無需服務器，教你搭建一個完整功能博客

博客地址

若是你看主址，能夠看見博客是基於 github + issues 搭建，徹底沒有依賴於服務器

• 支持評論
• 支持分頁
• 支持發佈
• 無需服務器
• 功能 DIY
• 一次開發

如今咱們就來從零開始一步一步搭建一個博客服務

步驟

第一步

• 註冊一個 github 帳號 【來掘金的咋都有吧.....】
• 建立一個倉庫 【名字隨機】
• 建立一個 OAuth application，重點以下圖

第二步

技術選型

• vue react .... 隨便你

第三步 接口一覽 和重點

• issues
• issues 數據請求參數

由於開發須要，參數實際上是不全的，好比，要作分頁功能, 其餘參數以下

參數	說明	默認
page	第幾頁	無
per_page	沒頁數量	無
client_id	由於 github 有請求限制，帶上這個兩個參數作認證就不會有限制	無
client_secret	由於 github 有請求限制，帶上這個兩個參數作認證就不會有限制	無
Accept	請求頭部 【application/vnd.github.squirrel-girl-preview,application/vnd.github.html+json】 加上這個獲取的返回值是 html 能夠直接渲染，不加會返回 md 數據，你還須要本身解析才能渲染	無

上面的 OAuth application 建立完就能夠獲取 client_id 和 client_secret

第 三.五 步 使用庫

• gitalk, 作評論的，有 GitHub 登錄限制
• tocbot， 更具 標籤轉換爲目錄的庫

第四步 若是上面的過程開發完了，就是部署問題了

就用 vue 作說明吧，不要問爲何，由於我用的就是

• 打包，請建立 vue.config.js, 並寫上

module.exports = {   
 outputDir: 'docs', // 更改打包後的目錄，方便部署
 publicPath: './' // 解決 GitHub 由於路徑問題
}

複製代碼

• 打包完上傳到你的 github 建立的倉庫中，並...
• 進入倉庫 Settings

若是一切順利的話，就能夠訪問了，恭喜你搭建成功

結尾

若是嫌棄本身開發麻煩

• 現成模板
• 已經將配置抽離了出來，放到全局下了 blog.config.js
• 你只須要 完成上面的註冊部分，更改配置，就能夠，直接使用了
• 上面的仍是須要那麼一點基礎的，起碼你的會發請求，愛倒騰......
• 開發過程坑不少，但多數坑，已經在上面說的很清楚了，有疑問請留言
• 重點 ---- 請勿噴 ME -----