Merge fc2960ffe4 into f52833d18b

.github/workflows/build.yml

@@ -0,0 +1,37 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Build and Deploy
+
+on:
+  push:
+    branches: ["master"]
+  pull_request:
+    branches: ["master"]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+          cache: "yarn"
+      - run: yarn install --ignore-engines
+      - run: yarn build
+      - name: Upload pages artifacts
+        # https://github.com/actions/upload-pages-artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: "public/"
+
+      - name: Deploy to GitHub Pages
+        if: github.ref == 'refs/heads/master'
+        # https://github.com/actions/deploy-pages
+        uses: actions/deploy-pages@v2.0.0

README.md

@@ -1,9 +1,12 @@
 # DropOut
+
+[![Build and Deploy](https://github.com/yui540/DropOut/actions/workflows/build.yml/badge.svg)](https://github.com/yui540/DropOut/actions/workflows/build.yml)
+
 「DropOut」は、yui540のポートフォリオサイトのversion_6.0.0です。
 
 『僕は魔法少女-----そう思っていた』
 
-🎉 [magical-girl.site](https://magical-girl.site) 🎉
+🎉 [Try It Online](https://yui540.github.io/DropOut/) 🎉
 
 ![1](./res/1.png)
 

package.json

@@ -21,7 +21,7 @@
     "dotenv": "^5.0.1",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "http-server": "^0.11.1",
-    "node-sass": "^4.8.3",
+    "node-sass": "npm:sass",
     "node-sass-glob-importer": "^5.1.1",
     "riot": "^3.9.0",
     "riot-hot-reload": "^1.0.0",

public/index.html

@@ -16,24 +16,23 @@
     -->
     <title>魔法少女サイト - DropOut</title>
     <meta name="description" content="『僕は魔法少女------そう思っていた』">
-    <meta name="keywords" content="魔法少女サイト,yui540,satella.io,magical-girl.site,DropOut">
+    <meta name="keywords" content="魔法少女サイト,yui540,satella.io,DropOut">
     <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1">
-    <meta property="og:url" content="https://magical-girl.site">
+    <meta property="og:url" content="https://yui540.github.io/DropOut">
-    <meta property="og:image" content="https://magical-girl.site/images/ogp.png">
+    <meta property="og:image" content="https://yui540.github.io/DropOut/images/ogp.png">
     <meta property="og:type" content="website">
     <meta property="og:title" content="魔法少女サイト - DropOut">
-    <meta property="og:site_name" content="magical-girl.site">
     <meta property="og:description" content="『僕は魔法少女------そう思っていた』">
     <meta property="og:locale" content="ja_JP">
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:site" content="@yui540" />
     <meta name="twitter:title" content="魔法少女サイト - DropOut" />
     <meta name="twitter:description" content="『僕は魔法少女------そう思っていた』" />
-    <meta name="twitter:image" content="https://magical-girl.site/images/ogp.png" />
+    <meta name="twitter:image" content="https://yui540.github.io/DropOut/images/ogp.png" />
     <meta name="theme-color" content="#484053" />
     <link rel="manifest" href="/manifest.json">
-    <link rel="shortcut icon" href="https://magical-girl.site/images/icons/icon-192.png" />
+    <link rel="shortcut icon" href="https://yui540.github.io/DropOut/images/icons/icon-192.png" />
-    <link rel="apple-touch-icon" href="https://magical-girl.site/images/icons/icon-192.png" />
+    <link rel="apple-touch-icon" href="https://yui540.github.io/DropOut/images/icons/icon-192.png" />
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
     <link rel="stylesheet" href="./stylesheets/font.css" />
     <link rel="stylesheet" href="./stylesheets/style.css" />
@@ -407,7 +406,7 @@
         </section>
         </section>
         <section class="top-page__share-btn">
-          <a target="_blank" href="http://twitter.com/intent/tweet?url=https://magical-girl.site&text=DropOut 『僕は魔法少女------そう思っていた』 / @yui540">
+          <a target="_blank" href="http://twitter.com/intent/tweet?url=https://yui540.github.io/DropOut/&text=DropOut 『僕は魔法少女------そう思っていた』 / @yui540">
             <i class="fab fa-twitter"></i>でシェアする
           </a>
         </section>