之前搭建博客都是通过 vuepress
+ Github Pages
的方式,虽然也很方便,但是如果有个可视化可编辑的博客界面,可以做许多个性化的定制,岂不不是美滋滋~(手动🌺🐔)
通过Gridea快速搭建博客
Gridea 是一个静态博客写作客户端,帮助你更容易地构建并管理博客或任何静态站点。
以上是 Gridea 官方对这款博客客户端的描述。它到底有多容易呢?那我们就自己动手来试下吧~
简单两步,完成博客搭建
第一步:下载Gridea客户端
Gridea
客户端是使用 Electron
开发的,使用它之前,需要先去 官网下载。官方提供了 MacOS
, Windows
以及 Linux
三端的安装包,小伙伴们可以根据自己的需求自行下载~
第二步:发布
是的!你没有听错!下载完成后直接就可以进入发布流程了,是不是很快!
Gridea
提供了将博客部署到 GitHub Pages
、Coding 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
搭建自己博客的时候所遇到的问题,希望对看到这篇文章的小伙伴有所帮助。
当前博客已部署,以后会陆续分享自己的学习笔记以及心得琐碎等等。感兴趣的小伙伴欢迎戳~。
现在快动起手来,快速搭建一个属于自己的天地吧~