-
- {FeatureList.map((props, idx) => (
-
- ))}
+
+
+ {!loading && (
+
+
+ Op Chen 的个人网站
+
+ }
+ type="link"
+ id="trigger"
+ loading={loading}
+ onClick={() => initObjects()}
+ >
+ 点击进入
+
-
-
+ )}
+
);
}
diff --git a/src/components/HomepageFeatures/styles.module.scss b/src/components/HomepageFeatures/styles.module.scss
deleted file mode 100644
index f980ed3..0000000
--- a/src/components/HomepageFeatures/styles.module.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-.features {
- display: flex;
- align-items: center;
- padding: 2rem 0;
- width: 100%;
-
-
-}
-
-.featureSvg {
- height: 200px;
- width: 200px;
-}
-
-.svgBlock {
-
- &:hover {
- opacity: .7;
- cursor: pointer;
- }
-}
\ No newline at end of file
diff --git a/src/components/cssComponent/styles.module.css b/src/components/cssComponent/styles.module.css
index d4c15fb..e69de29 100644
--- a/src/components/cssComponent/styles.module.css
+++ b/src/components/cssComponent/styles.module.css
@@ -1,224 +0,0 @@
-.boxUnset {
- height: 20px;
- width: 20px;
- background: red;
-}
-.boxUnset:hover {
- height: 45px;
- width: 45px;
-}
-
-.boxUnset2 {
- height: 20px;
- width: 20px;
- background: red;
-}
-.boxUnset2:hover {
- background: blue;
-}
-
-.boxUnset3 {
- height: 20px;
- width: 20px;
- background: red;
-}
-.boxUnset3:hover {
- transform: translateX(100%);
-}
-
-.boxset {
- height: 20px;
- width: 20px;
- background: red;
- transition: 1s;
-}
-.boxset:hover {
- height: 45px;
- width: 45px;
-}
-
-.boxset2 {
- height: 20px;
- width: 20px;
- background: red;
- transition: 1s;
-}
-.boxset2:hover {
- background: blue;
-}
-
-.boxset3 {
- height: 20px;
- width: 20px;
- background: red;
- transition: 1s;
-}
-.boxset3:hover {
- transform: translateX(100%);
-}
-
-.spin {
- border-radius: 40%;
- width: 50px;
- height: 50px;
- background: red;
- animation: demo-spin 1s linear infinite;
-}
-
-@keyframes demo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
-
-.stateBall {
- overflow: hidden;
- position: relative;
- padding: 5px;
- border: 3px solid #3c9;
- border-radius: 100%;
- width: 150px;
- height: 150px;
- background-color: #fff;
-}
-.stateBall::before,
-.stateBall::after {
- position: absolute;
- left: 50%;
- bottom: 5px;
- z-index: 9;
- margin-left: -100px;
- width: 200px;
- height: 200px;
- content: "";
-}
-.stateBall::before {
- border-radius: 45%;
- background-color: rgba(255, 255, 255, 0.5);
- animation: rotate 10s linear -5s infinite;
-}
-.stateBall::after {
- border-radius: 40%;
- background-color: rgba(255, 255, 255, 0.8);
- animation: rotate 15s infinite;
-}
-.trans::before {
- margin-bottom: 154px;
- transition: 1.5s ease-out;
-}
-.trans::after {
- transition: 1.5s ease-out;
- margin-bottom: 162px;
-}
-.stateBall .wave {
- position: relative;
- border-radius: 100%;
- width: 100%;
- height: 100%;
- background-image: linear-gradient(to bottom, #af8 13%, #3c9 91%);
-}
-.stateBall .progress::after {
- display: flex;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 99;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- font-weight: bold;
- font-size: 16px;
- color: #09f;
- content: counter(progress) "%";
- counter-reset: progress var(--offset);
-}
-@keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- 50% {
- transform: rotate(180deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
-
-.stateBall {
- overflow: hidden;
- position: relative;
- padding: 5px;
- border: 3px solid #3c9;
- border-radius: 100%;
- width: 150px;
- height: 150px;
- background-color: #fff;
-}
-.stateBall .wave {
- position: relative;
- border-radius: 100%;
- width: 100%;
- height: 100%;
- background-image: linear-gradient(to bottom, #af8 13%, #3c9 91%);
-}
-.stateBall .progress::after {
- display: flex;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 99;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- font-weight: bold;
- font-size: 16px;
- color: #09f;
- content: counter(progress) "%";
- counter-reset: progress var(--offset);
-}
-
-.stateBall::before,
-.stateBall::after {
- position: absolute;
- left: 50%;
- bottom: 5px;
- z-index: 9;
- margin-left: -100px;
- width: 200px;
- height: 200px;
- content: "";
-}
-.stateBall::before {
- border-radius: 45%;
- background-color: rgba(255, 255, 255, 0.5);
-}
-.stateBall::after {
- border-radius: 40%;
- background-color: rgba(255, 255, 255, 0.8);
- animation: rotate 10s linear -5s infinite;
-}
-.trans::before {
- margin-bottom: 154px;
- transition: 1.5s ease-out;
- animation: rotate 15s infinite;
-}
-.trans::after {
- transition: 1.5s ease-out;
- margin-bottom: 162px;
-}
-@keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- 50% {
- transform: rotate(180deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index 87a05aa..ac2c25b 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -44,7 +44,7 @@
}
.word {
- color: #fff
+ color: #fff;
}
@keyframes rotate {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index aaa0614..6524322 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,40 +1,6 @@
import React from "react";
-import clsx from "clsx";
-import Layout from "@theme/Layout";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import HomepageFeatures from "@site/src/components/HomepageFeatures";
-import PageLoading from "../components/LongPageLoading/index";
-
-import styles from "./index.module.scss";
-
-function HomepageHeader() {
- const { siteConfig } = useDocusaurusContext();
- return (
-
-
-
-
{siteConfig.title}
-
- {siteConfig.tagline}
-
-
- );
-}
-
export default function Home() {
- const { siteConfig } = useDocusaurusContext();
- return (
-
-
-
-
-
- * 长按鼠标将有动画效果.
-
- );
+ return
;
}
diff --git a/src/plugin/mermaid.ts b/src/plugin/mermaid.ts
deleted file mode 100644
index 7b03122..0000000
--- a/src/plugin/mermaid.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { Transformer } from "unified";
-import visit from "unist-util-visit";
-import type { Heading, Literal } from "mdast";
-
-type PluginOptions = {
- name?: string;
-};
-
-export default function plugin(options: PluginOptions = {}): Transformer {
- const name = options.name || "docusaurus-plugin-mermaid";
-
- return (root) => {
- visit(root, "heading", (child: Heading, index, parent) => {
- // const value = toString(child);
- // if (parent !== root || !value || child.depth < 2) {
- // return;
- // }
- // headings.push({
- // value: toValue(child),
- // id: child.data!.id as string,
- // level: child.depth,
- // });
- });
- };
-}
diff --git a/tsconfig.json b/tsconfig.json
index f0cd862..2332fb1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,10 +5,10 @@
"esModuleInterop": true,
"jsx": "react",
"noEmit": true,
- "types": ["node", "@docusaurus/module-type-aliases", "@docusaurus/theme-classic"],
+ "types": ["node", "@docusaurus/module-type-aliases"],
"baseUrl": ".",
"paths": {
- "@site/*": ["./*"]
+ "@site/*": ["./*"],
},
},
"include": ["**/*.ts", "**/*.tsx", "src/plugin/mermaid.js"],