用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

相關文章
相關標籤/搜索