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

2,295 阅读3分钟

写在前面

工作几年,几经折腾,捯饬过Github Pages博客,也自己购买过服务器写过前端几个页面,都半途而废了吧,嫌弃Hexo 和 jekyll 配置繁琐各种坑,创作环境原始等,还自己折腾过用React来搭建GitHubPage ,最终都因为各种不能将就的原因放弃了...

最近在学nodejs,准备写个博客后台练练手,说来也是奇怪好像和个人博客杠上了,每次学新东西都想写个博客系统,悲剧的是每次都很快结束了,😭😭半途而废这不是我的风格,希望这次能把这个项目做完吧。

本来已经对Gihub Page麻木的我,在看到他人推荐文字中 ‘客户端’ 三个字的时候还是垂死病中惊坐起,上手体验一番,真香!

Gridea官网:gridea.dev/

扶我起来,我还能干

Gridea

仔细看看Gridea的官网,看上去是不是很有胃口。都是可视化的配置,还有写文章的编辑器,真的是很完美了,赶紧上手了一下编辑器,标签,封面图等等个性化的配置和Markdown支持都可以算得上业界良心了吧。

文章管理,主题配置,菜单管理,评论配置等等也都能满足你的需求...具体我就不剧透了,感兴趣的自己去探索吧。

跳过的坑

下面把自己配置时几乎要抓狂的坑记录一下,希望对你能有所帮助:

  1. 仓库不是填写仓库地址,而是仓库名。

token需要去Github上申请

token是要去Github上申请,点击头像-->setting-->Developer settings--> Personal access tokens (具体参考下面一张图)

  1. 除了token新建时我是全部选择,担心后面需要缺失什么权限,影响功能。另外就是在配置github第三方登录OAuth Apps的callback url这里的坑,一直报error=redirect_uri_mismatch错,登录不成功。最后发现自己域名在配置回调域名的时候习惯性地加了www,导致回调地址不匹配。我在这里找了三个小时的问题,偶然间忘加www才成功的,当然这里也可能跟我域名解析配置有关,所以只做为参考,不是标准答案。使用自己的域名配置回调地址时候不加www

    github

当然其它人也有其它解决方案,这里放个issues连接,当你遇到回调的问题是可以参考:github.com/gitalk/gita…

尾声

我想从此以后我都可以不用折腾Github Pages了吧,可以安心写博客了。后面有机会倒是应该写一个自己的主题才算完美。

最后展示劳动成果吧 www.reallyzhang.com ,我使用的是lemon主题,自己写了一点css样式覆盖了部分默认样式。

reallyzhang.com

覆盖样式时,我并没有改写主题源代码,重新编译打包主题,只在底部版权信息这块添加的了覆盖样式:

最后附上覆盖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>