手把手搭建VuePress文档(三)

简介: 原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。

2.4 在 package.json 中添加一些 scripts


这一步骤是可选的,但我们推荐你完成它。在下文中,我们会默认这些 scripts 已经被添加。

55.png其实,这个文件,在我初始化的时候就创建了。不过我再补充一下上面的内容。

为了,防止你真的是零基础小白。我这里把里面的全部内容 copy 出来,直接修改也可以。

56.png

2.5 将默认的临时目录和缓存目录添加到 .gitignore 文件中

Linxu or Mac:

57.png

Windows 直接创建文件 .gitignore 写入如下内容:

58.png

image.png

2.6 创建你的第一篇文档

60.png

Windows 的话,直接创建就好啦。把创建的文档放在 docs 文件夹下(这个文件夹自己创建)。


2.7 在本地启动服务器


61.png

当我们运行 yarn docs:dev 就相当于运行 vuepress dev docs


VuePress 会在 http://localhost:8080在新窗口打开 启动一个热重载的开发服务器。当你修改你的 Markdown 文件时,浏览器中的内容也会自动更新。


现在,你应该已经有了一个简单可用的 VuePress 文档网站。接下来,了解一下 VuePress 配置 相关的内容。




目录
相关文章
|
3月前
|
自然语言处理 JavaScript 网络协议
简单使用vitepress快速搭建一个文档网站
VitePress 是一个静态站点生成器 (SSG),类似的项目有docsify、VuePress、hexo。用 Markdown 编写的内容生成可以轻松部署到任何地方的静态 HTML 页。
70 9
|
7月前
|
JavaScript 前端开发 搜索推荐
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
410 1
|
7月前
|
JavaScript 搜索推荐 前端开发
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
241 0
|
7月前
|
资源调度 JavaScript 搜索推荐
《VitePress 简易速速上手小册》第9章 VitePress 的扩展与插件(2024 最新版)
《VitePress 简易速速上手小册》第9章 VitePress 的扩展与插件(2024 最新版)
455 0
|
JavaScript
【Hexo基本使用】零基础,快速搭建属于自己的个人博客!
本文包含以下内容:Hexo安装,Hexo基础指令与配置,Hexo切换主题,Hexo部署。 最将自己的博客改为了Hexo静态网页。
325 0
|
JavaScript 开发者 SEO
vuepress入门教程
vuepress入门教程
1488 0
|
JavaScript
搭建 VuePress 博客,你可能会用到的一些插件
「这是我参与2022首次更文挑战的第8天,活动详情查看:2022首次更文挑战」。
772 0
搭建 VuePress 博客,你可能会用到的一些插件
|
资源调度 JavaScript Linux
手把手搭建VuePress文档(一)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
213 0
手把手搭建VuePress文档(一)
|
资源调度 Linux Windows
手把手搭建VuePress文档(二)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
162 0
手把手搭建VuePress文档(二)