02网站

纵里寻她千百度

这几年一直来来回回的折腾不同的开源博客: Wordpress、Typecho、Hexo、Docsify等,经历过N次变更之后还是没有找到一个纯粹作为记录知识的模版。

Typecho

最初接触的开源程序是Wordpress,但鉴于当时候的VPS配置太低,运行着wp会让人产生一种错觉突然多一两个ip的访客都会原地爆炸;但这个也不是弃用的主要原因,使用wp作为网站会经常受到外国友人的莫名“关注”,VPS的CPU动不动就飙高,估计wp的后台是外国友人的重要新手练习场所。Anyway, 试用过一段时间后就粉转路人了。后来发现了typecho,这个国产的开源博客,不但小巧,而且还没有以上的烦恼。不过缺点就是插件和主题没有wp那么多,很多功能需要自己另外实现。 因此,我做基于typecho做过一个非常简单的wiki主题,但最后没有即时搜索等功能就弃用了。

docsify

曾经用过docsify来展示从证监会上爬取的申报企业清单、拟上市企业的反馈意见等,但docsify的SEO并不友好, 而且默认的搜索引擎时好时坏,有些内容搜不出,可能是我的设置问题。

wordpress

Wordpress和Typecho 都有差不多的问题,主题都漂亮,但作为wiki不大合适。 例如wordpress的wordbook,文集太多的话都比较难handle,而且页面加载速度过慢。 还有就是typecho上面介绍的部分原因。

Vuepress VS Hexo

使用hexo之前确实知道vuepress的存在,但hexo强大的插件库和主题马上让我进坑了。 后来知道Vuepress对SEO很友好,而且默认主题都不错,但最终没有转到Vuepress是因为:

原因一

无意间发现了wujun大佬分享的hexo-theme-tree主题。

一个简洁的主题,主要功能是 “树状导航” + “树状目录”,可选配“评论”和“阅读量”功能。

这个主题非常简单,由树状导航” + “树状目录组成, 但这么一个主题用来做知识管理系统是非常合适的,这正正是我需要的。

原因二

我比较重度使用hexo,大部分的文章都使用了hexo的插件,如果要转到Vuepress的话工程量非常大,想到这点就放弃了。

hexo-theme-tree的缺点

站内引用

目前发现这个主题会出现站内引用文章失败的情况。 站内引用文章是Hexo的自带功能之一,经过一翻尝试和研究,发现hexo-theme-tree主题使用了subfolder的文章结构,这与post_link的默认应用方式不一样,post_link默认只支持_posts一层结构,暂时无解。

echart插件失效

hexo-theme-tree主题使用了Pjax局部加载技术,这样的好处是加载页面的时候非常流畅,但也会导致部分js加载失效,例如echart插件的js。为此, 我对这部分的javascript作了修改:

<script>
    $(document).on('pjax:complete', function() &#123;
		if ($("div[id^='echarts']").length > 0) &#123;
			$.pjax.reload(&#123;container:"#article-content", async:false&#125;);
		&#125;
    &#125;);
</script>

替代

还有一位大佬zthxxx写了一个hexo-theme-Wikitten主题, 这个一个仿 Wikitten 样式的 Hexo 个人 wiki 系统主题。 这个也是心目中比较理想的主题,但个人不是很喜欢默认的主题样式,所以就弃坑了。

关于本站

本站使用了HEXO + wujun大佬分享的hexo-theme-tree主题搭建。

阅读量: | 柯西君_BingWong | 2020-09-19