一张图搞懂拥有一个博客（VuePress）

前言

随着知识和工作经验的不断递增，总需要一个地方记录自己的学习总结，方便在后续忘记的时候，只要翻翻就可以重获天际，今天小编推荐给一款市场最流行的文档书写工具VuePress。

脑图总结

搭建环境

• Node.js (opens new window)>= 8.6

搭建流程

1. 创建一个新项目目录

  mkdir vuepress-project && cd vuepress-project

2. 使用你喜欢的包管理器进行初始化

yarn init # npm init

3. 将 VuePress 安装为本地依赖

yarn add -D vuepress # npm install -D vuepress

4. 创新项目目录并编写README.md文件

mkdir docs && echo '# Hello VuePress' > docs/README.md

5. 在 package.json 中配置scripts

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

6. 在本地启动服务器

yarn docs:dev # npm run docs:dev

启动成功，在在浏览器中输入http://localhost:8080即可访问。