如何创建这样一个blog

原创内容,转载请注明出处

Posted by Weakyon Blog on August 20, 2014

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

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

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

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

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

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

pygments: true

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

{ % highlight c % }

{ % endhighlight % }

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

  
{ % highlight ruby % }  
def foo  
  puts 'foo'  
end  
{ % endhighlight % }

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

会生成

<div class="highlight"><pre>
<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>  
<span class="k">end</span></code></pre></div>

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

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

比如选定了default.css

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

修改_layout里的模版

在head标签内加入

<link rel="stylesheet" type="text/css" href="/css/default.css">

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

示例:

int main(int argc,char **argv)
{
	return 0;
}
20 Aug 2014