Github Pages博客一站式集成客戶端----Gridea

寫在前面

工做幾年，幾經折騰，捯飭過Github Pages博客，也本身購買過服務器寫過前端幾個頁面，都半途而廢了吧，嫌棄Hexo 和 jekyll 配置繁瑣各類坑，創做環境原始等，還本身折騰過用React來搭建GitHubPage ，最終都由於各類不能將就的緣由放棄了...

最近在學nodejs，準備寫個博客後臺練練手，說來也是奇怪好像和我的博客槓上了，每次學新東西都想寫個博客系統，悲劇的是每次都很快結束了，😭😭半途而廢這不是個人風格，但願此次能把這個項目作完吧。

原本已經對Gihub Page麻木的我，在看到他人推薦文字中 ‘客戶端’ 三個字的時候仍是垂死病中驚坐起，上手體驗一番，真香！

Gridea官網：gridea.dev/

扶我起來，我還能幹

仔細看看Gridea的官網，看上去是否是頗有胃口。都是可視化的配置，還有寫文章的編輯器，真的是很完美了，趕忙上手了一下編輯器，標籤，封面圖等等個性化的配置和Markdown支持均可以算得上業界良心了吧。

文章管理，主題配置，菜單管理，評論配置等等也都能知足你的需求...具體我就不劇透了，感興趣的本身去探索吧。

跳過的坑

下面把本身配置時幾乎要抓狂的坑記錄一下，但願對你能有所幫助：

1. 倉庫不是填寫倉庫地址，而是倉庫名。

token是要去Github上申請，點擊頭像-->setting-->Developer settings--> Personal access tokens （具體參考下面一張圖）

2. 除了token新建時我是所有選擇，擔憂後面須要缺失什麼權限，影響功能。另外就是在配置github第三方登陸OAuth Apps的callback url這裏的坑，一直報error=redirect_uri_mismatch錯，登陸不成功。最後發現本身域名在配置回調域名的時候習慣性地加了www，致使回調地址不匹配。我在這裏找了三個小時的問題，偶然間忘加www才成功的，固然這裏也可能跟我域名解析配置有關，因此只作爲參考，不是標準答案。使用本身的域名配置回調地址時候不加www

   

固然其它人也有其它解決方案，這裏放個issues鏈接，當你遇到回調的問題是能夠參考：github.com/gitalk/gita…

尾聲

我想今後之後我均可以不用折騰Github Pages了吧，能夠安心寫博客了。後面有機會卻是應該寫一個本身的主題纔算完美。

最後展現勞動成果吧 www.reallyzhang.com ，我使用的是lemon主題，本身寫了一點css樣式覆蓋了部分默認樣式。

覆蓋樣式時，我並無改寫主題源代碼，從新編譯打包主題，只在底部版權信息這塊添加的了覆蓋樣式：

最後附上覆蓋css樣式，祝你一路暢通哦。

<!--覆蓋默認樣式-->
<style type="text/css">
			.header {   
					height:64px !important;
			}
			.post-title{
					border:none !important;
			}
			.btn-text{    
					width: 80px;
					height: 18px;
					overflow: hidden;
			}
			.site-title h1{
					font-weight:400 !important;
					margin-left:10px !important;
					margin-right:0 !inportant;
			}

			.id_card .id_card-avatar{
					padding:4px !important;
			}
			.post-content-abstract{
					max-width: 600px !important;
					max-height: 100px !important;
					overflow: hidden;
			}
			.post-content-abstract *{
					font-size:14px !important;
					display:inline-block !important;
					margin:0 0 2px 0 !important;
					font-weight:300 !important;
			}

</style>

複製代碼