想搭建自己的博客，看这篇就行

如何使用vuepress玩转blog

环境：node.js 编码工具：vscode vuepress官网

1 搭建环境

1.1 全局安装Vuepress

yarn global add vuepress # 或者：npm install -g vuepress

1.2 项目初始化

• 新建blog项目文件夹（注意该目录为blog项目的主文件夹）

  可以使用命令新建文件夹，也可以手工创建

  mkdir project
  

• 进入到project文件夹中，使用命令行初始化项目:

  yarn init -y # 或者 npm init -y
  

• 将会创建一个package.json文件，长这样子：

{
   
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

• 在project根目录下新建docs文件夹

mkdir docs
# 这个会作为项目文档的根目录来使用

• 在docs文件夹创建.vuepress文件夹

mkdir .vuepress
# 所有vuepress的菜单配置文件、自动生成文件、静态资源都在本目录下

• 在.vuepress下面创建config.js文件

touch config.js
# config.js是VuePress必要的配置文件，它导出一个javascript对象。

先简单配置config.js

module.exports = {
  title: 'Hello VuePress',
  description: 'Just playing around'
}

• 在.vuepress下面创建public文件夹

mkdir public
# 这个文件夹是用来放置静态资源的，打包出来之后会放在.vuepress/dist/的根目录。

• 创建首页

在docs文件夹下面创建README.MD