VuePress搭建个人Blog

安装配置

# 创建项目目录
mkdir blogs; cd blogs

# 初始化项目
npm init -y

# 本地安装VuePress
npm install vuepress -D

# 新建一个docs文件夹
mkdir docs

# 新建一个Markdown文件
echo '# Hello VuePress!' > README.md

在package.json中添加

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

运行如下命令，启动一个服务器

npm run docs:dev

部署

• 在github上新建项目blogs
• 在本地项目blogs根目录下创建deploy.sh文件

#!/usr/bin/env sh

# 确保脚本抛出遇到的错误
set -e

# 生成静态文件
npm run docs:build

# 进入静态文件的文件夹
cd docs/.vuepress/dist

git init
git add -A
git commit -m 'deploy'

git push -f https://github.com/username/blogs.git master:gh-pages

cd -