摘要:因文章公开访问的需求,再次寻求搭建个人博客的方案;风评尚可的 Gridea 进入了我的视野;结果…一夜没睡!

安装、搬运、体验

安装过程非常简单,Github 端配置好库名,拿到 Token 即可,具体方案参考官方文档
Gridea1

然后我把我以前用 Hexo + GitHub 写的文章全部搬运过来;整体体验还是不错的。以下是我对该平台的评价:

  1. 安装十分简单。社区也做了视频教程,非常贴心了;
  2. 会自动帮你上传压缩(不确定)图片,比起 Hexo 的插入语法好一些(但这样的方式不太适合多平台发布和转移,若能集成图床,那就开心了);
  3. 全平台, 开源,Nice!不过目测 UI 是 Electron 框架,虽然挺好看,但是反应 5V1A(偶尔出现严重卡顿),白色界面闪瞎我的狗眼,可能会影响在长时间平台上的写作。毕竟开发人手可能不足,无可奈何;
  4. 各种配置包括,「主题」都提供了 UI,比以前方便多了;
    UI界面
  5. 似乎主题商店尝试收费制(商店收费主题靠前,主程序推送),不知道是开发者有意为之还是民心所向,保留意见;可惜开发了这么久,主题仍然不丰富,就我尝试的几个免费主题来看,质量都还不错;
  6. Gridea 自带文件编辑界面,有设置、预览等方便的功能,虽然算不上优秀,但好过没有;不过想吐槽「摘要」的图标,我总以为那是设置或者展开的意思;
  7. 严重逻辑问题,编辑文件时若错按关闭键会直接程序不保存,不知道是不是 Electron 的锅;
  8. BUG,发现了一些程序或者主题BUG,没有在官方文档中发现解决方法
    • 保存机制成迷,保存后继续编辑会出现同名文件,似乎没有自动保存选项,手滑容易会丢失文件;建议在其他编辑器上编辑;
    • 一些主题(Next等)的一些设置(例如自定义友链,头像彩蛋)更改后无法保存,不确定原因;
    • 点击同步后,即使无法上传到 GitHub,也会显示「同步成功」的字样,不会报错;过了一会又好了。Issue中有反应,但没有给出解决方案;

如果遇到了和我一样的问题,那么这些方案可以参考:

  • 保存出现同名文件:保存后,若要编辑,务必回到主界面再点击进入文章编辑;
  • 主题设置无法保存:直接修改主题 config 文件;
  • 「同步成功」但 Github 无变动:如果点击同步之后,同步按钮没有变成灰色,那么一定没有上传成功;原因不明,尝试点击「远程」的「检测远程连接」后再同步(Github 中有人反馈这是文章格式错误,解析不出来的原因,实测并不是);
  • Gittalk Error:确认各种信息无误,确认博客仓库是公开库,确认仓库已经开启了 Issue 功能。

主题修改摸索

下面内容作为记录,由于我没有网页开发背景只是,也不熟悉程序使用的 less 语法,而且没有在意官方给出的主题目录参考,走了一些弯路,结果总是好的(然而一夜没睡);

预期效果

修改 Next 主题为黑色简约型:将博客调整为黑白色调,删除一切不必要的元素(脚注,阅读全文等 Block)

实现步骤

  1. 选择 Next 的「Mist」主题;此主题最为简洁;

  2. 黑白色调修改:只要在程序界面修改颜色即可,选择背景色为 #141414,文字颜色为 #868e96;各种标题颜色为 #e9ecef;将头像换成黑色背景头像;

  3. 无法用UI调整的标签界面:从网页源码看出,颜色由"Next-T\templates_blocks\cloud-tags.ejs"控制,第21行( 不清楚机制,源代码似乎是从两个颜色之间任取,我直接改为白色,顺便调整了字体),修改为

    1
    2
    3
    4
    let fontStart = 24, 
    fontEnd = 38,
    colorStart = '#fff',
    colorEnd = '#fff'

    效果

  4. 删除调整不必要的元素:
    全部文章 - “\templates_blocks\archive-timeline.ejs”
    页脚 - 同目录下 footer.ejs | post-footer.ejs
    站点概览 - site-meta.ejs

效果

5

Gridea4

主题配置已经上传仓库:https://github.com/JayMirtle/gridea-theme-next-black

最后

2020-5-23 更新:倘若博客本身为黑色,读者无法调整为白色;所以我最后又改回了白色底色界面。

2020-6-3 更新:并不如 Hexo 自由,有效率