Ghost博客主题-EverBlog
2015-10-29

前提:

很早就打算开一个博客,记录自己遇到的技术问题、身边发生的事情什么的。我希望博客能有明确的分类,而不是一个瀑布流把所有博客打出来,这样内容很难进行检索。这可能也就是一个技术人员和绝大多数人思路的不同吧。

现成的博客框架很多,我一个一个进行了测试,踩了很多的坑。

最开始选择了被人使用最广泛的wordpress,发现它已经不再是一个博客,而是变成了一个庞然大物,一个四不像,而我只是想要一个博客而已,再加上不支持markdown,果断放弃了。之后看到了Jekyll,将博客通过编译转换成静态网站的思路实在是太棒了,部署很方便,速度也很快。用了一段时间后觉得太麻烦,首先编写markdown要在本地IDE,这时对图片和音频等外部资源的编辑就相当麻烦。而且每写一篇博客就要编译一次好麻烦(github可以避免这点,但是国内访问太慢)。

从wordpress到Jekyll,到现在的Ghost,我终于找到了一个满意的博客框架。Ghost创始人来自原wordpress团队,由于不满意wordpress的发展思路,于是开发一个单纯的博客平台。这个思路和我的想法不谋而合。OK,就它了。

我从14年初就在使用ghost,那时候的ghost几乎什么功能都没有(虽然现在也是没什么吧)。后来才有了标签、导出等功能。Roadmap上一直写着会有搜索,我期待了2年了,0.7版本才在后台增加了搜索,前台到现在还没有接口。

我找了很多主题,包括我之前Jekyll博客的主题(http://lialun.github.io/),包括后来我花了25美元买了一个主题(一个态度恨恶劣的外国人做的),都不满足我的需求。只好自己动手,丰衣足食。

我参考了之前的主题,以及Evernote网页版,制作了我现在的博客主题,既然参考了Evernote,这个博客主题就叫EverBlog吧,算是向Evernote致敬(其实就是抄袭)。在这过程中,我从不怎么会前端的水平,渐渐锻炼到了还是不怎么会前端的水平(>_<)。


进入正题:

源码

github.com/lialun/EverBlog

博客亮点

  1. 主题3列布局,分类清晰
  2. 主题文件较小,加载速度快。
  3. 全局ajax请求,响应速度快。
  4. 深浅主题切换,夜晚也不会刺眼。
  5. 手机版适配。

使用方法

  1. 博客左上角的图片是Blog Logo,在后台General中上传。默认尺寸为70*70px。
  2. 左侧导航栏选项,在后台Navigation中添加。
    可以添加Tag地址,在后台Tags中可以获取到标签地址,例如"http://allan.li/tag/java/"。
    可以添加博客地址,例如"http://allan.li/sql-common-resources/"。
    还可以添加外部地址,例如"http://www.baidu.com/",这时会新开窗口打开链接。
  3. 在后台General中将Posts per page调大(比如15),否则自动加载下一页可能会失败。
  4. 首页默认加载的博客在/partials/config.hbs中default_post字段配置,或者留空为不加载默认博客。
  5. 代码高亮使用的是Prism,目前支持css,js,bash,c,c++,c#,go,php,python,sql,groovy,http。需要代码高亮时,只需要在代码块开始的```后面加上语言类型即可,比如```java。

高级用户

  1. 开源框架(例如bootstrap,jquery等)从CDN加载,默认为bootcdn,由又拍云提供。在国内访问速度较好。其他静态文件从本地加载。高级用户和海外用户可以将加载地址修改至本地或者其他CDN,修改default.hbs中js、css加载路径和partials/config.hbs中css加载路径即可。
  2. 可以自己定制主题,修改partials/config.hbs中css路径即可。项目中默认预设了几种Prism主题,在/asserts/css/prism/下,可以搭配自定义主题使用。(建议目前先不要自定义主题,目前CSS结构较乱,之后我会整理)

正在开发的功能

最近公司太忙了,不得不暂时暂停开发。

已知BUG

  1. CSS结构较乱,需要重构
  2. 浅色主题配色需要优化

未来的规划

  1. 搜索(等待ghost的api)
  2. RSS,mail
  3. 博客内容提纲
  4. 个人介绍页面