Giog (github issues blog) - 輕量級博客系統（built width vue ssr and koa)

Giog 是一個基於github issues 的輕量級博客系統，由 vue2.x + vue-router + vuex + axios 構建, 使用koa 進行服務端渲染。並使用了Github GraphQL API v4同步issues數據。

github: github.com/eteplus/gio…

功能

• SSR(Server Side Rendering)
• PWA(Progressive Web App)
• 標籤分類
• 文章歸檔
• 評論功能（僅支持預覽，待完善）

後續功能會完善和優化

預覽

1. 預覽地址：www.eteplus.com

   

2. 手機預覽二維碼：

初始化

Required:

• node >= 8.9.4
• npm >= 5.6.0

# install dependencies
npm install # or yarn
複製代碼

1. 修改配置文件 config/config.js.

userInfo: {
  // 我的 github 地址
  github: 'https://github.com/eteplus',
  // 用戶名
  userName: 'ETEPLUS',
  // 頭像地址
  avatar: '/static/img/avatar.jpeg',
  // 座右銘
  motto: 'Designer and Coder. ^_^',
},

siteInfo: {
  // 網站名稱
  name: 'ETEPLUS',
  // 域名備案號 - ICP備xxxxx號
  recordText: ''
}
複製代碼

2. 複製 config/github.example.json 至 config/github.json

Apply accessToken -> Page -> Personal access tokens -> Generate new token

pageSize: 每次同步issues的數量

{
  "accessToken": "github accessToken",
  "owner": "github username",
  "repository": "issues repository",
  "pageSize": 8
}
複製代碼

3. 執行數據庫遷移和同步issues數據

npm run db:migrate

npm run sync
複製代碼

清除數據庫表:

全部數據會被清除，須要從新遷移和同步

npm run db:migrate:undo
複製代碼

構建

# serve in dev mode, with hot reload at 127.0.0.1:3030
npm run dev

# build for production
npm run build

# serve in production mode
npm start
複製代碼

部署

修改 pm2.json

pm2 startOrReload pm2.json
複製代碼