Timbo Site

write something


Ghost整理与升级

很长时间没有打理博客了,最近挤出时间开始整理一下

升级Ghost

之前用的Ghost的版本比较老,0.7.0,当时还没有官方的Docker Image,自己写了个Image扔到上面跑。现在官方出了Docker Image,如何使用写得也比较详细,只是要升级到最新版本2.X的话,需要先升级到1.X,再升级到2.X。

Ghost的管理界面做得还不错,在里面进行博客备份,images文件夹更换路径,写了个Docker Compose挂好目录,运行1.X的Container,还原到1.X的Ghost里。从1.X的Ghost再次备份,删掉1.X的Container,运行2.X的Container,还原到2.X的Ghost里。其中还需要修改Ghost的运行配置,编辑/var/lib/ghost/config.production.json里面的url指向你真正的域名,不然无法访问。

虽然有点绕,但整个过程不到2分钟,借助Docker Compose,改Image的版本就好。

主题和配置

看了一下官方的说法,1.X版本的主题变化很大,官方给出了升级指引,不出意料,我之前的主题无法生效了。本来是想直接修改原来主题兼容一下,发现主题是参照zutrinken的Attila改的,于是fork了一份,改了一些东西:

  1. 页面已经是响应式的了,但是只给了32em的宽度,手机或者平板上看倒没什么,用分辨率较大的电脑打开左右两边就会有大片留白。改到了64em,整个页面饱满了不少,显示Code Block也会舒服一些。
  2. 字体的话,原主题用的是Fira SansCardo,前者显示正文和副标题,后者显示标题和元信息。英文还好,Demo看上去特别清爽,但是换中文就乱得不行,而且标题的行间距太窄,中文的话就会挤到一起,特别难看。在Google Fonts上面找了好长时间的字体,打算用Source Serif Pro作为正文字体,试了一下觉得不行,后面又找了Noto,也不太喜欢。后面直接找了Medium设计师/字体设计师的博文Cast of characters看了一遍,直接用了他们现在使用的字体。(当然Code Block还是等宽字体)
  3. 原主题直接支持了Disqus,只需要在Ghost管理界面的Code Injection中添加一个变量就好,当然我还把Google Analytics的代码也加进去了。

还有很多小小的改进也加进去了,主要是提升对中文的支持,当然现在看上去还有可以改进的地方,比如字体并不是全黑的而是稍微有点灰,看多了觉得发虚。改进后的主题也打包上传到Release中了。

后记

之前太忙,没有时间往这里扔东西,现在打算挤出时间,定期总结,慢慢经营

9/14日修改

prismjs替代highlight做代码高亮,字体颜色加深了一些,之前post-meta使用的是Serif字体,换成了Sans Serif,行间距也调整了挺多,应该可以安心使用很长时间了