Update icon

Update Nav

package.json

@@ -30,6 +30,7 @@
     "@antfu/eslint-config": "^0.34.1",
     "@iconify-json/carbon": "^1.1.13",
     "@intlify/unplugin-vue-i18n": "^0.8.1",
+    "@mdi/font": "^7.1.96",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/nprogress": "^0.2.0",
     "@vitejs/plugin-vue": "^4.0.0",

pnpm-lock.yaml

@@ -4,6 +4,7 @@ specifiers:
   '@antfu/eslint-config': ^0.34.1
   '@iconify-json/carbon': ^1.1.13
   '@intlify/unplugin-vue-i18n': ^0.8.1
+  '@mdi/font': ^7.1.96
   '@types/markdown-it-link-attributes': ^3.0.1
   '@types/nprogress': ^0.2.0
   '@unocss/reset': ^0.48.4
@@ -64,6 +65,7 @@ devDependencies:
   '@antfu/eslint-config': 0.34.1_7uibuqfxkfaozanbtbziikiqje
   '@iconify-json/carbon': 1.1.13
   '@intlify/unplugin-vue-i18n': 0.8.1_vue-i18n@9.2.2
+  '@mdi/font': 7.1.96
   '@types/markdown-it-link-attributes': 3.0.1
   '@types/nprogress': 0.2.0
   '@vitejs/plugin-vue': 4.0.0_vite@4.0.4+vue@3.2.45
@@ -1893,6 +1895,10 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.14
     dev: true
 
+  /@mdi/font/7.1.96:
+    resolution: {integrity: sha512-Imag6npmfkBDi2Ze2jiZVAPTDIKLxhz2Sx82xJ2zctyAU5LYJejLI5ChnDwiD9bMkQfVuzEsI98Q8toHyC+HCg==}
+    dev: true
+
   /@mdit-vue/plugin-component/0.11.2:
     resolution: {integrity: sha512-ucFiEULCkLcCG1Tf1MfG5u5PS4BIXWIeKGHRGsXxz1ix2GbZWKFVgWEdNEckBu8s75Fv1WJLIOiAYZyri2f1nw==}
     dependencies:

src/App.vue

@@ -5,7 +5,7 @@
 useHead({
   title: '合肥市南园学校19预科2班',
   meta: [
-    { name: 'description', content: '合肥市南园学校19预科2班非官方页面。' },
+    { name: 'description', content: '合肥市南园学校19预科2班纪念项目。' },
     {
       name: 'theme-color',
       content: computed(() => isDark.value ? '#00aba9' : '#ffffff'),

src/components/Nav.vue

@@ -1,6 +1,8 @@
 <template>
   <nav>
     <v-toolbar :theme="isDark ? 'dark' : 'light'">
+      <v-app-bar-nav-icon />
+
       <v-toolbar-title>合肥市南园学校19预科2班</v-toolbar-title>
       <v-spacer />
     </v-toolbar>

src/plugins/vuetify.ts

@@ -1,4 +1,15 @@
 import 'vuetify/styles'
 import { createVuetify } from 'vuetify'
+import { aliases, mdi } from 'vuetify/iconsets/mdi'
 
-export default createVuetify()
+import '@mdi/font/css/materialdesignicons.css'
+
+export default createVuetify({
+  icons: {
+    defaultSet: 'mdi',
+    aliases,
+    sets: {
+      mdi,
+    },
+  },
+})

src/posts/contribute.md

@@ -1,6 +1,6 @@
 # 贡献指南
 
-我们十分欢迎同学们的贡献，您只需 4 个步骤即可完成对本站任意页面 (Page) 的更改。
+我们十分欢迎来自同学们的贡献，您只需 4 个步骤即可完成对本站任意博文 (Post) 的更改。
 
 ## Step 1: 「贡献账号」
 
@@ -11,4 +11,4 @@
 
 点击 `注册`
 
-<img src="/public/contribute_0.png" />
+<img src="contribute_0.png" />

vite.config.ts

@@ -42,6 +42,10 @@ export default defineConfig({
     // https://github.com/hannoeru/vite-plugin-pages
     Pages({
       extensions: ['vue', 'md'],
+      dirs: [
+        { dir: 'src/pages', baseRoute: '' },
+        { dir: 'src/posts', baseRoute: 'posts' },
+      ],
     }),
 
     // https://github.com/JohnCampionJr/vite-plugin-vue-layouts