24/11/18

.gitignore

@@ -1 +1,4 @@
 .DS_Store
+node_modules
+*.log
+.cache

.scripts/constant.ts

@@ -0,0 +1,16 @@
+import { docs } from "./docs";
+
+export const DOCS_GROUP = Object.keys(docs);
+export const FE_GROUP = [
+  "HTML",
+  "CSS",
+  "JavaScript",
+  "Browser",
+  "Vue",
+  "React",
+  "Plugin",
+  "Patterns",
+  "Linux",
+  "LeetCode",
+];
+

.scripts/sync-blog.ts

@@ -0,0 +1,16 @@
+import path from "node:path";
+import { exec as aliasExec } from "node:child_process";
+import { promisify } from "node:util";
+import { DOCS_GROUP } from "./constant";
+
+const exec = promisify(aliasExec);
+
+(async () => {
+  console.log("Syncing Blog...");
+  for (const group of DOCS_GROUP) {
+    console.log("Processing", group);
+    const from = path.resolve(__dirname, `../${group}`);
+    const to = path.resolve(__dirname, `../../Blog/`);
+    await exec(`cp -r ${from} ${to}`);
+  }
+})();

.scripts/sync-ssg.ts

@@ -0,0 +1,20 @@
+import path from "node:path";
+import { exec as aliasExec } from "node:child_process";
+import { promisify } from "node:util";
+import { DOCS_GROUP } from "./constant";
+
+const exec = promisify(aliasExec);
+
+(async () => {
+  console.log("Syncing SSG...");
+  for (const group of DOCS_GROUP) {
+    console.log("Processing", group);
+    const from = path.resolve(__dirname, `../${group}`);
+    const to = path.resolve(__dirname, `../../Blog-SSG/docs/zh-cn`);
+    await exec(`cp -r ${from} ${to}`);
+  }
+  console.log("Processing", "I18N");
+  const from = path.resolve(__dirname, `../i18n/`);
+  const to = path.resolve(__dirname, `../../Blog-SSG/docs/en-us`);
+  await exec(`cp -r ${from}/* ${to}`);
+})();

I18N/Plugin/初探富文本之编辑器引擎.md

@@ -153,11 +153,13 @@ The **data structure** of a piece of text with emphasis is as follows.
 * `draft` `codesandbox` example: `https://codesandbox.io/s/github/gupta-piyush19/Draft-JS-Editor`.
 
 ## Every Day One Question
+
 ```
 https://github.com/WindrunnerMax/EveryDay
 ```
 
 ## References
+
 ```
 https://github.com/hzjswlgbsj/blog
 https://zhuanlan.zhihu.com/p/425265438

README.md

@@ -15,9 +15,9 @@
  
 如果觉得还不错，点个`star`吧 😁   
 
-这是一个前端小白的学习历程，如果只学习而不记录点什么那基本就等于白学了。这个版本库的名字`EveryDay`就是希望激励我能够每天学习，下面的文章就是从`2020.02.25`开始积累的前端相关文章，都是参考众多文章归纳整理学习而写的，文章包括了`HTML`基础、`CSS`基础、`JavaScript`基础与拓展、`Browser`浏览器相关、`Vue`使用与分析、`React`使用与分析、`Plugin`插件相关、`Patterns`设计模式、`Linux`命令、`LeetCode`题解等类别，内容都是比较基础的，毕竟我也还是个小白，此外基本上每个示例都是本着能够即时运行为目标的，新建一个`HTML`文件复制之后即可在浏览器运行或者直接可以在`console`中运行。
+这是一个前端小白的学习历程，如果只学习而不记录点什么那基本就等于白学了。这个版本库的名字`EveryDay`就是希望激励我能够每天学习，下面的文章就是从`2020.02.25`开始积累的文章，都是参考众多文章归纳整理学习而写的，文章包括了`HTML`基础、`CSS`基础、`JavaScript`基础与拓展、`Browser`浏览器相关、`Vue`使用与分析、`React`使用与分析、`Plugin`插件相关、`Patterns`设计模式、`Linux`命令、`LeetCode`题解等类别，内容都是比较基础的，毕竟我也还是个小白，此外基本上每个示例都是本着能够即时运行为目标的，新建一个`HTML`文件复制之后即可在浏览器运行或者直接可以在`console`中运行。
 
-如果想按照前端笔记顺序进行阅读的话可以 [查看目录](./Timeline.md) ，另外如果想更条理地查看的话可以访问 [我的博客](https://blog.touchczy.top/)，博客同时也是本版本库的`gh-pages`分支，是作为纯静态页面搭建在`Git Pages`上的，使用`jsdelivr`以及`cloudflare`作为缓存缓解国内访问速度问题。后期还在`gh-pages-ssg`分支上部署了`SSG`版本的 [新版博客](https://blog-ssg.touchczy.top/)，并且借助`ChatGPT`提供了英文翻译版本，分支是部署在`Vercel`上来缓解国内访问速度问题。在博客中的内容就相对比较多了，除了学习笔记之外还有一些做项目时的记录以及遇到的坑等。`HXDM`如果觉得还不错，点个`star`吧，这个对我真的很重要。
+如果想按照笔记顺序进行阅读的话可以 [查看目录](./Timeline.md) ，另外如果想更条理地查看的话可以访问 [我的博客](https://blog.touchczy.top/)，博客同时也是本版本库的`gh-pages`分支，是作为纯静态页面搭建在`Git Pages`上的，使用`jsdelivr`以及`cloudflare`作为缓存缓解国内访问速度问题。后期还在`gh-pages-ssg`分支上部署了`SSG`版本的 [新版博客](https://blog-ssg.touchczy.top/)，并且借助`ChatGPT`提供了英文翻译版本，分支是部署在`Vercel`上来缓解国内访问速度问题。在博客中的内容就相对比较多了，除了学习笔记之外还有一些做项目时的记录以及遇到的坑等。`HXDM`如果觉得还不错，点个`star`吧，这个对我真的很重要。
 
 
 ## HTML

package.json

@@ -0,0 +1,11 @@
+{
+  "scripts": {
+    "sync:blog": "ts-node ./.scripts/sync-blog.ts",
+    "sync:ssg": "ts-node ./.scripts/sync-ssg.ts",
+    "sync": "npm run sync:blog && npm run sync:ssg"
+  },
+  "devDependencies": {
+    "@types/node": "^22.9.0",
+    "ts-node": "10.9.1"
+  }
+}

tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true
+  },
+  "include": ["./.scripts/*"]
+}