返回

GitHub开源笔记布局,锤子便签配色WordPress主题《开源自荐》!

前端

大家好,我是苏南大熊,今天给大家带来一个开源自荐。

在写《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主题。

使用教程

  1. 安装WordPress。
  2. 安装Gutenberg Book主题。
  3. 设置Gutenberg Book主题。
  4. 写文章。
  5. 发布文章。

具体步骤

  1. 安装WordPress。

WordPress的安装教程有很多,这里就不赘述了。

  1. 安装Gutenberg Book主题。

登陆WordPress后台,点击「外观」->「主题」->「添加」。然后点击「上传主题」,选择下载好的Gutenberg Book主题zip包,点击「立即安装」。

  1. 设置Gutenberg Book主题。

安装好主题后,点击「外观」->「主题」->「Gutenberg Book」。在这里可以设置主题的各种选项,比如网站标题、网站、网站配色等等。

  1. 写文章。

点击「文章」->「添加文章」。在编辑器里写文章就可以了。

  1. 发布文章。

写好文章后,点击「发布」按钮就可以了。

效果预览

https://sunandbear.com/demo/gutenberg-book/

下载地址

https://github.com/sunandbear/gutenberg-book