个人博客低代码平台java html个人博客完整代码_个人博客低代码平台java

之前给大家介绍过使用完全免费的 Github Pages 服务,来搭建个人博客。具体的教程,可以参考这里回顾。

不过,之前介绍的方式中,不论是自己手写 HTML,还是通过 jekyll 或者 hexo 的框架来构建,都有着略高的操作门槛。对于没怎么接触过网页编程的小伙伴来说,上手还是有一点困难的,需要自己花较多的时间查文档、查教程,才能折腾出一个比较满意的博客。

所以今天就给大家介绍一款好用的客户端工具 —— Gridea,有了它,你无需再研究各类框架工具的配置,直接上手就能写作,一键发布,可以说是带来了很大的方便!

下载安装

个人博客低代码平台java html个人博客完整代码_个人博客代码_02

可以在这里下载到它:https://gridea.dev/

支持 macOS、Windows 和 Linux 平台。

初始配置

Gridea 支持 GitHub Pages 和 Coding Pages 两种平台,安装后,你需要在 “配置“ 这一项中,填入你的相关配置信息。

如果你还没有创建仓库,请参考这里 的 “建立 Github 仓库” 这一节,完成仓库的创建。这里不再重复啦。

个人博客低代码平台java html个人博客完整代码_个人博客代码_03

有了这些配置信息,Gridea 就可以自动向你的仓库中提交更新后的博客内容。

这里也要特别提醒一点:如果你的仓库中本来就有内容的话,比如说原本你使用了 Jekyll 或者 hexo,请务必备份之前的内容。Gridea 的提交,会完全覆盖之前的内容。

从 Jekyll 或 Hexo 迁移

如果你原本博客中有文章的话,需要进行一些迁移。如果没有,可以跳过这一节。

迁移其实还是偏手动,在 Gridea 的 “系统” 这一页中,你可以找到它的 “源文件夹“, 这里面将会存放你新博客的源文件。

个人博客低代码平台java html个人博客完整代码_个人博客低代码平台java_04

所以,要迁移的话,需要将原本的 md 文件,复制到 Gridea 源文件夹下的 posts 中。如果原本的 md 文件中有图片的话,导入后也需要相应在 Gridea 中进行调整。

文章撰写

文章撰写比较简单,通过 Gridea 的图形界面,你可以使用 markdown 语法来写文章。内置的编辑器还是比较好用的,可视化的便捷操作,相比手动编辑繁琐的配置文件,为文章的撰写和管理提供了很多便利。

个人博客低代码平台java html个人博客完整代码_个人博客低代码平台java_05

主题管理

Gridea 中,你可以选择几款不同的内置主题,并且配置网站的名称、描述等内容,也可以进行更详细的自定义配置,包括布局、颜色等更多内容。

个人博客低代码平台java html个人博客完整代码_个人博客低代码平台java_06

如果你想要更多的自定义,也可以按照文档中的说明,制作自己的自定义主题。

多平台写作

这里再次说明一下 Github Pages 这种写作的机制。网站的源代码,是你写作的 markdown 文件,以及各种配置文件。当你写作完成后,Gridea 或者 hexo 等工具,会自动将源代码,制作成能够被浏览器解析的标准网页内容,这样的话就可以发布网站了。

因此,如果你需要在几台不同的电脑上写作的话,可以新建另外一个 Github 仓库,专门用于存放 Gridea 源文件夹下面的源代码文件。或者通过网盘(iCloud、OneDrive等自动同步的同步盘)来存放。这样即便换了一台电脑,依然可以通过这些源文件来继续写作。

个人博客低代码平台java html个人博客完整代码_html个人博客完整代码_07

特别注意,提交到 xxx.github.io 仓库里的文件,是经过生成之后的网页文件,只保留这些文件的话,是无法通过 Gridea 进行编辑修改的哦。要想多平台写作,切记要管理好 Gridea 源文件夹 下的这些源文件


好啦,以上就是本期介绍的 Gridea 工具。如果你对配置 Github pages 搭建博客还不太了解,也建议去看一下 这篇之前的推送 哦。

借助 Gridea 的帮助,你可以省去手动编辑源文件、调整各种配置、每次都手动 Git 提交的麻烦,把更多精力放在内容的写作上。

但是,之前文章里提到的注册 Github、新建仓库、设置域名等等步骤,也是仍然需要的哦。