feat: 配置采用ts语法，新增代码文件引入

- 优化主题配置
- 修复代码引入异常问题

Author: Chu Fan

docs/.vuepress/config.js renamed to docs/.vuepress/config.ts

@@ -1,20 +1,35 @@
 import pluginsConfig from "./config/plugins.config";
 import themeConfig from "./config/theme.config";
+import {defineUserConfig} from "vuepress";
+import { fileURLToPath } from 'node:url'
+// @ts-ignore
+import {path} from "@vuepress/utils";
+// @ts-ignore
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
 // 用于区分base路径，是否nginx代理
 const PROXY_DOMAIN=process.env.PROXY_DOMAIN||false
 
-export default {
+export default defineUserConfig({
     title: "凡是过往、皆为序章",
     description: "一本有趣的JavaScript合集",
     base: PROXY_DOMAIN ? "/JavaScriptCollection/":"/",
     port: 5000,
     head: [
         ["link", {rel: "icon", href: "/fight_favicon.ico"}]
     ],
+    markdown: {
+        // todo 引入代码文件时的路径替换
+        importCode: {
+            handleImportPath: (str) =>{
+                return str.replace(/^@code/, path.resolve(__dirname, '../../code/'))
+            },
+        },
+    },
     // 主题配置
     ...themeConfig,
     // 插件配置
     ...pluginsConfig,
-};
+    shouldPrefetch: false,
+})
 

docs/.vuepress/config/constant.config.js renamed to docs/.vuepress/config/constant.config.ts

@@ -1,4 +1,3 @@
-
 export const FOOTER_HTML_INFO=`Copyrights ©2019-${new Date().getFullYear()} 
 <a href="https://github.com/mmdapl" target="_blank">Chu·Fan</a> All Rights Reserved Rong姐姐好可爱`
 

docs/.vuepress/config/index.js renamed to docs/.vuepress/config/index.ts

@@ -1,20 +1,22 @@
 export default {
     text: "读书整理",
+    collapsible: true,
     children: [
         {
             text: "技术类",
+            collapsible: true,
             children: [
                 {
                     text: "ES6标准入门",
                     link: "/school",
                 },
                 {
                     text: "了不起的Node.js",
-                    link: "/",
+                    link: "/read-books/cs-books/深入浅出的Node.js",
                 },
                 {
                     text: "深入浅出Node.js",
-                    link: "/go",
+                    link: "/read-books/cs-books/深入浅出的Node.js",
                 },
                 {
                     text: "高性能Web服务器详解【Nginx】",

docs/.vuepress/config/navbar/battle-interview.js renamed to docs/.vuepress/config/navbar/battle-interview.ts

@@ -11,7 +11,7 @@ export default {
             // 为分类和标签添加索引
             customFields: [
                 {
-                    getter: (page) => page.frontmatter.category,
+                    getter: (page:any) => page.frontmatter.category,
                     formatter: "分类：$content",
                 },
                 {

docs/.vuepress/config/navbar/dev-tool.js renamed to docs/.vuepress/config/navbar/dev-tool.ts

@@ -0,0 +1,43 @@
+import readBooksContentSidebar from "./read-books-content.sidebar";
+import frontEnd from "../navbar/front-end";
+import serverEnd from "../navbar/server-end";
+import microservice from "../navbar/microservice";
+import devTool from "../navbar/dev-tool";
+import soloAlgorithm from "../navbar/solo-algorithm";
+import battleInterview from "../navbar/battle-interview";
+import readBooks from "../navbar/read-books";
+
+export default {
+    "/read-books": readBooksContentSidebar,
+    "/":[{
+        text: "首页", link: "/",
+    },
+        frontEnd,
+        serverEnd,
+        microservice,
+        devTool,
+        soloAlgorithm,
+        battleInterview,
+        readBooks,
+        {
+            text:"其他",
+            children: [
+                {
+                    text: "常用网站",
+                    link: "/sum-links",
+                },
+                {
+                    text: "技术文档",
+                    link:'/test'
+                },
+                {
+                    text: "todo计划",
+                    link: "/sum-links",
+                },
+                {
+                    text: "变更记录",
+                    link: "/sum-links",
+                },
+            ],
+        }]
+}

docs/.vuepress/config/navbar/front-end.js renamed to docs/.vuepress/config/navbar/front-end.ts

@@ -1,6 +1,6 @@
 export default [
     {
-        text: "Foo",
+        text: "测试",
         link: "/foo/",
         children: [
             // SidebarItem

docs/.vuepress/config/navbar/index.js renamed to docs/.vuepress/config/navbar/index.ts

@@ -32,6 +32,7 @@ export default {
         sidebar: sidebar,
         // sidebar: "heading",
 
+        pageInfo: ["Author", "Original", "Date", "Category", "Tag", "ReadingTime"],
         // 主题布局选项
         docsRepo: "https://github.com/142vip/JavaScriptCollection.git",
         repo: "https://github.com/142vip/JavaScriptCollection",
@@ -45,7 +46,7 @@ export default {
             intro: '',
             roundAvatar: true,
             timeline: "时间轴的顶部文字",
-            articleInfo: "",
+            // articleInfo: "",
             medias: {
                 "BiliBili": "https://space.bilibili.com/350937042?spm_id_from=333.1007.0.0"
             }
@@ -79,6 +80,30 @@ export default {
                 imgMark: true,
                 // 启用图片大小
                 imgSize: true,
+                playground: {
+                    presets: ["ts", "vue"],
+                },
+                presentation: {
+                    plugins: ["highlight", "math", "search", "notes", "zoom"],
+                },
+                stylize: [
+                    {
+                        matcher: "Recommended",
+                        replacer: ({ tag }) => {
+                            if (tag === "em")
+                                return {
+                                    tag: "Badge",
+                                    attrs: { type: "tip" },
+                                    content: "Recommended",
+                                };
+                        },
+                    },
+                ],
+                sub: true,
+                sup: true,
+                tabs: true,
+                vPre: true,
+                vuePlayground: true,
             },
             copyCode: {
                 showInMobile: true

docs/.vuepress/config/navbar/microservice.js renamed to docs/.vuepress/config/navbar/microservice.ts

@@ -1,7 +1,7 @@
 // 参考：https://theme-hope.vuejs.press/zh/guide/interface/code-theme.htm
 
 // 浅色主题
-$code-light-them: "dark";
+$code-light-them: "atom-dark";
 
 // 深色主题
 $code-dark-theme: "atom-dark";

docs/.vuepress/config/navbar/read-books.js renamed to docs/.vuepress/config/navbar/read-books.ts

@@ -1,2 +1,2 @@
 // 主题色
-$theme-color: #2196f3;
+$theme-color: #2980B9;

docs/.vuepress/config/navbar/server-end.js renamed to docs/.vuepress/config/navbar/server-end.ts

@@ -23,14 +23,12 @@
 </p>
 
 
-<!-- ## -->
-<div align="center" style="font-size:20px">
+<div  style="font-size:20px;text-align: center">
   <!-- <a href="https://gitee.com/mmdapl/JavaScriptCollection" target="_blank">国内访问</a>  -->
   <!-- || 
   <a href="readme-wechat.md" target="_blank">微信版</a> -->
 </div>
 
-##
 
 ## 写最前面
 
@@ -52,9 +50,6 @@
 ## 日常推荐
 
 
--  [云服务器推荐](docs/recommend/云服务器推荐.md)
--  [学习网站、使用工具](docs/recommend/学习网站、效率工具.md)
--  [值得细读的技术文章推荐](docs/recommend/值得细读的技术文章推荐.md)
 
 
 ## 文章笔记

docs/.vuepress/config/navbar/solo-algorithm.js renamed to docs/.vuepress/config/navbar/solo-algorithm.ts

@@ -7,6 +7,7 @@ Redis的Sentinel系统用于管理多个Redis，主要执行:
 - 提醒：当某个Redis服务器出现故障，可通过API或者其他应用程序发送通知
 - 自动故障迁移：当一个主服务器不能正常工作时，Sentinel会进行一次故障自动迁移，会将失效主服务器的从服务器选举出一个新的主服务器，剩下的从服务器将会自动连接复制选举出来的新服务器的数据。
 - 配置提供者：在 Redis Sentinel 模式下，客户端应用 在初始化时连接的是 Sentinel 节点集合，从中获取主节点 的信息。
+  
 
 ![基本原理](./sentinel.png)
 
@@ -29,98 +30,9 @@ Redis的Sentinel系统是一个分布式的系统，可以在系统中配置一
 
 ### 快速搭建
 
-```yaml
-##
-## 功能：redis主从集群 1主2从
-## 使用：
-##   - docker-compose up -d
-## 默认密码：123456
-##
-## 参考链接：https://blog.51cto.com/u_15127508/4395149
+@[code yaml](@code/redis/sentinel/docker-compose.yaml)
 
-version: '2'
-services:
-  redis-master-6380:
-    image: redis:latest
-    container_name: redis-master-6380
-    restart: always
-    command: redis-server --port 6380 --requirepass 123456  --appendonly yes
-    ports:
-      - "6380:6380"
-    networks:
-      net:
-        ipv4_address: 172.19.0.3
 
-  redis-slave-6381:
-    image: redis:latest
-    container_name: redis-slave-6381
-    restart: always
-    command: redis-server --slaveof redis-master-6380 6380 --port 6381  --requirepass 123456 --masterauth 123456  --appendonly yes
-    ports:
-      - "6381:6381"
-    networks:
-      net:
-        ipv4_address: 172.19.0.4
+@[code conf{1-3}](@code/redis/sentinel/conf/redis-sentinel-26380.conf)
 
-  redis-slave-6382:
-    image: redis:latest
-    container_name: redis-slave-6382
-    restart: always
-    command: redis-server --slaveof redis-master-6380 6380 --port 6382  --requirepass 123456 --masterauth 123456 --appendonly yes
-    ports:
-      - "6382:6382"
-    networks:
-      net:
-        ipv4_address: 172.19.0.5
-
-
-  redis-sentinel-26380:
-    image: redis:latest
-    container_name: redis-sentinel-26380
-    ports:
-      - "26380:26379"
-    command: redis-sentinel /usr/local/etc/redis/sentinel.conf
-    volumes:
-      - ./conf/redis-sentinel-26380.conf:/usr/local/etc/redis/sentinel.conf
-    networks:
-      net:
-        ipv4_address: 172.19.0.11
-
-  redis-sentinel-26381:
-    image: redis:latest
-    container_name: redis-sentinel-26381
-    ports:
-      - "26381:26379"
-    command: redis-sentinel /usr/local/etc/redis/sentinel.conf
-    volumes:
-      - ./conf/redis-sentinel-26381.conf:/usr/local/etc/redis/sentinel.conf
-    networks:
-      net:
-        ipv4_address: 172.19.0.12
-
-  redis-sentinel-26382:
-    image: redis:latest
-    container_name: redis-sentinel-26382
-    ports:
-      - "26382:26379"
-    command: redis-sentinel /usr/local/etc/redis/sentinel.conf
-    volumes:
-      - ./conf/redis-sentinel-26382.conf:/usr/local/etc/redis/sentinel.conf
-    networks:
-      net:
-        ipv4_address: 172.19.0.13
-## 创建桥接网络
-networks:
-  ## 桥接网络名称，配合文件前缀，最后为dev_test_env_net  参考：https://www.jianshu.com/p/d70c61d45364
-  net:
-    driver: bridge
-    # external: true
-    ipam:
-      driver: default
-      config:
-        - subnet: 172.19.0.0/24
-          ## 网关
-          gateway: 172.19.0.1
-```
-
-[//]: # (注意修改各容器redis映射的配置文件;[源码](../../../../code/redis/sentinel))
+注意修改各容器redis映射的配置文件;

docs/.vuepress/config/plugins.config.js renamed to docs/.vuepress/config/plugins.config.ts

@@ -15,6 +15,7 @@
   },
   "devDependencies": {
     "@vuepress/client": "2.0.0-beta.60",
+    "@vuepress/utils": "2.0.0-beta.60",
     "eslint": "^8.34.0",
     "vue": "^3.2.47",
     "vuepress": "2.0.0-beta.60",