用vuePress搭建一个博客

建立一个项目

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
复制代码

问题:

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

相关文章
相关标签/搜索