Merge pull request #175 from 142vip/feat/add-docs

feat: 增加文档内容，优化站点主页，新增`icon`图标、超链接

Author: 微信公众号：储凡

docs/.vuepress/theme/navbar.ts

@@ -60,7 +60,7 @@ export default navbar([
           },
           {
             text: '🎯 开发计划',
-            link: 'https://142vip-cn.feishu.cn/share/base/view/shrcnxtFKV2JfBZbqFh0GUxzTOg',
+            link: 'https://142vip-cn.feishu.cn/share/base/view/shrcnuuRDWBoHLmYaknXWFuhR4d',
           },
           {
             text: '🔗 技术&平台',

docs/.vuepress/theme/theme.ts

@@ -93,6 +93,13 @@ export const themeConfig = {
       readingTime: {
         wordPerMinute: 100,
       },
+      // 水印
+      // watermark: {
+      //   enabled: true,
+      //   watermarkOptions: {
+      //     content: '微信公众号：储凡',
+      //   },
+      // },
       copyright: false,
       // 开启博客功能
       blog: false,

docs/README.md

@@ -11,112 +11,87 @@ actions:
   - text: 工作机会 🏆
     link: /job-chance/job-poster-bytedance.md
     type: secondary
-#  - text: 公众号文章💡
-#    link: /wechat-list.md
-#    type: secondary
-
-features:
-  - title: SOLO算法
-    details: 习题整理，代码通过记录，个人实际解题思路，助力刷题通关
-    link: /solo-algorithm/
-  - title: Battle面试官
-    details: 校招社招八股文集合，分享面经与常见面试题，总结面试套路、经验，对线、Battle面试官丝毫不慌
-    link: /battle-interview/
-  - title: 前端
-    details: 熟练前端基础知识、常用框架，总结、提炼前端部署方案
-    link: /front-end/
-  - title: 后端
-    details: 夯实基础、熟练使用框架，有一定封装能力。造轮子、定制化插件功能，保姆级开发、部署流程
-    link: /server-end/
-  - title: 微服务
-    details: 网关、服务间调用、ELK、消息中间件等对开发有更高要求，学习技术无止境
-    link: /microservice/
-  - title: 开发技巧
-    details: 知识很重要，技巧不可缺。汇总日常软件安装、基础编译、代码管理等琐碎小技巧
-    link: /develop-skill/
-  - title: 读书写作
-    details: 代码虽好，读书提升更为重要，不可偏执一端。人文社科、生活百态都是职场、人生的软技能
-    link: /read-books/
-  - title: 自媒体
-    details: 尝试尝试再尝试，等等我呀。一路磕磕绊绊，自认并无天赋，辛酸、冷暖自知。 做好当下，便是不辜负自己
-    link: /wechat-list.html
+  - text: 公众号文章 💥
+    link: /wechat-list.md
+    type: secondary
+highlights:
+  - header: ""
+    image: /assets/image/markdown.svg
+    features:
+        - title: "🧠 SOLO算法"
+          details: 习题整理，代码通过记录，个人实际解题思路，助力刷题通关
+          link: /solo-algorithm/
+        - title: "💡 Battle面试官"
+          details: 校招社招八股文集合，分享面经与常见面试题，总结面试套路、经验，对线、Battle面试官丝毫不慌
+          link: /battle-interview/
+        - title: "👩🏻‍💻 前端"
+          details: 熟练前端基础知识、常用框架，总结、提炼前端部署方案
+          link: /front-end/
+        - title: '👨🏻‍💻 后端'
+          details: 夯实基础、熟练使用框架，有一定封装能力。造轮子、定制化插件功能，保姆级开发、部署流程
+          link: /server-end/
+        - title: '🕸️ 微服务架构'
+          details: 网关、服务间调用、ELK、消息中间件等对开发有更高要求，学习技术无止境
+          link: /microservice/
+        - title: '💫 开发技巧'
+          details: 知识很重要，技巧不可缺。汇总日常软件安装、基础编译、代码管理等琐碎小技巧
+          link: /develop-skill/
+        - title: '📖 读书整理'
+          details: 代码虽好，读书提升更为重要，不可偏执一端。人文社科、生活百态都是职场、人生的软技能。做好当下，便是不辜负
+          link: /read-books/
+        - title: '💥 公众号文章'
+          details: 不定期同步公众号文章，尝试尝试再尝试，等等我呀~
+          link: /wechat-list.html
+
+  - header: 我的开源
+    features:
+      - title: "🚀 @142vip/core-x"
+        details: "核心库开源，x代表一切可能性"
+        link: https://github.com/142vip/core-x
+      - title: "🤡 408CSFamily"
+        details: 计算机408专业课
+        link: https://github.com/142vip/408CSFamily
+      - title: "📘 JavaScriptCollection"
+        details: Node.js全栈技能包
+        link: https://github.com/142vip/JavaScriptCollection
 ---
 
 [//]: # '<BiliBili bvid="BV1rd4y1V7tB"  />'
 [//]: # '<XiGua id="7195198927220834868" />'
 
-## 本地浏览【推荐】
-
-由于平台、网络等原因，在线浏览容易出现加载面、加载不出来等常见问题，因此非常建议在本地进行浏览、学习。
-
--
-
-\*下面指令默认你已经安装[Git](https://git-scm.com/download)、[NPM](https://www.npmjs.com/)、[PNPM](https://www.pnpm.cn/)、[Yarn](https://yarn.bootcss.com/)、[Node](http://nodejs.cn)
-等环境，并对此有一定了解!\*\*
-
-::: code-tabs#shell
-@tab PNPM（推荐）
-
-```bash:no-line-numbers
-## 进入cmd命令行，直接克隆仓库
-git clone https://github.com/142vip/JavaScriptCollection.git
-
-## 进入JavaScriptCollection文件夹中
-cd JavaScriptCollection/
-
-## tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
-git pull
-
-## 下载依赖包
-pnpm install
+---
 
-## 执行dev指令，本地启动项目，打开http://localhost:5000即可访问文档
-pnpm dev
+### 本地浏览
 
-```
+由于平台、网络等原因，在线浏览容易出现加载面、加载不出来等常见问题，因此非常建议在本地进行浏览、学习。
 
-@tab NPM
+> **下面指令默认你已经安装[Git](https://git-scm.com/download)、[NPM](https://www.npmjs.com/)、[PNPM](https://www.pnpm.cn/)、[Node](http://nodejs.cn)
+> 等环境，并对此有一定了解!**
 
 ```bash:no-line-numbers
-## 进入cmd命令行，直接克隆仓库
+# 进入cmd命令行，直接克隆仓库
 git clone https://github.com/142vip/JavaScriptCollection.git
 
-## 进入JavaScriptCollection文件夹中
+# 进入JavaScriptCollection文件夹中
 cd JavaScriptCollection/
 
-## tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
+# tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
 git pull
 
-## 下载依赖包
-npm install
-
-## 执行dev指令，本地启动项目，打开http://localhost:5000即可访问文档
-npm run dev
-
-```
+# 查看Node、PNPM版本
+node -v
+pnpm -v
 
-@tab YARN
+# 脚本安装依赖
+./scripts/ci
 
-```bash:no-line-numbers
-## 进入cmd命令行，直接克隆仓库
-git clone https://github.com/142vip/JavaScriptCollection.git
-
-## 进入JavaScriptCollection文件夹中
-cd JavaScriptCollection/
-
-## tips: 如果本地已经clone过仓库，建议执行pull指令，获取最新
-git pull
-
-## 下载依赖包
-yarn install
-
-## 执行dev指令，本地启动项目，打开http://localhost:5000即可访问文档
-yarn run dev
+# 或直接安装
+pnpm install
 
+# 执行dev指令，本地启动项目，打开http://localhost:5000即可访问文档
+pnpm dev
 ```
 
-:::
-
 查看项目启动日志并访问：[http://127.0.0.1:5000](http://localhost:5000)，开启学习之旅吧~
 
 ### 在线浏览
@@ -129,6 +104,4 @@ yarn run dev
 - Netlify： <https://js-collection.netlify.app>
 - Vercel： <https://js-collection.vercel.app>
 
-[//]: # '自动引入首页'
-
 <!-- @include: ../README.md#we-media -->

docs/develop-skill/Readme.md renamed to docs/develop-skill/README.md

@@ -1,7 +1,7 @@
 export const ReadBooksSidebar = [
   {
-    text: '技术类',
-    collapsible: true,
+    text: '📕 技术类',
+    // collapsible: true,
     prefix: 'cs-books',
     children: [
       {
@@ -27,8 +27,8 @@ export const ReadBooksSidebar = [
     ],
   },
   {
-    text: '非技术类',
-    collapsible: true,
+    text: '📗 非技术类',
+    // collapsible: true,
     prefix: 'not-cs-book',
     children: [
       {