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>

复制代码