帖子

Author: igyfhc

.apps/blog/docs/.vitepress/config.mjs

@@ -15,17 +15,16 @@ export default defineConfig({
         // https://vitepress.dev/reference/default-theme-config
         nav: [
             {text: '首页', link: '/'},
+            {text: '帖子', link: '/posts'},
             {text: '示例', link: '/markdown-examples'},
         ],
 
         sidebar: [
             {
                 text: '示例',
                 items: [
-                    {text: 'js数组访问元素过程', link: '/array-get-element-process'},
                     {text: 'Markdown 示例', link: '/markdown-examples'},
                     {text: '运行时 API 示例', link: '/api-examples'},
-                    {text: '学习使用Github actions', link: '/learn-github-actions'},
                 ],
             },
         ],

.apps/blog/docs/posts.data.js

@@ -0,0 +1,3 @@
+import { createContentLoader } from 'vitepress';
+
+export default createContentLoader('posts/*.md');

.apps/blog/docs/posts.md

@@ -0,0 +1,8 @@
+<script setup>
+import { withBase } from 'vitepress';
+import { data as posts } from './posts.data.js';
+</script>
+
+<ol>
+    <li v-for="post of posts"><a :href="withBase(post.url)">{{ post.frontmatter.title }}</a></li>
+</ol>

.apps/blog/docs/array-get-element-process.md renamed to .apps/blog/docs/posts/array-get-element-process.md

@@ -1,3 +1,7 @@
+---
+title: 数组获取通过下标获取元素的过程
+---
+
 js 数组通过下标访问元素时，会调用下标数字的`toString()`方法。通过以下代码可测试：
 
 ```js

.apps/blog/docs/learn-github-actions.md renamed to .apps/blog/docs/posts/learn-github-actions.md

@@ -1,3 +1,7 @@
+---
+title: 学习使用 github actions
+---
+
 ## 学习使用 Github actions 自动部署静态网页。
 
 在`.github/workflows`目录下定义`.yml`文件，即可自动执行逻辑。写本文的时候，已经测试可以。

.apps/blog/docs/posts/nes-dev-note.md

@@ -0,0 +1,6 @@
+---
+title: 开发NES模拟器笔记
+---
+
+Name Table 的不同排列方式，导致不同的镜像。水平排列，导致垂直镜像；垂直排列，导致水平镜像。
+参考[https://www.nesdev.org/wiki/Mirroring#Nametable_Mirroring](https://www.nesdev.org/wiki/Mirroring#Nametable_Mirroring)

.apps/blog/package.json

@@ -1,4 +1,5 @@
 {
+    "type": "module",
     "scripts": {
         "docs:dev": "vitepress dev docs",
         "docs:build": "vitepress build docs",