如何创建这样一个blog

基本步骤参考的网上人家的写法,不在赘述

搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门

这篇文章写的是遇到的其他问题,比如高亮

一。高亮 markdown提供的4个空格的高亮只会生成code标签

使用Liquid模板语言来调用highlight标记

首先修改_config.yml文件,在里面加入一行

pygments: true

而后使用highlight标记就能被github渲染成带高亮的html了

{ % highlight c % }

{ % endhighlight % }

这样的标记会生成需要css的html内容

1
2
3
4
5
{ % highlight ruby % }  
def foo
puts 'foo'
end
{ % endhighlight % }

(注意:{和%中间所有的空格要去掉,不明白的可以看下面的示例的html源文件)

会生成

1
<div class="highlight"><pre>
1
2
<code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">foo</span>  
<span class="nb">puts</span> <span class="s1">&#39;foo&#39;</span>
1
<span class="k">end</span></code></pre></div>

可以看到这里的div引用了一个css样式

所有的样式可以点这里挑选下载

比如选定了default.css

在项目的根目录下创建css文件夹,将default.css拷入

修改_layout里的模版

在head标签内加入

1
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/default.css">

大功告成,高亮闪亮亮的出现老

示例:

1
2
3
4
int main(int argc,char **argv)
{
return 0;
}