diff --git a/.env.example b/.env.example
index 24e0a7d..0abb2fa 100644
--- a/.env.example
+++ b/.env.example
@@ -5,6 +5,7 @@ GISCUS_CATEGORY_ID="DIC_kwDOIXU0aM4CXB7m"
GISCUS_LIGHT_CSS="https://oss.nova.gal/css/giscus-light.css"
GISCUS_DARK_CSS="https://oss.nova.gal/css/giscus-dark.css"
+
# GTAG, can be string array
GTAG="G-XXXXXXXXXX"
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..c03c628
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,57 @@
+name: Deploy to GitHub Pages
+
+on:
+ push:
+ branches:
+ - main
+ - v2
+ # Review gh actions docs if you want to further define triggers, paths, etc
+ # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on
+
+jobs:
+ build:
+ name: Build Docusaurus
+ runs-on: ubuntu-latest
+ environment: gh-pages
+ steps:
+ - uses: actions/checkout@v4
+ with:
+ fetch-depth: 0
+ - uses: actions/setup-node@v4
+ with:
+ node-version: 18
+ cache: yarn
+
+ - name: Install dependencies
+ run: yarn install --frozen-lockfile
+
+ - name: Setup environment variables
+ run: echo "${{ secrets.ENV_FILE }}" > .env
+
+ - name: Build website
+ run: yarn build
+
+ - name: Upload Build Artifact
+ uses: actions/upload-pages-artifact@v3
+ with:
+ path: build
+
+ deploy:
+ name: Deploy to GitHub Pages
+ needs: build
+
+ # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+ permissions:
+ pages: write # to deploy to Pages
+ id-token: write # to verify the deployment originates from an appropriate source
+
+ # Deploy to the github-pages environment
+ environment:
+ name: github-pages
+ url: ${{ steps.deployment.outputs.page_url }}
+
+ runs-on: ubuntu-latest
+ steps:
+ - name: Deploy to GitHub Pages
+ id: deployment
+ uses: actions/deploy-pages@v4
diff --git a/.github/workflows/test-deploy.yml b/.github/workflows/test-deploy.yml
new file mode 100644
index 0000000..66b3a39
--- /dev/null
+++ b/.github/workflows/test-deploy.yml
@@ -0,0 +1,27 @@
+name: Test deployment
+
+on:
+ pull_request:
+ branches:
+ - main
+ - v2
+ # Review gh actions docs if you want to further define triggers, paths, etc
+ # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on
+
+jobs:
+ test-deploy:
+ name: Test deployment
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v4
+ with:
+ fetch-depth: 0
+ - uses: actions/setup-node@v4
+ with:
+ node-version: 18
+ cache: yarn
+
+ - name: Install dependencies
+ run: yarn install --frozen-lockfile
+ - name: Test build website
+ run: yarn build
diff --git a/.gitmodules b/.gitmodules
index 489651d..e69de29 100755
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +0,0 @@
-[submodule "go-github-webhooks"]
- path = go-github-webhooks
- url = https://github.com/MuelNova/go-github-webhooks
diff --git a/docusaurus.config.js b/docusaurus.config.js
index d93ea35..d35d07b 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -1,5 +1,5 @@
// dotenv
-require("dotenv").config();
+import "dotenv/config";
// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion
@@ -26,6 +26,8 @@ const config = {
// If you aren't using GitHub pages, you don't need these.
organizationName: "MuelNova", // Usually your GitHub org/user name.
projectName: "Muel-Nova_Blog", // Usually your repo name.
+ deploymentBranch: "gh-pages", // The branch your GitHub pages site is deployed from.
+ trailingSlash: false,
// Even if you don't use internalization, you can use this field to set useful
// metadata like html lang. For example, if your site is Chinese, you may want
@@ -122,7 +124,8 @@ const config = {
editUrl: "https://github.com/MuelNova/NovaNo1r-Blog/tree/main/",
feedOptions: {
type: "rss",
- description: "Nova 是一个做 PWN 的二次元，Nova 的博客用于输出无营养内容。",
+ description:
+ "Nova 是一个做 PWN 的二次元，Nova 的博客用于输出无营养内容。",
copyright: `Copyright © ${new Date().getFullYear()} NovaNo1r with ❤`,
},
remarkPlugins: [remarkMath],
@@ -157,23 +160,23 @@ const config = {
// anonymizeIP: true,
// },
// ],
- [
- require.resolve("./src/plugins/ai-summary"),
- {
- OPENAI_API_KEY: process.env.OPENAI_API_KEY,
- OPENAI_BASE_URL: process.env.OPENAI_BASE_URL,
- OPENAI_SUMMARY_MODEL: process.env.OPENAI_SUMMARY_MODEL,
- },
- ],
- [
- require.resolve("./src/plugins/ai-translate"),
- {
- OPENAI_API_KEY: process.env.OPENAI_API_KEY,
- OPENAI_BASE_URL: process.env.OPENAI_BASE_URL,
- OPENAI_TRANSLATE_MODEL: process.env.OPENAI_TRANSLATE_MODEL,
- OPENAI_TOKEN_SIZE: process.env.OPENAI_TOKEN_SIZE,
- },
- ],
+ // [
+ // require.resolve("./src/plugins/ai-summary"),
+ // {
+ // OPENAI_API_KEY: process.env.OPENAI_API_KEY,
+ // OPENAI_BASE_URL: process.env.OPENAI_BASE_URL,
+ // OPENAI_SUMMARY_MODEL: process.env.OPENAI_SUMMARY_MODEL,
+ // },
+ // ],
+ // [
+ // require.resolve("./src/plugins/ai-translate"),
+ // {
+ // OPENAI_API_KEY: process.env.OPENAI_API_KEY,
+ // OPENAI_BASE_URL: process.env.OPENAI_BASE_URL,
+ // OPENAI_TRANSLATE_MODEL: process.env.OPENAI_TRANSLATE_MODEL,
+ // OPENAI_TOKEN_SIZE: process.env.OPENAI_TOKEN_SIZE,
+ // },
+ // ],
],
themes: [
diff --git a/go-github-webhooks b/go-github-webhooks
deleted file mode 160000
index ec732de..0000000
--- a/go-github-webhooks
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit ec732de995dfc65a47739376c772af7bd4a88e32
diff --git a/package.json b/package.json
index 3c89aae..328dd8e 100644
--- a/package.json
+++ b/package.json
@@ -15,9 +15,9 @@
"typecheck": "tsc"
},
"dependencies": {
- "@docusaurus/core": "^3.1.1",
- "@docusaurus/plugin-google-gtag": "^3.1.1",
- "@docusaurus/preset-classic": "^3.1.1",
+ "@docusaurus/core": "^3.5.2",
+ "@docusaurus/plugin-google-gtag": "^3.5.2",
+ "@docusaurus/preset-classic": "^3.5.2",
"@easyops-cn/docusaurus-search-local": "^0.33.6",
"@giscus/react": "^2.2.8",
"@mdx-js/react": "^3.0.0",
@@ -40,11 +40,13 @@
"typeit-react": "^2.7.1"
},
"devDependencies": {
- "@docusaurus/module-type-aliases": "^3.1.1",
+ "@docusaurus/module-type-aliases": "^3.5.2",
+ "@docusaurus/tsconfig": "^3.5.2",
+ "@docusaurus/types": "^3.5.2",
"@tsconfig/docusaurus": "^1.0.5",
"sass": "^1.59.2",
"sass-loader": "^13.2.0",
- "typescript": "^4.7.4"
+ "typescript": "^5.6.2"
},
"browserslist": {
"production": [
diff --git a/src/contents/pages/index.module.scss b/src/contents/pages/index.module.scss
index 5f2c4fa..602f3af 100755
--- a/src/contents/pages/index.module.scss
+++ b/src/contents/pages/index.module.scss
@@ -382,7 +382,7 @@ $last-chapter__theme-red: #c45c66;
position: absolute;
background-color: $last-chapter__theme-white;
border-radius: 5px;
- transform: scale(0);
+ transform: scale(0.01);
cursor: pointer;
overflow: hidden;
z-index: 2;
@@ -513,38 +513,68 @@ $last-chapter__theme-red: #c45c66;
}
}
-// Animation
-.last-chapter__frame {
- animation: last-chapter__show-frame 1s cubic-bezier(0.18, 0.66, 0.05, 0.96)
- 0.4s forwards;
-}
+/*** anibtn ***/
+.anibtn {
+ position: absolute;
+ background-color: $last-chapter__theme-white;
+ border-radius: 5px;
+ display: flex;
+ z-index: 2;
+ justify-content: center;
+ overflow: hidden;
+ transform: scale(0.01);
-.last-chapter__ball {
- animation: scale0-1 0.6s cubic-bezier(0.18, 0.66, 0.05, 0.96) 0.2s forwards;
- &::after {
- animation: fadein 1s ease 0.8s forwards;
+ @include mixin.pc-layout {
+ bottom: 50px;
+ right: 50px;
+ width: 45px;
+ height: 45px;
+ }
+ @include mixin.sp-layout {
+ bottom: 30px;
+ right: 20px;
+ width: 40px;
+ height: 40px;
}
-}
-
-.last-chapter__bg-help {
- animation: fadein 0.4s ease 0.4s forwards;
-}
-.last-chapter__bg {
- &::before,
- &::after {
- animation: scale0-1 0.5s cubic-bezier(0.18, 0.66, 0.05, 0.96) 0s forwards;
+ &::before {
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ transform: scale(0.001);
+ background-color: $last-chapter__theme-blue;
+ transition: all 0.4s cubic-bezier(0.77, 0, 0.17, 1.02) 0s;
}
-}
-.last-chapter__logo {
- animation: last-chapter__show-logo 0.6s ease 1s forwards;
-}
+ &:hover::before {
+ transform: scale(1);
+ }
-.last-chapter__menu-btn {
- animation: last-chapter__show-logo 0.6s ease 1.6s forwards;
+ svg {
+ position: absolute;
+ cursor: pointer;
+ @include mixin.pc-layout {
+ top: 5px;
+ left: 5px;
+ width: calc(100% - 10px);
+ height: calc(100% - 10px);
+ }
+ @include mixin.sp-layout {
+ top: 2.5px;
+ left: 2.5px;
+ width: calc(100% - 5px);
+ height: calc(100% - 5px);
+ }
+ stroke: $last-chapter__theme-black;
+ stroke-width: 3;
+ }
}
+// Animation
.last-chapter__decoration {
.star::after {
animation: page__rotate-decoration 6s linear 0s infinite;
@@ -552,38 +582,266 @@ $last-chapter__theme-red: #c45c66;
.moon::after {
animation: page__rotate-decoration 6s linear 0s infinite;
}
- .star:nth-child(1) {
- animation: last-chapter__show-decoration 0.6s ease 1.7s forwards;
+}
+
+.animation {
+ .show {
+ animation: slide-bottom 0.05s ease 0s forwards;
+
+ .menu__space {
+ div:nth-child(1) {
+ animation: menu__show-space-bg 0.6s ease 0.1s forwards;
+ }
+ div:nth-child(2) {
+ animation: menu__show-space-bg 0.6s ease 0.2s forwards;
+ }
+ div:nth-child(3) {
+ animation: menu__show-space-bg 0.6s ease 0.3s forwards;
+ }
+ div:nth-child(4) {
+ animation: menu__show-space-bg 0.6s ease 0.4s forwards;
+ }
+ &::before {
+ animation: fadein 1s ease 1s forwards;
+ }
+ &::after {
+ animation: menu__down-word 0.6s ease 1s forwards;
+ }
+ }
+
+ .menu__box {
+ animation: menu__show-nav 0.6s ease 0s forwards;
+
+ .menu-title {
+ animation: fadein 0.5s ease 0.6s forwards;
+ }
+ .nav {
+ a:nth-child(1) {
+ animation: fadein 0.7s ease 0.7s forwards;
+ }
+ a:nth-child(2) {
+ animation: fadein 0.7s ease 0.8s forwards;
+ }
+ a:nth-child(3) {
+ animation: fadein 0.7s ease 0.9s forwards;
+ }
+ a:nth-child(4) {
+ animation: fadein 0.7s ease 1s forwards;
+ }
+ a:nth-child(5) {
+ animation: fadein 0.7s ease 1.1s forwards;
+ }
+ }
+ .colors {
+ div:nth-child(1) {
+ animation: scale0-1 0.4s ease 0.7s forwards;
+ }
+ div:nth-child(2) {
+ animation: scale0-1 0.4s ease 0.8s forwards;
+ }
+ div:nth-child(3) {
+ animation: scale0-1 0.4s ease 0.9s forwards;
+ }
+ div:nth-child(4) {
+ animation: scale0-1 0.4s ease 1s forwards;
+ }
+ }
+ }
+
+ .menu__close-btn {
+ animation: slide-left 0.6s cubic-bezier(0.06, 0.51, 0.01, 1.03) 1.4s
+ forwards;
+ }
+ }
+
+ .last-chapter__frame {
+ animation: last-chapter__show-frame 1s cubic-bezier(0.18, 0.66, 0.05, 0.96)
+ 0.4s forwards;
}
- .star:nth-child(4) {
- animation: last-chapter__show-decoration 0.6s ease 1.8s forwards;
+
+ .last-chapter__ball {
+ animation: scale0-1 0.6s cubic-bezier(0.18, 0.66, 0.05, 0.96) 0.2s forwards;
+ &::after {
+ animation: fadein 1s ease 0.8s forwards;
+ }
}
- .star:nth-child(2) {
- animation: last-chapter__show-decoration 0.6s ease 1.9s forwards;
+
+ .last-chapter__bg-help {
+ animation: fadein 0.4s ease 0.4s forwards;
}
- .moon {
- animation: last-chapter__show-decoration 0.6s ease 2s forwards;
+
+ .last-chapter__bg {
+ &::before,
+ &::after {
+ animation: scale0-1 0.5s cubic-bezier(0.18, 0.66, 0.05, 0.96) 0s forwards;
+ }
+ }
+
+ .last-chapter__logo {
+ animation: last-chapter__show-logo 0.6s ease 1s forwards;
+ }
+
+ .last-chapter__menu-btn {
+ animation: last-chapter__show-logo 0.6s ease 1.6s forwards;
+ }
+
+ .anibtn {
+ animation: last-chapter__show-logo 0.6s ease 1.6s forwards;
}
- .star:nth-child(3) {
- animation: last-chapter__show-decoration 0.6s ease 2.1s forwards;
+
+ .last-chapter__decoration {
+ .moon {
+ animation: last-chapter__show-decoration 0.6s ease 2s forwards;
+ }
+ .star:nth-child(1) {
+ animation: last-chapter__show-decoration 0.6s ease 1.7s forwards;
+ }
+ .star:nth-child(4) {
+ animation: last-chapter__show-decoration 0.6s ease 1.8s forwards;
+ }
+ .star:nth-child(2) {
+ animation: last-chapter__show-decoration 0.6s ease 1.9s forwards;
+ }
+ .star:nth-child(3) {
+ animation: last-chapter__show-decoration 0.6s ease 2.1s forwards;
+ }
+ }
+
+ .last-chapter__sns-nav {
+ a:nth-child(1) {
+ animation: last-chapter__show-logo 0.6s ease 1.1s forwards;
+ }
+ a:nth-child(2) {
+ animation: last-chapter__show-logo 0.6s ease 1.2s forwards;
+ }
+ a:nth-child(3) {
+ animation: last-chapter__show-logo 0.6s ease 1.3s forwards;
+ }
+ a:nth-child(4) {
+ animation: last-chapter__show-logo 0.6s ease 1.4s forwards;
+ }
+ a:nth-child(5) {
+ animation: last-chapter__show-logo 0.6s ease 1.5s forwards;
+ }
+ a:nth-child(6) {
+ animation: last-chapter__show-logo 0.6s ease 1.6s forwards;
+ }
}
}
-.last-chapter__sns-nav {
- a:nth-child(1) {
- animation: last-chapter__show-logo 0.6s ease 1.1s forwards;
+.animation-done {
+ .show {
+ animation: slide-bottom 0.05s ease 0s forwards;
+
+ .menu__space {
+ div:nth-child(1) {
+ animation: menu__show-space-bg 0.2s ease 0.05s forwards;
+ }
+ div:nth-child(2) {
+ animation: menu__show-space-bg 0.2s ease 0.1s forwards;
+ }
+ div:nth-child(3) {
+ animation: menu__show-space-bg 0.2s ease 0.15s forwards;
+ }
+ div:nth-child(4) {
+ animation: menu__show-space-bg 0.2s ease 0.2s forwards;
+ }
+ &::before {
+ animation: fadein 0.6s ease 0.4s forwards;
+ }
+ &::after {
+ animation: menu__down-word 0.4s ease 0.4s forwards;
+ }
+ }
+
+ .menu__box {
+ animation: menu__show-nav 0.4s ease 0s forwards;
+
+ .menu-title {
+ animation: fadein 0.2s ease 0.4s forwards;
+ }
+ .nav {
+ a:nth-child(1) {
+ animation: fadein 0.2s ease 0.4s forwards;
+ }
+ a:nth-child(2) {
+ animation: fadein 0.2s ease 0.4s forwards;
+ }
+ a:nth-child(3) {
+ animation: fadein 0.2s ease 0.4s forwards;
+ }
+ a:nth-child(4) {
+ animation: fadein 0.2s ease 0.4s forwards;
+ }
+ a:nth-child(5) {
+ animation: fadein 0.2s ease 0.4s forwards;
+ }
+ }
+ .colors {
+ div:nth-child(1) {
+ animation: scale0-1 0.1s ease 0.4s forwards;
+ }
+ div:nth-child(2) {
+ animation: scale0-1 0.1s ease 0.5s forwards;
+ }
+ div:nth-child(3) {
+ animation: scale0-1 0.1s ease 0.6s forwards;
+ }
+ div:nth-child(4) {
+ animation: scale0-1 0.1s ease 0.7s forwards;
+ }
+ }
+ }
+
+ .menu__close-btn {
+ animation: slide-left 0.2s cubic-bezier(0.06, 0.51, 0.01, 1.03) 0.4s
+ forwards;
+ }
+ }
+
+ .last-chapter__frame {
+ opacity: 1;
+ transform: none;
+ }
+
+ .last-chapter__ball {
+ transform: scale(1);
+ }
+
+ .last-chapter__ball::after {
+ opacity: 1;
}
- a:nth-child(2) {
- animation: last-chapter__show-logo 0.6s ease 1.2s forwards;
+
+ .last-chapter__bg-help {
+ opacity: 1;
+ }
+
+ .last-chapter__bg::before,
+ .last-chapter__bg::after {
+ transform: scale(1);
}
- a:nth-child(3) {
- animation: last-chapter__show-logo 0.6s ease 1.3s forwards;
+
+ .last-chapter__logo {
+ transform: scale(1);
}
- a:nth-child(4) {
- animation: last-chapter__show-logo 0.6s ease 1.4s forwards;
+
+ .last-chapter__menu-btn {
+ transform: scale(1);
}
- a:nth-child(5) {
- animation: last-chapter__show-logo 0.6s ease 1.5s forwards;
+
+ .anibtn {
+ transform: scale(1);
+ }
+
+ .last-chapter__sns-nav a {
+ transform: scale(1);
+ }
+
+ .last-chapter__decoration {
+ .moon,
+ .star {
+ transform: translateY(-5%);
+ }
}
}
@@ -937,71 +1195,6 @@ $last-chapter__theme-red: #c45c66;
/****************************************************************
animation
*****************************************************************/
-.show {
- animation: slide-bottom 0.05s ease 0s forwards;
-
- .menu__space {
- div:nth-child(1) {
- animation: menu__show-space-bg 0.6s ease 0.1s forwards;
- }
- div:nth-child(2) {
- animation: menu__show-space-bg 0.6s ease 0.2s forwards;
- }
- div:nth-child(3) {
- animation: menu__show-space-bg 0.6s ease 0.3s forwards;
- }
- div:nth-child(4) {
- animation: menu__show-space-bg 0.6s ease 0.4s forwards;
- }
- &::before {
- animation: fadein 1s ease 1s forwards;
- }
- &::after {
- animation: menu__down-word 0.6s ease 1s forwards;
- }
- }
-
- .menu__box {
- animation: menu__show-nav 0.6s ease 0s forwards;
-
- .menu-title {
- animation: fadein 0.5s ease 0.6s forwards;
- }
- .nav {
- a:nth-child(1) {
- animation: fadein 0.7s ease 0.7s forwards;
- }
- a:nth-child(2) {
- animation: fadein 0.7s ease 0.8s forwards;
- }
- a:nth-child(3) {
- animation: fadein 0.7s ease 0.9s forwards;
- }
- a:nth-child(4) {
- animation: fadein 0.7s ease 1s forwards;
- }
- }
- .colors {
- div:nth-child(1) {
- animation: scale0-1 0.4s ease 0.7s forwards;
- }
- div:nth-child(2) {
- animation: scale0-1 0.4s ease 0.8s forwards;
- }
- div:nth-child(3) {
- animation: scale0-1 0.4s ease 0.9s forwards;
- }
- div:nth-child(4) {
- animation: scale0-1 0.4s ease 1s forwards;
- }
- }
- }
-
- .menu__close-btn {
- animation: slide-left 0.6s cubic-bezier(0.06, 0.51, 0.01, 1.03) 1.4s
- forwards;
- }
-}
// @font-face {
// font-family: 'ZCOOL KuaiLe'; /* 字体的名称 */
diff --git a/src/contents/pages/index.tsx b/src/contents/pages/index.tsx
index 59535d9..c55d4ee 100755
--- a/src/contents/pages/index.tsx
+++ b/src/contents/pages/index.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
import { useState } from "react";
import styles from "@site/src/contents/pages/index.module.scss";
import Link from "@docusaurus/Link";
@@ -8,17 +8,119 @@ import StarIcon from "@site/src/static/img/index/menu/star.svg";
import MoonIcon from "@site/src/static/img/index/menu/moon.svg";
import DogIcon from "@site/src/static/img/index/menu/dog.svg";
import MountainIcon from "@site/src/static/img/index/menu/mountain.svg";
-import ProfileImg from "@site/src/static/img/index/menu/menu-1.svg";
-import SiteImg from "@site/src/static/img/index/menu/menu-2.svg";
-import ProductImg from "@site/src/static/img/index/menu/menu-3.svg";
-import MemoriesImg from "@site/src/static/img/index/menu/menu-4.svg";
+import AniEnabledIcon from "@site/src/static/img/index/menu/ani_enable.svg";
+import AniDisabledIcon from "@site/src/static/img/index/menu/ani_disable.svg";
import svgList from "@site/src/theme/utils/_SocialMediaList";
import Svg from "./about/_Svg";
function AboutComponent() {
const [dropMenu, setDropMenu] = useState(false);
+ const [hasPlayedAnimation, setHasPlayedAnimation] = useState(false);
+ const [disableAnimation, setDisableAnimation] = useState(false);
+
+ useEffect(() => {
+ const savedDisableAnimation =
+ localStorage.getItem("disableAnimation") === "true";
+ setDisableAnimation(savedDisableAnimation);
+
+ const showFirstAnimation = !sessionStorage.getItem("hasPlayedAnimation");
+
+ if (!savedDisableAnimation && showFirstAnimation) {
+ setHasPlayedAnimation(false);
+ sessionStorage.setItem("hasPlayedAnimation", "true");
+ } else {
+ setHasPlayedAnimation(true);
+ }
+ }, []);
+
+ const DropMenu = () => (
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-