37

告别复杂的代码,新手也能轻松管理 GitHub Pages:Gridea | App+1

 4 years ago
source link: https://www.tuicool.com/articles/YVrYJ3m
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Matrix 精选

Matrix是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

文章代表作者个人观点,少数派仅对标题和排版略作修改。

当下大多数人可能已经对 Github Pages 不再陌生,它是很多喜欢写文章的人第一次接触的用于免费搭建博客建一个简洁却又不失优雅的个人博客 ,直到现在互联网上还有大量的基于它的个人博客,也有大量的搭建方法的教程。我之前就在少数派发表过一篇详细的 GitHub Pages 搭建教程,尚未掌握的朋友可以先从这篇文章读起。

关联阅读: 不想每年买服务器?不如用更轻量的 GitHub Pages 搭建个人博客

然而搭建虽然简单,但是管理和推送文章却相对麻烦不少,在 官方的教程 里,我们需要经历繁琐的步骤才能发布一篇文章和修改个人空间界面。相较于官方提供的 GitHub Desktop 和在终端使用 Git 的方法管理 Github Pages, Gridea 这款工具则更为的便捷和优雅,它能让作为创作者的你更专注于写作 。

配置

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

y2UBFfn.png!web

第一次使用它需要你进行应用的初始化配置,才能让他和 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)

V7Bb63b.png!web

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

QjyYZbE.png!web

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

JRreYbb.png!web

美化

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

q2QbiiA.png!web

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

UVz222J.gif

Gridea 也提供了博客的主题设置,我们可以选择自己心仪的主题,目前 Gridea 支持 4 款主题 ,分别是  NotesSimpleFlyPaper ,大家可以根据自身的需求修改网站名称、底部信息等其他内容。

ARNvme3.png!web

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

MzQ7vub.gif

写作

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

6zMvQrb.gif

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

vMnYFv2.png!web

其中列表中隐藏功能可以让你的文章,在列表中处于一种不被上传的状态,具体使用场景是什么样的呢?比如,如果你的一篇文章只创作了一半,你不想让他出现在你的 Blog 中,但你又修改了其他的文章的内容需要同步到你的 Github Pages 上,那么你可以先将你的文章在列表中隐藏,这样这篇文章就不会被同步,而已经修改过的文章则会照常同步上去,如图所示:

MRFVbiN.gif

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

总结

我使用  Gridea 来管理我自己的博客  Brick713 的小黑屋 很长一段时间了,Gridea 是一款麻雀虽小却五脏俱全的静态博客写作客户端,它能让你告别繁琐的 Git 操作,更加快速方便地管理你的个人博客,同时他恰到好处的主题和实用的配置功能也能一定程度上帮助你美化博客,如果你的动手能力够强,甚至可以自己动手创作主题。作为一款免费的工具,如果你有任何的建议都可以去  官方的项目页面 进行反馈,或者加入作者的 Telegram Group 根据目前的版本迭代速度看,作者还是非常勤劳的,期待未来有更多的新鲜功能。

> 下载少数派 客户端 、关注 少数派公众号 ,了解更多有趣的应用 :rocket:

> 特惠、好用的硬件产品,尽在 少数派sspai官方店铺


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK