- 介绍
- 起步
- 配置
- 静态资源处理
- Markdown 扩展
- 在 Markdown 中使用 Vue
- 自定义主题
- 国际化支持(internationalization)
- 部署
- 基本配置(basic config)
- 主题化(theming)
- Markdown
- 建立管道(build pipeline)
- 浏览器兼容性(browser compatibility)
- 主页(homepage)
- 导航栏(navbar)
- 侧边栏(sidebar)
- 搜索框(search box)
- 最近更新
- Service Worker
- 上一页 / 下一页链接(prev / next links)
- Git 仓库和编辑链接
- 简单的 CSS 覆盖
- 自定义页面的 class
- 特定页面的自定义布局(custom layout for specific pages)
- 弹出(ejecting)
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
起步
兼容性注意事项
VuePress 要求 Node.js >= 8。
全局安装
如果你只是想随便用下 VuePress,你可以在全局安装它:
全局安装
yarn global add vuepress # 或 npm install -g vuepress
# 创建一个 markdown 文件
echo '# Hello VuePress' > README.md
# 开始编写文档
vuepress dev
# 构建
vuepress build
在已有项目中安装
如果你想要在一个已有项目中维护文档,就应该将 VuePress 安装为本地依赖。此设置还允许你使用 CI 或 Netlify 服务,在推送时自动部署。
安装为本地依赖项
yarn add -D vuepress # 或 npm install -D vuepress
# 创建一个 docs 目录
mkdir docs
# 创建一个 markdown 文件
echo '# Hello VuePress' > docs/README.md
警告
当将 VuePress 安装到以 webpack 3.x 作为依赖项的已有项目中时,推荐使用Yarn 而不是 npm。因为在这种情况下,Npm 无法生成正确的依赖关系树。
然后,给 package.json
添加一些 scripts 脚本:
{
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
}
}
你现在就可以开始编写文档了:
yarn docs:dev # 或 npm run docs:dev
要生成静态资源,请运行:
yarn docs:build # 或 npm run docs:build
默认情况下,构建的文件会位于 .vuepress/dist
中,该文件可以通过 .vuepress/config.js
中的 dest
字段进行配置。构建的文件可以部署到任何静态文件服务器。关于如何部署到一些常用服务,请参考 部署指南。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论