備註:本文敘述操作過程非常詳細,會稍現冗長,可以適當的跳讀。
引子
相信大家應該已經非常瞭解GitHub pages了,他是一個基於github的免費靜態部落格平臺,可以供大部分對部落格感興趣但是有不想花錢的人使用。GitHub pages的搭建非常簡單,可以快速搭建一個簡潔而不失優雅的blog,網路上也有大量的教程。但是GitHub pages的管理需要很高的技術含量,需要會使用gite。在官方文件中,你需要經歷繁瑣的步驟才可以增刪修改文章或版面。那對於那些想更便捷和優雅的操作 Github Pages 人們來說,我鄭重向大家推薦這款工具 Gridea 。
介紹
這裡先給大家整體感知一下gridea的效果和後臺,如果你覺的還不錯的話,可以接著往下看,安裝的過程非常簡單,就是看你需不喜歡。
首先,說明一下,gridea的首頁有部落格網頁的展示,我這裡選用的是pure主題,如果想看效果就直接到官方連結看一下,點選每一個圖片旁邊的小眼睛就可以啦!
那我們就直接上後臺的圖片啦!
其實還是非常方便的啦!讓我們開始吧?
安裝和註冊
首先,我們需要一個GitHub賬號。國內的GitHub訪問有可能會有一點慢,可以嘗試中午、早晨這樣的人少的時間段訪問,或者耐心等待!
開啟GitHub官網後,點選右上角的sign in,就會自動跳轉到註冊頁面,根據提示輸入郵箱,密碼和使用者名稱。是否接受公告隨個人喜好回答即可。最後完成人機驗證,我笨到沒看懂什麼意思 。然後在你郵箱中輸入驗證嗎即可,我瞎輸入的郵箱怎麼辦。
好了,你的GitHub賬號準備完了!
隨後安裝Gridea。Gridea的安裝非常簡單,到Gridea的官網就可以下載了
準備GitHub倉庫和token
這一步是唯一有一點點技術含量的地方,但是非常簡單,我都會。我們先點選圖中的位置新建一個倉庫,用來儲存你的部落格原始碼。
然後,按照圖裡面的步驟填寫
建立好了之後,我們就來準備token。那什麼是GitHub token呢?他其實類似於你的密碼,你可以調整這個密碼對應的許可權。那這個token建議是時效90天,90天后可以按照這個操作過程再次操作,這樣更加安全一些。
那為了大家能以後都找到這個地址,我不直接給連結,而是告訴大家操作過程。「右上角自己的頭像右邊的小箭頭」→ 「Settings」→ 「Developer settings」
再依次選擇 「Developer settings」→ 「Personal access tokens」→ 「Generate new token」
名字起一個自己以後可以看懂的,說明這個 token 是用來幹什麼的。token 的許可權我們只選擇 Repo,更安全?。
申請成功後,網頁上會有數字 + 字母的資訊,這個就是 Token,我們一定要儲存好,關掉網頁後就沒有了!後面的配置中我們會用到。
後期當你死活也同步不成功後,你可以考慮一下是否是你的token過期了。
別問我怎麼知道的,血的教訓
大功告成
回到「Gridea」->「遠端」
域名:Github Pages 對應的域名(例如:https://owenzjg.github.io)
倉庫:你的靜態檔案存放的倉庫(例如:http://owenzjg.github.io )
分支:你的 Github Pages 對應的分支(例如:master 或 gh-pages)
使用者名稱:倉庫所屬使用者的使用者名稱(通常就是你的 Github 賬號的暱稱,例如:owenzjg)
郵箱:Git 推送時使用的郵箱(通常就是你的 Github 賬號的郵箱,例如:**********@qq.com)
Token: Git 推送時需要的 Token,用來向 Github 提交構建後的檔案 這裡的 token 就是 第三步 申請的 Github tokens
CNAME: 可透過這個【可選項】配置你自己的域名
填寫上面的資訊後,點選 「檢測遠端連線」 按鈕(耐心等待),如果提示 「遠端連線成功」 那就 ok 啦~
點選同步就可以將你的文章同步到GitHub了,預覽為本地預覽。第一次同步比較慢,國內GitHub有時連結不穩定,同步失敗過一會就好了。(前提是「遠端連線成功」)
到你的使用者名稱.github.io去訪問吧!
美化
後續為你的部落格新增評論、統計等功能,請點選網站上方「專題」檢視。
後續
本文撰寫時參考了以下文獻:
·Gridea 一個小而美的靜態部落格寫作客戶端 - 知乎
·快速上手 Gridea,實現你小小的部落格夢想! - 知乎
·? 快速上手 | Gridea
·Gridea配置Gitalk評論系統 |
·Gridea 配置Gitalk 的異常:Error Bad credentials 和 Error Not Found_集電極的部落格-CSDN部落格
·Gridea 同步遇到錯誤_gridea同步失敗_lovely days的部落格-CSDN部落格