增加友链界面

src/.vuepress/navbar.ts

@@ -12,6 +12,12 @@ export default navbar([
     icon: "history",
     link: "/timeline"
   },
+  {
+    text: "友链",
+    icon: "link",
+    link: "/友链/友链.md",
+    ariaLabel: "友链"
+  },
   {
     text: "实时访客",
     icon: "chart-simple",

src/.vuepress/theme.ts

@@ -78,6 +78,7 @@ export default hopeTheme({
     mdEnhance: {
       align: true,
       attrs: true,
+      card: true,
       chart: false,
       codetabs: true,
       demo: true,

src/友链/友链.md

@@ -0,0 +1,45 @@
+# 友链
+
+## 官方文档
+
+```card
+title: VuePress
+desc: Vue 驱动的静态网站生成器
+logo: https://v2.vuepress.vuejs.org/images/hero.png
+link: https://v2.vuepress.vuejs.org/zh/
+color: rgb(193 197 210)
+```
+
+
+```card
+title: Markdown 增强
+desc: 为 VuePress2 提供更多 Markdown 增强功能
+logo: https://plugin-md-enhance.vuejs.press/logo.svg
+link: https://plugin-md-enhance.vuejs.press/zh/
+color: rgb(193 197 210)
+```
+
+
+```card
+title: vuepress-plugin-comment2
+desc: 评论与阅读量插件
+logo: https://plugin-comment2.vuejs.press/logo.svg
+link: https://plugin-comment2.vuejs.press/zh/
+color: rgb(193 197 210)
+```
+
+```card
+title: vuepress-plugin-components
+desc: 面向 VuePress2 的常用组件
+logo: https://plugin-components.vuejs.press/logo.svg
+link: https://plugin-components.vuejs.press/zh/
+color: rgb(193 197 210)
+```
+
+```card
+title: fontawesome
+desc: 开源图标库
+logo: https://fontawesome.com/images/favicon/icon.svg
+link: https://fontawesome.com/
+color: rgb(193 197 210)
+```