Gridea 让你更方便地用 Github Pages 和 Coding Pages 搭建静态博客

640?wx_fmt=png


当下大多数人可能已经对 Github Pages 不再陌生,它是很多喜欢写文章的人第一次接触的用于免费搭建博客建一个简洁却又不失优雅的个人博客 ,直到现在互联网上还有大量的基于它的个人博客,也有大量的搭建方法的教程。


然而搭建虽然简单,但是管理和推送文章却相对麻烦不少,在官方的教程里,我们需要经历繁琐的步骤才能发布一篇文章和修改个人空间界面。

使用 Gridea 在 Github Pages 上搭建静态博客 


Gridea 是一个基于 Github Pages 和 Coding Pages 的静态博客管理工具。相较于官方提供的 GitHub Desktop 或在终端使用 Git 的方法管理,Gridea 这款工具则更为的便捷和优雅,它能让作为创作者的你更专注于写作 。

Gridea 官网:https://gridea.dev/


配置


Gridea 最早叫 Hve Notes ,开发者为了更易读和好记,重新命名为 Gridea ,支持 Windows 和 Mac 平台,它的基础界面非常地小清新。

640?wx_fmt=png


第一次使用它需要你进行应用的初始化配置,才能让他和 Github Pages 连接,配置很简单,可以参考下面的方法进行配置:

  • 域名:Github Pages 对应的域名(例如:https://brick713.github.io 或 http://moyu.com)

  • 仓库:你的静态文件存放的仓库(例如:Brick713.github.io)

  • 分支:你的 Github Pages 对应的分支(例如:master)

  • 用户名:仓库所属用户的用户名(通常就是你的 Github 账号的昵称)

  • 邮箱:Git 推送时使用的邮箱(通常就是你的 Github 账号的邮箱)

  • Token: Git 推送时需要的 Token,用来向 Github 提交构建后的文件 Github personal access tokens

  • CNAME: 可通过这个选项配置你自己的域名(例如:moyu.life)

640?wx_fmt=png


为了让大家更方便地对应上每个配置具体要填的内容,这里我把 Github Pages 对应的字段也标识出来(为了避免出现一些奇怪的问题,最好按照官方的规范创建 Github Pages)。

640?wx_fmt=png

这里有个安全上的小 Tip,我们在创建 Personal access tokens 的时候,只需要赋予 repo 的权限即可,这样最大程度减少 Token 出现泄漏后可能造成的安全风险。

640?wx_fmt=png


美化


配置完成后,先测试远程连接是否正常,没有问题的话 Gridea 就成功和 Github Pages 连接上了。我们再重新回到主界面,点击左下角的同步,就可以将我们的文章同步到个人博客了,试试访问你定义的域名来看看网站的效果。

640?wx_fmt=png


接下来我们可以自定义一些配置让博客的功能更完善和美观,在配置界面里,我们可以配置博客的评论系统,目前 Gridea 支持 Gitalk 和 Disqus,在这里就不详细介绍如果配置评论系统,有需求的同学可以查看作者给出的小白教程,同样我们也可以修博客的 Favicon 和头像。

640?wx_fmt=gif


Gridea 也提供了博客的主题设置,我们可以选择自己心仪的主题,目前 Gridea 内置了 4 款主题 ,分别是 Notes、Simple、Fly、Paper。

640?wx_fmt=png

更多主题大家可以参考:
https://gridea.dev/themes/

大家也可以根据自身的需求修改网站名称、底部信息等其他内容。

640?wx_fmt=png

对于那些有自己的理解和审美,且又有一定前端基础的同学来说,我们可以在自定义配置中自行修改相关的样式和配色,包括布局、颜色和自定义样式,同样我们也可以在博客中展示自己的的社交账号,并且使用谷歌统计来记录他人对博客的访问情况,这里也希望作者能结合本土情况,在未来的版本增加百度统计。

640?wx_fmt=gif


写作


Gridea 支持 Markdown 语法并且最新的版本也支持了 Katex 公式,对于一个普通的写作者来说,他能满足最基本的写作需求,在文章的创作界面中,作者为了写作的方便,也提供了一些基础 Markdown 语法的快捷操作,如插入代码块、插入链接、插入图片,改变字体等等,通过点击那些显而易见的图标帮助提升你的写作速度节约你的时间。

640?wx_fmt=gif


在写作界面的右边栏里,我们可以给文章命名一个好记的 URL、选定一个相关主题的标签、修改文章的创建时间或者给我们的文章配一个贴切的封面图。

640?wx_fmt=png


其中列表中隐藏功能可以让你的文章,在列表中处于一种不被上传的状态,具体使用场景是什么样的呢?

比如,如果你的一篇文章只创作了一半,你不想让他出现在你的 Blog 中,但你又修改了其他的文章的内容需要同步到你的 Github Pages 上,那么你可以先将你的文章在列表中隐藏,这样这篇文章就不会被同步,而已经修改过的文章则会照常同步上去,如图所示:

640?wx_fmt=gif

这个人性化的功能也方便你更好的管理你的文章,可以隐藏掉一些文章却不需要删除他们,对于习惯了自己的 Markdown 编辑器的人来说,我们也可以把创作好的文章移动到 Gridea 的文章目录中,在 Mac OS 的路径是 Document/Gridea/posts,总之我们可以根据自己的喜好来选择写作方式。

使用 Gridea 在 Coding Pages 上搭建静态博客 


在上面我们演示了如何使用 Gridea 在 Github Pages 上搭建静态博客,但是由于 Github 服务器在国外的原因,国内访问还是有点慢。

这里我们就来介绍下如何在 Coding Pages 上搭建的过程。在 Coding Pages 搭建静态博客的方法和 Github Pages 上过程比较类似,为了不重复造轮子,你可以直接参考使用 Gridea 和 Coding Pages 搭建静态博客
http://t.cn/AiNo2pKi )  一文。


总结


Gridea 是一款麻雀虽小却五脏俱全的静态博客写作客户端,它能让你告别繁琐的 Git 操作,更加快速方便地管理你的个人博客,同时他恰到好处的主题和实用的配置功能也能一定程度上帮助你美化博客。

如果你的动手能力够强,甚至可以自己动手创作主题。作为一款免费的工具,如果你有任何的建议都可以去官方的项目页面进行反馈,或者加入作者的 Telegram Group 根据目前的版本迭代速度看,作者还是非常勤劳的,期待未来有更多的新鲜功能。


参考文档

https://www.google.com

http://t.cn/AiNoyj9f

http://t.cn/AiNo2pKi


640?wx_fmt=gif


推荐阅读


640?wx_fmt=gif

640?wx_fmt=png640?wx_fmt=gif

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值