文章 / 前端与体验 / vitepress

vitepress

vitepress 部署 vitepress适合简单的静态markdown

2024年5月21日2 min521 words
vitepress
图 1-1 cover.webp
  • 安装
npm add -D vitepress
npx vitepress init
  • 布局
---
layout: doc
---

---
layout: page
---

---
layout: home
---

---
layout: false
---


---
layout: foo
---
    
import DefaultTheme from 'vitepress/theme'
import Foo from './Foo.vue'

export default {
  extends: DefaultTheme,
  enhanceApp({ app }) {
    app.component('foo', Foo)
  }
}
  • 链接
---
prev:
  text: 'Markdown'
  link: '/guide/markdown'
---
  • 国际化
themeConfig: {
    docFooter: {
      prev: '上一页',
      next: '下一页'
    },
    outline: {
      label: '目录'
    },
    lastUpdated: {
      text: '最后更新于',
      formatOptions: {
        dateStyle: 'short',
        timeStyle: 'medium'
      }
    },
 }

评论 (0)

加载评论中...
RELATED NOTES
05 entries
01给 AI Agent 设计可靠的发布系统:幂等、断点续跑与跨平台一致性阅读文章 →02react漏洞阅读文章 →03rust编译成wasm反而比纯js慢阅读文章 →04mcp服务的node实现阅读文章 →05编程规范阅读文章 →