之前搭建博客都是通过 vuepress + Github Pages 的方式,虽然也很方便,但是如果有个可视化可编辑的博客界面,可以做许多个性化的定制,岂不不是美滋滋~(手动🌺🐔)

通过Gridea快速搭建博客

Gridea 是一个静态博客写作客户端,帮助你更容易地构建并管理博客或任何静态站点。

以上是 Gridea 官方对这款博客客户端的描述。它到底有多容易呢?那我们就自己动手来试下吧~

简单两步,完成博客搭建

第一步:下载Gridea客户端

Gridea 客户端是使用 Electron 开发的,使用它之前,需要先去 官网下载。官方提供了 MacOS, Windows 以及 Linux 三端的安装包,小伙伴们可以根据自己的需求自行下载~

第二步:发布

是的!你没有听错!下载完成后直接就可以进入发布流程了,是不是很快!
Gridea 提供了将博客部署到 GitHub PagesCoding Pages 和通过 SFTP 的方式上传到自己的服务器的功能。官方提供了非常详细的Github Pages发布流程,这里不做赘述,请戳进来看吧~

一些可能需要注意的点

经过上面两步的操作,相信各个小伙伴已经拥有了属于自己的博客~可喜可贺!在这里,我列举几个我遇到的问题,希望可以提供给遇到相同问题的小伙伴一些帮助:

问题1:关于同步

  • 由于同步是将你的改动同步到 GitHub Pages 上的,由于现阶段国内访问Github会有长时间打不开页面,需要翻墙的情况,建议小伙伴们在长时间无法同步的情况下,尝试下翻墙同步,可能会稍好一些;
  • 我当前使用的 Gridea 的版本是 0.9.2,存在这样一个问题,在检测远程连接时,提示我连接成功,但是同步却一直都失败,无论是否开启翻墙,均是如此。官方在 #890 这个issue中提供了一个解决方案,并给出了修复后的包的下载地址,我下载后使用并不理想(不排除是我本地网络环境的原因),但依旧可以作为一个解决方案提供给小伙伴们尝试下~

问题2:关于主题

目前我使用的是 Simple 主题,各方面使用情况都还不错,推荐大家使用这款。
当然,官方也提供了其他的 多款主题 供小伙伴们食用,大家可以根据自己的喜好自行选择。
如果有精力有兴趣的小伙伴儿们也可以尝试自己 开发一个主题 ,毕竟自己动手,丰衣足食嘛~
至于我遇到的问题,是在我使用 Notes 这个主题的时候,发现在编辑完文章后,markdown中的代码区块内容在预览时表现正常,但是在同步到 GitHub Pages 之后,打开页面发现markdown中的代码区块没有正常渲染出来,大家在食用的时候需要留意下~

添加Vline评论

现在已经有了自己的博客了,也有个地方可以记录自己的工作,学习,生活了,自然也不能少了让 看官们 留下自己足迹的地方~
我使用的 Simple 主题默认提供了两种发布评论的平台:

这里我推荐使用 Valine,想对于上述的两个而言,它更加友好。至于接入方式,官方也给出了相应的 参考文档。这里我针对官方的文档做一些补充说明以及踩坑的经验分享。

关于文档中的说明

在官方提供的文档中有这么一处说明:

其中,Valine.min.js 的引入需要放在对应主题的 post.ejs 模板下。

关于LeanCloud的配置

创建Class

评论会调用 LeanCloud 提供的数据接口,其中有个接口是获取评论总数的:https://xxxx/1.1/classes/Comment。调用这个接口的前提,是需要在 数据存储 > 结构化数据 下手动创建一个名为 Comment 的class,否则接口会报404,这个需要注意下:

创建应用

创建应用时,可以选择创建区域:

我这里选择的是 华东。之所以选择华东,是因为在华北创建完应用后,在调用接口时调不通,这可能跟我所处的区域有关。所以小伙伴们在创建完成之后,可以去 设置 > 应用凭证 中,访问下提供的 REST API 服务器地址 ,看看是不是可以调通,可以的话就没有问题。如果不行的话,建议切换下区域重新创建一个应用:

写在最后

以上是我在使用 Gridea + Vline 搭建自己博客的时候所遇到的问题,希望对看到这篇文章的小伙伴有所帮助。
当前博客已部署,以后会陆续分享自己的学习笔记以及心得琐碎等等。感兴趣的小伙伴欢迎戳~
现在快动起手来,快速搭建一个属于自己的天地吧~