update

Author: kimmywork

.gitignore

@@ -8,3 +8,5 @@ dist/
 docs/.vitepress/dist/
 
 *.log
+
+docs/.vitepress/cache

docs/.vitepress/config.js

@@ -19,8 +19,18 @@ module.exports = {
             { text: "对象", link: '/ch10_object' },
             { text: "并发", link: '/ch11_concurrency' },
         ],
+        footer: {
+            copyright: "CC-BY 4.0 Licensed | Copyright © 2015-present Kimmy Leo"
+        },
     },
 
+    markdown: {
+        config: (md) => {
+            md.use(require('markdown-it-katex'))
+        }
+    },
+
+    
     head: [
         [
             "script",
@@ -37,27 +47,11 @@ var _hmt = _hmt || [];
             `
         ],
         [
-            "script",
-            {},
-
-            `
-window.MathJax = {
-    tex: {
-        inlineMath: [['$', '$']]
-    },
-    svg: {
-        fontCache: 'global'
-    }
-};
-
-(function () {
-    var script = document.createElement('script');
-    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js';
-    script.async = true;
-    document.head.appendChild(script);
-})();
-setInterval(() => window.MathJax.typeset(), 700);
-`
-        ],
+            "link",
+            {
+                "rel": "stylesheet",
+                "href": "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.6.0/katex.min.css"
+            }
+        ]
     ]
 }

docs/ch02_computation.md

@@ -118,7 +118,7 @@ $$
 当 $x, y$ 分别为 $4x+1,5x-3$的时候。你可以试着自己去展开一下这个算式：
 
 $$
-\sigma(4x+1, 5x-3) ＝
+\sigma(4x+1, 5x-3) = 
 (4x+1)^2 + (4x+1)(5x-3)+(4x+1+5x-3)\times 5
 $$
 

docs/ch03_procedure.md

@@ -13,8 +13,8 @@ description: 程序的基本控制结构有哪几种？递归和循环的区别
 $$
 |x|
  = abs(x) = \begin{cases}
-x, &x\ge0\cr
--x, &x\lt0\cr
+x, &x\ge0 \\
+-x, &x\lt0
 \end{cases}
 $$
 
@@ -59,8 +59,8 @@ function pow(x, 5) { return pow(x, 4) * x; }
 
 $$
 pow(x, y) = \begin{cases}
-x, &y=1\cr
-pow(x, y -1)\times x, &y>1\cr
+x, &y=1 \\
+pow(x, y -1)\times x, &y>1
 \end{cases}
 $$
 

docs/index.md

@@ -1,15 +1,24 @@
 ---
-home: true
-heroText: 编程导引
-tagline: Introduction to Programming
-actionText: 开始阅读 →
-actionLink: /intro
+layout: home
+hero:
+    name: 编程导引
+    text: Introduction to Programming
+    tagline: "从零开始你的计算机编程之旅"
+    actions:
+        -   text: 开始阅读 →
+            link: /intro
+            theme: brand
 # features:
-# - title: 简洁至上
-#   details: 以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。
-# - title: Vue驱动
-#   details: 享受 Vue + webpack 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主题。
-# - title: 高性能
-#   details: VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。
-footer: CC-BY 4.0 Licensed | Copyright © 2015-present Kimmy Leo
+#   - icon: 🛠️
+#     title: Simple and minimal, always
+#     details: Lorem ipsum...
+#   - icon:
+#       src: /cool-feature-icon.svg
+#     title: Another cool feature
+#     details: Lorem ipsum...
+#   - icon:
+#       dark: /dark-feature-icon.svg
+#       light: /light-feature-icon.svg
+#     title: Another cool feature
+#     details: Lorem ipsum...
 ---

docs/public/CNAME

@@ -1 +1 @@
-i2p.kimleo.net
+intro.kimleo.net

package.json

@@ -4,7 +4,7 @@
     "dev": "vitepress dev docs"
   },
   "devDependencies": {
-    "markdown-it": "^12.2.0",
-    "vitepress": "^0.19.2"
+    "markdown-it-katex": "^2.0.3",
+    "vitepress": "1.0.0-alpha.73"
   }
 }