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 （具体参考下面一张图）

1. 除了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>