搭建基于github和nodejs的静态博客程序vue-ghpages-blog

首先搭建nodejs环境。

cd /usr/local
git clone https://github.com/viko16/vue-ghpages-blog
cd vue-ghpages-blog

root@AR:/usr/local/vue-ghpages-blog# ls
LICENSE  README.md    jsconfig.json    package.json  src  test    webpack.config.js
root@AR:/usr/local/vue-ghpages-blog# nano src/conf.json
root@AR:/usr/local/vue-ghpages-blog# cat src/conf.json
{
  "blogTitle": "Unknow Me",
  "repo": "luckypoem/writings",
  "path": "posts",
  "branch": null,
  "favicon": null
}
(注意：上面的luckypoem/writings是指https://github.com/luckypoem/writings，它是fork自
https://github.com/viko16/writings/）
root@AR:/usr/local/vue-ghpages-blog#
root@AR:/usr/local/vue-ghpages-blog# cd src/router
root@AR:/usr/local/vue-ghpages-blog/src/router# ls
index.js
root@AR:/usr/local/vue-ghpages-blog/src/router# nano index.js
(把 倒数第3行，mode的值改为hash)
root@AR:/usr/local/vue-ghpages-blog/src/router# cd ../..
root@AR:/usr/local/vue-ghpages-blog# npm install
root@AR:/usr/local/vue-ghpages-blog# npm run build (此即生成静态网站的根目录的命令）
root@AR:/usr/local/vue-ghpages-blog# ls
LICENSE    dist          node_modules    src   webpack.config.js
README.md  jsconfig.json  package.json    test
（生成了dist目录）
root@AR:/usr/local/vue-ghpages-blog# cd dist
root@AR:/usr/local/vue-ghpages-blog/dist# ls
build.2e44d.css  build.2e44d.js  index.html
root@AR:/usr/local/vue-ghpages-blog/dist#
(可见/usr/local/vue-ghpages-blog/dist就是静态网站的根目录）

新建源帖：
访问https://github.com/luckypoem/writings，
https://github.com/luckypoem/writings/tree/master/posts，点击“create new file"按钮（需先登陆github.com),替文件命名，需命名为2017-02-18-测试2.md这样的格式，测试2.md格式是不行的。
文件的内容为：
---
title:  测试2
date: 2017-02-18
---

这是测试2.

看看如何？ 

然后，点击页面底部的“ commit new file"按钮，就完成了源帖的创建。

演示网站：http://vgb.bright.biz.st

项目地址：https://github.com/viko16/vue-ghpages-blog
https://github.com/viko16/writings/
https://github.com/viko16/vuepress-blog
------

https://github.com/viko16/vuepress-theme-simple
https://vuepress.vuejs.org/

https://github.com/vuejs/vuepress

https://github.com/vuepress/create-vuepress-site

https://github.com/vuepress/awesome-vuepress

https://github.com/vuepress/vuepress-theme-blog

https://github.com/bencodezen/vuepress-blog-boilerplate

https://github.com/vuepress-reco/vuepress-theme-reco

https://github.com/vuepress-reco/vuepress-reco.github.io

(https://vuepress-theme-reco.recoluan.com/)

https://github.com/forestryio/portfolio-vuepress

https://github.com/xugaoyi/vuepress-theme-vdoing

https://github.com/meteorlxy/vuepress-theme-meteorlxy

(https://vuepress-theme-meteorlxy.meteorlxy.cn/,可以分页）

https://github.com/PanJiaChen/vue-element-admin-site