HuS Time is limited, To be a better man

Jekyll搭建博客实现代码高亮

内容包括

  • 安装
  • 配置
  • 使用
  • 样式

假设已经成功运行了jekyll等

安装

Mac:

配置

使用

  hello world!

</code></pre></figure>

Pygments样式

查看样式

先通过终端进入pygments所在目录 打开python

cd workspace/pygments/
python

通过以下命令查看当前pygments支持的代码高亮样式

>>> from pygments.styles import STYLE_MAP
>>> STYLE_MAP.keys()
'manni', 'igor', 'xcode', 'vim', 'autumn', 'vs', 'rrt', 'native', 'perldoc', 'borland', 'tango', 'emacs', 'friendly', 'monokai', 'paraiso-dark', 'colorful', 'murphy', 'bw', 'pastie', 'paraiso-light', 'trac', 'default', 'fruity']

然后通过以下命令生成你想要的样式文件

$ pygmentize -S monokai -f html > pygments.css

其中monokai是你选择的样式

jekyll搭建博客中遇到的问题总结

使用jekyll+github搭建博客时遇到的问题

1.编辑好文章后调用jekyll serve命令后出现以下错误:

jekyll 2.5.2 | Error: undefined method `default_proc=' for "layout:post title:hello world!":String

谷歌之后发现问题出现在博文头信息中:

---
layout:post
title:hello world!
---
# test Title   
hello,world!this is a test file write by sublime    text2 with markdown gramar.

在冒号后边需要空一格。所以正确的格式如下:

---
layout: post
title: hello world!
---
# test Title   
hello,world!this is a test file write by sublime    text2 with markdown gramar.
2.在博客首页只显示部分内容

首先在博客首页要显示博文内容的地方插入如下代码:

\{\{ post.content | split:"<!-- more -->" | first \}\}

然后在博文.md文件中,在不需要显示内容之前插入如下代码:

<!-- more -->