良久以来,提起静态博客,人们想到的都是Hexo,不得不说,Hexo确实不失为一种良好的解决方案,但是繁冗复杂的配置,难以备份的尴尬,却也总让人有苦难言,一代又一代的人想着让Hexo更方便快捷的使用。

一次偶然的机会我发现了比特萌信息技术开发的Hexo便携版,集成了Hexo的Node环境,Git配置等,并且添加了一系列的配置和使用的脚本。但就算如此依旧让人觉得还不足够。

再后来我就发现了Hexo插件市场上的一款插件hexo-admin,只要在本地运行预览Hexo的命令后,在页面中就可以直接对文章,页面等进行一系列的新增、编辑等操作,大大方便了博客的开发流程。

但是这两样东西在我们今天即将提到的东西面前,好像就变得微不足道了,今天我们介绍的是Gridea,一款完全可视化的静态博客搭建工具。

Gridea从初次上传GitHub到现在已经过去15个月了,Star慢慢的积累到了5.6K的程度,版本也已经更新到了0.9.2,Gridea同时在GitHub和Gitee上上传了源码,主要是为了避免GitHub上下载的速度过慢。然而实际上我用Gitee下载的时候比GitHub也没快上很多。下面分别给出他们的地址:

Gridea On Github Gridea On Gitee

从我接触Gridea到完全搭建好我的博客,并且将Hexo的文章导入进来,再到最终确定一个合适的主题(尝试了很多个,除了一些看到就觉得不太好的之外,基本上主题市场能看到的主题我都尝试过了。)我花了不到两天的时间。换做以前使用Hexo的时候,完整的配置好一个主题恐怕都要这么久的时间吧,这里就体现出Gridea的强大之处了。接下来我们就来了解一下他的使用方法吧:

下载对应系统的安装包并安装应用程序

目前Gridea支持Mac OS、Windows和一部分Linux的系统,并且在官网提供了各自下载的链接(GitHub和Gitee上的下载链接),下载好之后就像平常安装一个软件一样简单粗暴的安装。

选择自己喜欢的主题

选择一个主题向来是个很难的事情,因为毕竟每个人的口味都不同,别人做出来的主题不一定完全就符合你的胃口,再加上Gridea起步的时间算是比较晚,现在也就刚过了一周年没多久的样子,很多主题其实会存在一些bug,但是这都无伤大雅。
Gridea内置了四款经典的简约主题,分别是FlyNotesPaperSimple
使用方法:只要进入侧边栏的主题菜单选项卡中,就可以看到选择主题的选择框,一键更换当前主题。并且在基本配置的页面中还包含了页面标题,描述,每页展示文章数和url配置方式等等,基本的配置应有尽有了。
除此之外最重要的就是自定义配置的选项卡,这个选项卡的内容一般是主题设计者定义的,在这里你可以对主题里的配置进行一定程度上的修改,并且可以在主题作者支持了的前提下进行插件的拓展等。
另外两个网页图标和头像配置自然就无需我多说了吧。

预览当前博客

在进行了步骤2中的配置之后,你的博客在本地已经算是搭建完成了,此时我们可以点击主页面左下角的预览按钮,等待几秒博客渲染完成后就会打开浏览器,此时一个新鲜出炉的博客就这么摆在你的面前了,烟雾寥寥。

提笔写作

博客博客,最重要的当然是博文了,Gridea自带了文章管理系统,添加的新文章可以设置URL,标签、创建时间、封面图、是否在列表中显示、是否置顶等。

配置Pages服务

虽然简约大方的博客已经本地搭建起来了,但是我们看博客总不能每次都打开Gridea预览再查看吧,我们需要可以直接在浏览器中输入域名就可以查看到我们的博客。

Gridea提供了三种远程提交的方式,包括GitHub Pages、Coding Pages和SFTP,基本上涵盖了我们常用的几种方式。

目前国内可访问的提供Pages服务的网站有GithubGiteeCodingGitlab,但是Gitlab从2019年12月29日起已经对中国科学技术大学以外的人员进行了限制注册,除非你在之前已经注册过了Gitlab的账号。而Gitee虽然访问速度很快,但是自动部署服务需要开通会员才可以启用,不然的话每次更新博客都需要到Gitee上进行手动部署。
排除了这两个之后,Gridea给我们留下了 Github和Coding这两个不错的选择,我们来看看怎样才能将我们配置好的博客部署到网站上。

注册Github/Coding账号,生成令牌

注册账号这一步应该不需要多说,大家都是混迹网络十多年的小老头子,不至于注册个账号还不会(当然,由于Coding目前和腾讯云展开合作,业务进行了大的整改,我是之前就注册了Coding的账号且绑定了腾讯云,至今也没遇到什么问题,但是诸位会不会遇到一些什么问题就算我也不一定知道怎么解决)。

接下来开始生成令牌,Github和Coding的令牌都是在设置中生成,Coding的个人设置界面打开之后一眼就看得到访问令牌这几个字,你可以点击右上方的按钮新建一个令牌,选中关于project的权限,如果实在不知道选哪些权限的话都选上也无伤大雅。而Github的令牌需要在Settings->Developer Settings->Personal access tokens中生成,需要选中repo相关的权限,全选依然无伤大雅。

需要注意的是,Coding的令牌比Github的令牌多一个用户名参数,该参数在令牌生成的页面展示,同时生成的令牌只会在生成的时候展示一次,之后我们将无法再查看,所以在生成令牌之后一定要妥善保管。

Gridea配置远程连接

在Gridea的侧边栏->远程中,选中你想要部署的pages服务类型,配置好相应的参数后,点击下方的测试连接,如果连接成功的话,你就可以尝试点击左下角的同步按钮,将你的博客同步到Github/Coding上了。

结语

当然这篇文章是针对于在Github/Coding上有搭建博客经验的人群所写的,所以省略了一部分相对来说常识一些的操作,比如Github的仓库名必须设置为用户名.github.io等这些细节性的问题,因为时间太晚所以我没打算写的太细,不过我相信这对于你们来说并没有那么难,不是嘛?