本文主要描写在使用jekyll遇到的问题及解决办法。其中基本安装过程见使用jekyll在github搭建博客
如何在jekyll使用公式
- 修改html头部。
在每个页面开头加上这么一句,在Jekyll下可以通过修改default.html加上。
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
- 使用Tex语法编写mathjex公式,语法教程在这里
在博客中添加百度统计:
可参考给你的博客添加一些实用工具,和百度统计
- 注册登录:不用多说,第一步肯定是注册登录了,http://tongji.baidu.com/web/welcome/login。
- 添加网址并获取js代码:进入后选择网站中心将你的网址添加进去,成功后将鼠标移到新增的网址那一栏上会显示出“获取代码”选项,点进去就可以看到js代码了,复制一下。
- 添加js代码:将上面复制的代码添加到你的主题模板中,本人是添加在_layouts/default.html的<head>前面。
- 检测代码安装是否成功:在右侧有个代码安装检查,输入你要监控的网址,点击自动检查即可。
- 以后就可以到这里里查看了。
添加主页分页:
- 开启分页功能:首先我们需要在jekyll中开启分页功能,在jekyll的_config.yml中加入分页配置:
paginate: 5
paginate_path: "page:num"
第一行定义了每页的文章数量,而第二行则定义了在分页的结果,比如在/index.html中使用分页,定义为page:num,则第二页的路径将是/page2/index.html,第三页的路径将是/page3/index.html,以此类推 同时也要在gem下添加:
- jekyll-paginate
- 使用分页:在index.html用下边覆盖以前代码,一定是”html”后缀,在头内不能有permalink
<!-- This loops through the paginated posts -->
<!-- Pagination links -->
<div class="pagination">
<span class="previous">Previous</span>
<span class="page_number ">Page: of </span>
<span class="next ">Next</span>
</div>
添加站内搜索:
可参考swiftype为博客添加搜索引擎和swiftype官网内提示
- 首先去swiftype注册一个账号;
- 接着添加自己想要配置的网站地址并为新设定的引擎添加一个名字(非会员只能设置一个引擎)。
- 收到验证邮件后去自己的邮箱验证,验证成功后swiftype即开始抓取网站内容
- 接下来选择Setup and integration点击Install search engine进入搜索引擎个性化配置界面。可以自定义外观、搜索内容显示方式等等。
- 配置完成后将产生代码添加到网站并激活搜索引擎即可使用。我把
<input type="text" class="st-default-search-input">
暂放在了_layouts\default.html的<body id="js-body">里边,以后在给他开辟新的空间;
<script type="text/javascript">
(function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
})(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
_st('install','4dExjPWahYGQn_x_899Y','2.0.0');
</script>
放在了_layouts\default.html最前面的<script type=”text/javascript”内。 #
Click the link below to go back to index:
Go back