返回
GitHub开源笔记布局,锤子便签配色WordPress主题《开源自荐》!
前端
2024-02-09 02:27:14
大家好,我是苏南大熊,今天给大家带来一个开源自荐。
在写《Chrome插件英雄榜》连载的时候,我用的是GitBook的自动构建功能,也就是在Github仓库,按照一定的规范存储markdown格式文章和配置文件,GitBook就会自动构建出一套网站。这个网站和Github仓库是同一个地方。
这种方式的好处是:
- 免费。 GitBook有免费的托管服务,可以生成静态网站。
- 版本控制。 文章和配置文件都在Github仓库里,版本控制很方便。
- 自动构建。 每次推送到Github仓库,GitBook就会自动构建网站。
但是,GitBook也有一个缺点,就是主题比较少 。GitBook官方提供的主题只有十几个,而且很多主题都比较丑。
为了解决这个问题,我开发了一个WordPress主题,可以把WordPress网站布局成GitBook的样子。这个主题叫**Gutenberg Book** 。
Gutenberg Book主题的特点:
- 布局和GitBook一模一样。 包括文章列表、文章内容、侧边栏等等。
- 锤子便签配色。 锤子便签是一款非常好用的笔记软件,它的配色非常漂亮。Gutenberg Book主题就用了锤子便签的配色。
- 支持Gutenberg编辑器。 Gutenberg是WordPress 5.0引入的新编辑器,Gutenberg Book主题完全支持Gutenberg编辑器。
如果你也想用GitBook的布局来写博客,但是又不想用GitBook的主题,那么你可以试试Gutenberg Book主题。
使用教程
- 安装WordPress。
- 安装Gutenberg Book主题。
- 设置Gutenberg Book主题。
- 写文章。
- 发布文章。
具体步骤
- 安装WordPress。
WordPress的安装教程有很多,这里就不赘述了。
- 安装Gutenberg Book主题。
登陆WordPress后台,点击「外观」->「主题」->「添加」。然后点击「上传主题」,选择下载好的Gutenberg Book主题zip包,点击「立即安装」。
- 设置Gutenberg Book主题。
安装好主题后,点击「外观」->「主题」->「Gutenberg Book」。在这里可以设置主题的各种选项,比如网站标题、网站、网站配色等等。
- 写文章。
点击「文章」->「添加文章」。在编辑器里写文章就可以了。
- 发布文章。
写好文章后,点击「发布」按钮就可以了。
效果预览
https://sunandbear.com/demo/gutenberg-book/
下载地址