docs(markdown): add footnote

package.json

@@ -36,6 +36,7 @@
     "@intlify/unplugin-vue-i18n": "^0.12.2",
     "@mdi/font": "^7.2.96",
     "@types/fs-extra": "^11.0.1",
+    "@types/markdown-it-footnote": "^3.0.0",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/nprogress": "^0.2.0",
     "@vitejs/plugin-vue": "^4.2.3",
@@ -48,6 +49,7 @@
     "eslint-plugin-cypress": "^2.13.3",
     "fs-extra": "^11.1.1",
     "https-localhost": "^4.7.1",
+    "markdown-it-footnote": "^3.0.3",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-shiki": "^0.9.0",
     "pnpm": "^8.6.11",

pnpm-lock.yaml

@@ -61,6 +61,9 @@ devDependencies:
   '@types/fs-extra':
     specifier: ^11.0.1
     version: 11.0.1
+  '@types/markdown-it-footnote':
+    specifier: ^3.0.0
+    version: 3.0.0
   '@types/markdown-it-link-attributes':
     specifier: ^3.0.1
     version: 3.0.1
@@ -97,6 +100,9 @@ devDependencies:
   https-localhost:
     specifier: ^4.7.1
     version: 4.7.1
+  markdown-it-footnote:
+    specifier: ^3.0.3
+    version: 3.0.3
   markdown-it-link-attributes:
     specifier: ^4.0.1
     version: 4.0.1
@@ -1523,6 +1529,12 @@ packages:
     resolution: {integrity: sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==}
     dev: true
 
+  /@types/markdown-it-footnote@3.0.0:
+    resolution: {integrity: sha512-d6KGv1ZhzDdjMB0F+PmuCFuc4QPIsiyWbzldwxAqWz0TZHvSiHwTp5cj5D/6Qfqfv8mJ0HScaMgLt1zlcKjpyw==}
+    dependencies:
+      '@types/markdown-it': 12.2.3
+    dev: true
+
   /@types/markdown-it-link-attributes@3.0.1:
     resolution: {integrity: sha512-K8RnNb1q8j7rDOJbMF7AnlhCC/45BjrQ8z3WZWOrvkBIl8u9RXvmBdG/hfpnmK1JhhEZcmFEKWt+ilW1Mly+2Q==}
     dependencies:
@@ -5779,6 +5791,10 @@ packages:
       - supports-color
     dev: true
 
+  /markdown-it-footnote@3.0.3:
+    resolution: {integrity: sha512-YZMSuCGVZAjzKMn+xqIco9d1cLGxbELHZ9do/TSYVzraooV8ypsppKNmUJ0fVH5ljkCInQAtFpm8Rb3eXSrt5w==}
+    dev: true
+
   /markdown-it-link-attributes@4.0.1:
     resolution: {integrity: sha512-pg5OK0jPLg62H4k7M9mRJLT61gUp9nvG0XveKYHMOOluASo9OEF13WlXrpAp2aj35LbedAy3QOCgQCw0tkLKAQ==}
     dev: true

src/posts/Introduction.md

@@ -21,7 +21,7 @@ time: "2023-08-02T23:04:27+08:00"
 **梅新宇 唐宇豪 江仁天 江仁啸 付正天 戴礼贤 梁熙诚 张子龙 王子奥 张子悦 陶蕊蕊 刘文煜 后迎冉 闫松林 何浩铭** (无序)
 
 - - -
-以下为19预科2班毕业照片及师生名单:
+以下为19预科2班[^1]毕业照片及师生名单:
 <v-img src="/graduation.png" />
 + 李希捷 胡亮 朱鸿翔 何锐哲 李涵博 刘慧民 赵钰恒 孙振奥 宋文朔 张安楠 刘宇旭 王奕涵 高博
 + 吴宇轩 李书豪 程硕洋 杨翔宇 彭彦辰 黄子懿 孙江雨 周玮 周元一 孟子尧 乐千雪 余梦瑶
@@ -36,3 +36,4 @@ time: "2023-08-02T23:04:27+08:00"
 
 在这里特别说明曹世友老师对19预科2班的深刻影响。曹世友老师于2022年担任19预科2班八年级道德与法治教师。期间认真对待19预科2班每位同学，上课幽默风趣，独具特色。同学们亲切地称呼他为“老曹”，对曹老师的教育称为“爱的教育”。在2023年九年级后，学校研究决定由李志欣同志担任19预科2班九年级道德与法治教师。尽管曹世友老师不再是19预科2班的任课教师，但他仍在重要的时间节点中出现，给予19预科2班的孩子们支持与鼓励。
 
+[^1]: 由于19预科2班在年级中的次序为7班，故在毕业照片中为九（7）班

vite.config.ts

@@ -18,6 +18,7 @@ import Inspector from 'vite-plugin-vue-inspector'
 import LinkAttributes from 'markdown-it-link-attributes'
 import Unocss from 'unocss/vite'
 import Shiki from 'markdown-it-shiki'
+import Footnote from 'markdown-it-footnote'
 import VueMacros from 'unplugin-vue-macros/vite'
 
 import vuetify from 'vite-plugin-vuetify'
@@ -120,6 +121,7 @@ export default defineConfig({
             rel: 'noopener',
           },
         })
+        md.use(Footnote)
       },
     }),