VuePress搭建个人博客(一):本地启动

617 阅读1分钟

1. 准备

前提条件: VuePress 需要 Node.js>= 8.6

node版本检查.png

2. VuePress下载与安装

  1. 创建并进入一个新目录,这文件就是项目文件,我这里用的名字是vuepress
mkdir vuepress && cd vuepress
  1. 进行初始化
npm init
  1. 将 VuePress 安装为本地依赖
npm install -D vuepress
  1. 将 VuePress 安装为本地依赖
npm install -D vuepress
  1. 在安装目录中(我是安装在了vuepress) 新建package.json文件,并写入以下配置,保存
{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

完成以上步骤就可以创建.md文件,并启动服务了,如此看到的是一个极简(啥也没有)的页面。可根据官方文档进行自定义配置(没基础的不建议)。我是直接安装的 vuepress-theme-hope主题

3. 主题安装

  1. 在项目文件中(我的是vuepress)执行以下命令,最后一个hope是文件夹名称,这里可以自行修改
npm init vuepress-theme-hope hope
  1. 在本地启动服务器

VuePress 会在 http://localhost:8080启动一个热重载的开发服务器。