分享一下我的jekyll主题

阳光穿透心脏的1/2处 2022-07-29 06:30 8阅读 0赞

以下很多内容已不再适用，欢迎访问我的最新博客:

*  [英文][Link 1], [GitHub][]
 *  [中文][Link 2], [GitHub][GitHub 1]

--------------------

如何利用GitHub构建基于jekyll的博客在这里不再赘述，网上已经有很多教程。在这里想向大家推荐一个我的jekyll主题风格，基于scribble jekyll theme，这里是[scribble jekyll theme GitHub地址][scribble jekyll theme GitHub]，[scribble预览地址][scribble]。我已经在原始主题上做了很多修改，并且添加了很多功能。

预览一下博客效果[liuchengxu.github.io][Link 1]

![这里写图片描述][20160318121317837]

![这里写图片描述][20160318121334884]

![这里写图片描述][20160318121351400]

![这里写图片描述][20160318121406025]

秉着简洁而不简单，力求简单美的原则。主要修改如下：

*  代码高亮。使用了js+css方式，采用Google的prettify,这里是[Google-code-prettify GitHub地址][Google-code-prettify GitHub]。
 *  数学公式支持。
 *  去掉了一些可能导致墙内访问缓慢的因素，取消远程调用，尽量放在本地，例如对于Google的jsapi的请求。
 *  改进了table, title, 图片位置等等多种元素的css, 还有大量的字体修改。
 *  加入tableofcontents.
 *  index.html加入了tag标签，不过最好是只用一个tag。我并不觉得多个tag,甚至是分类十分有必要。
 *  还有很多细节之处的修改。很多时候的修改只是因为看到了比较喜欢的样式就去克隆了过来，比如看到某个网页对于字体处理的很漂亮，就去照着样式copy了过来。

[欢迎到GitHub star and fork!][GitHub star and fork]

如果您选择fork或者是基于我的主题进行构建jekyll博客，您可能主要需要修改以下几个文件即可：

*  \_config.yml. 这是必然要修改的，换成您的个人信息即可，例如GitHub。
 *  \_includes/包含了可重用的HTML。您可能主要修改head.html即可。
 *  \_layouts/等您熟悉了以后可以再选择修改。
 *  stylesheets/style.css是主要的css样式文件。
 *  disqus, google-analytics等换成您自己的信息，删除\_posts/与images/blog/下的内容。

本篇就算是一个临时的介绍了，以后或许或有时间再写一个详细的分享。

[Link 1]: https://liuchengxu.github.io
[GitHub]: https://github.com/liuchengxu/liuchengxu.github.io
[Link 2]: https://liuchengxu.github.io/blog-cn
[GitHub 1]: https://github.com/liuchengxu/blog-cn
[scribble jekyll theme GitHub]: https://github.com/muan/scribble
[scribble]: http://scribble.muan.co/
[20160318121317837]: /images/20220728/44c4118fb04c444684c321f8ddcb2afc.png
[20160318121334884]: /images/20220728/29ae759078be4a9cb48fd63d7637d390.png
[20160318121351400]: /images/20220728/06e282b39c28414ab7e661aa33734361.png
[20160318121406025]: /images/20220728/85e3016439374ff9b3b2140ea60a05d3.png
[Google-code-prettify GitHub]: https://github.com/google/code-prettify
[GitHub star and fork]: https://github.com/xuliuchengxlc/xuliuchengxlc.github.io