用vuePress搭建一个博客

744 阅读1分钟

创建一个项目

mkdir blog

# 本地安装 vuepress
yarn add -D vuepress

# 新建一个 docs 文件夹
mkdir docs

# 新建一个 markdown 文件
echo "# Hello VuePress" > docs/README.md

# 开始写作 启动
vuepress dev docs

# VuePress dev server listening at http://localhost:8080/

配置

部署

#!/usr/bin/env sh

# 终止一个错误
set -e

# 构建
npm run docs:build

# 进入生成的构建文件夹
cd docs/.vuepress/dist

# 如果你是要部署到自定义域名
# echo 'www.example.com' > CNAME

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

# 如果发布到 https://USERNAME.github.io/<REPO>  REPO=github上的项目
git push -f git@github.com:wieve/blog.git master:gh-pages

cd -

评论模块

如何使用markdown中如何使用vue

valine评论模块

# Install leancloud's js-sdk
npm install leancloud-storage --save

# Install valine
npm install valine --save

问题:

本地环境不支持展示跨域图片