feat: my blog

.gitignore

@@ -1,37 +1,5 @@
-# Compiled source #
-###################
-*.com
-*.class
-*.dll
-*.exe
-*.o
-*.so
 
-# Packages #
-############
-# it's better to unpack these files and commit the raw source
-# git has its own built in compression methods
-*.7z
-*.dmg
-*.gz
-*.iso
-*.jar
-*.rar
-*.tar
-*.zip
-
-# Logs and databases #
-######################
-*.log
-*.sql
-*.sqlite
-
-# OS generated files #
-######################
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
+node_modules/
+src/.vuepress/.cache/
+src/.vuepress/.temp/
+src/.vuepress/dist/

README.md

@@ -1,51 +1,8 @@
-<header>
+# SongBlog
 
-<!--
-  <<< Author notes: Course header >>>
-  Include a 1280×640 image, course title in sentence case, and a concise description in emphasis.
-  In your repository settings: enable template repository, add your 1280×640 social image, auto delete head branches.
-  Add your open source license, GitHub uses MIT license.
--->
+个人互联网记忆
 
-# GitHub Pages
+## 访问地址
 
-_Create a site or blog from your GitHub repositories with GitHub Pages._
+[个人博客网站](https://linzsong.github.io/SongBlog/)
 
-</header>
-
-<!--
-  <<< Author notes: Step 3 >>>
-  Start this step by acknowledging the previous step.
-  Define terms and link to docs.github.com.
-  Historic note: previous version checked the homepage content was not empty.
--->
-
-## Step 3: Customize your homepage
-
-_Nice work setting the theme! :sparkles:_
-
-You can customize your homepage by adding content to either an `index.md` file or the `README.md` file. GitHub Pages first looks for an `index.md` file. Your repository has an `index.md` file so we can update it to include your personalized content.
-
-### :keyboard: Activity: Create your homepage
-
-1. Browse to the `index.md` file in the `my-pages` branch.
-1. In the upper right corner, open the file editor.
-1. Type the content you want on your homepage. You can use Markdown formatting on this page.
-1. (optional) You can also modify `title:` or just ignore it for now. We'll discuss it in the next step.
-1. Commit your changes to the `my-pages` branch.
-1. Wait about 20 seconds then refresh this page (the one you're following instructions from). [GitHub Actions](https://docs.github.com/en/actions) will automatically update to the next step.
-
-<footer>
-
-<!--
-  <<< Author notes: Footer >>>
-  Add a link to get support, GitHub status page, code of conduct, license link.
--->
-
----
-
-Get help: [Post in our discussion board](https://github.com/orgs/skills/discussions/categories/github-pages) &bull; [Review the GitHub status page](https://www.githubstatus.com/)
-
-&copy; 2023 GitHub &bull; [Code of Conduct](https://www.contributor-covenant.org/version/2/1/code_of_conduct/code_of_conduct.md) &bull; [MIT License](https://gh.io/mit)
-
-</footer>

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "song",
+  "version": "1.0.0",
+  "description": "A project of vuepress-theme-hope",
+  "license": "MIT",
+  "scripts": {
+    "docs:build": "vuepress build src",
+    "docs:clean-dev": "vuepress dev src --clean-cache",
+    "docs:dev": "vuepress dev src",
+    "docs:update-package": "yarn dlx vp-update"
+  },
+  "devDependencies": {
+    "@vuepress/client": "2.0.0-beta.67",
+    "vue": "^3.3.4",
+    "vuepress": "2.0.0-beta.67",
+    "vuepress-theme-hope": "2.0.0-beta.237"
+  }
+}

src/.vuepress/config.ts

@@ -0,0 +1,15 @@
+import { defineUserConfig } from "vuepress";
+import theme from "./theme.js";
+
+export default defineUserConfig({
+  base: "/SongBlog/",
+
+  lang: "zh-CN",
+  title: "Song",
+  description: "Cap的博客",
+
+  theme,
+
+  // Enable it with pwa
+  // shouldPrefetch: false,
+});

src/.vuepress/navbar.ts

@@ -0,0 +1,58 @@
+import { navbar } from "vuepress-theme-hope";
+
+export default navbar([
+  // "/",
+  // "/demo/",
+  {
+    text: "博文",
+    icon: "pen-to-square",
+    prefix: "/",
+    children: [
+      {
+        text: "安全",
+        icon: "",
+        prefix: "Safety/",
+        children: [
+          { text: "XSS", icon: "", link: "XSS" },
+          { text: "CSRF", icon: "", link: "CSRF" },
+        ],
+      },
+      {
+        text: "Node",
+        icon: "",
+        prefix: "node/",
+        children: [
+          {
+            text: "EventLoop",
+            icon: "",
+            link: "Event Loop",
+          },
+          '如何在node中更好的使用集群'
+        ],
+      },
+      // { text: "火龙果", icon: "pen-to-square", link: "dragonfruit" },
+      // "tomato",
+    ],
+  },
+  {
+    text: "随笔",
+    icon: "disease",
+    prefix: "/",
+    children: [
+      {
+        text: "诗",
+        icon: "",
+        prefix: "Poem/",
+        children: [
+          {
+            text: "月",
+            icon: "",
+            link: "月",
+          },
+        ],
+      },
+      // { text: "火龙果", icon: "pen-to-square", link: "dragonfruit" },
+      // "tomato",
+    ],
+  },
+]);

src/.vuepress/sidebar.ts

@@ -0,0 +1,136 @@
+import { sidebar } from "vuepress-theme-hope";
+
+export default sidebar({
+  "/": [
+    "" /* / */,
+
+    // "",
+    {
+      text: "碎碎念",
+      icon: "",
+      prefix: "碎碎念/",
+      children: "structure",
+    },
+    {
+      text: "随笔打油诗",
+      icon: "",
+      prefix: "Poem/",
+      children: "structure",
+    },
+    {
+      text: "安全",
+      icon: "shield-heart",
+      collapsible: true,
+      prefix: "Safety/",
+      children: "structure",
+    },
+    {
+      text: "算法",
+      icon: "shield-heart",
+      collapsible: true,
+      prefix: "算法/",
+      children: "structure",
+    },
+    {
+      text: "低代码",
+      icon: "laptop-code",
+      collapsible: true,
+      prefix: "LowCode/",
+      children: "structure",
+    },
+    {
+      text: "工程化相关",
+      icon: "code-compare",
+      collapsible: true,
+      prefix: "CLI/",
+      children: "structure",
+    },
+    {
+      text: "小程序",
+      icon: "comments",
+      collapsible: true,
+      prefix: "MiniProgram/",
+      children: "structure",
+    },
+
+    {
+      text: "杂库",
+      icon: "warehouse",
+      prefix: "Other/",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "Docker",
+      icon: "docker",
+      collapsible: true,
+      prefix: "Docker/",
+      children: "structure",
+    },
+    {
+      text: "Node",
+      icon: "nodejs",
+      prefix: "Node/",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "Vue",
+      icon: "vuejs",
+      prefix: "Vue/",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "Webpack",
+      icon: "cube",
+      prefix: "Webpack",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "NestJS",
+      icon: "cube",
+      prefix: "NestJS",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "GraphQL",
+      icon: "cube",
+      prefix: "GraphQL",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "Monorepo",
+      icon: "cube",
+      prefix: "Monorepo",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "微前端",
+      icon: "cube",
+      prefix: "微前端",
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "CSS",
+      icon: "",
+      prefix: "CSS", 
+      collapsible: true,
+      children: "structure",
+    },
+    {
+      text: "Web3",
+      icon: "",
+      prefix: "Web3", 
+      collapsible: true,
+      children: "structure",
+    },
+    // "intro",
+    // "slides",
+  ],
+});

src/.vuepress/styles/config.scss

@@ -0,0 +1,3 @@
+// you can change config here
+$colors: #c0392b, #d35400, #f39c12, #27ae60, #16a085, #2980b9, #8e44ad, #2c3e50,
+  #7f8c8d !default;

src/.vuepress/styles/index.scss

@@ -0,0 +1 @@
+// place your custom styles here

src/.vuepress/styles/palette.scss

@@ -0,0 +1,2 @@
+// you can change colors here
+$theme-color: #096dd9;