Jekyll Jacman2017-07-22T06:07:55+00:00http://simpleyyt.github.io/jekyll-jacmanyitao如何使用 Jacman 主题2015-09-20T00:00:00+00:00http://simpleyyt.github.io/jekyll-jacman/jekyll/2015/09/20/how-to-use-jacman<h2 id="主题介绍">主题介绍</h2>
<p>Jekyll-Jacman 是为 <a href="http://jekyllrb.com">Jekyll</a> 设计的一款清新且具有响应式的主题,拥有更丰富的特性并支持了很多的国内服务。Jacman 始于 <a href="https://github.com/wuchong/jacman">Jacman</a> 移植而来。</p>
<!-- more -->
<h2 id="配置指南">配置指南</h2>
<p>Jacman 主题提供了丰富的配置属性,可以实现您对主题的自定义。配置文件<code class="highlighter-rouge">_config.yml</code>位于主题根目录下。本次更新对配置文件进行了较大调整,如您之前就使用了 Jacman,也需要您根据以下指南进行相应的修改。</p>
<div class="highlighter-rouge"><pre class="highlight"><code>##### 菜单
menu:
主页: /
归档: /archives
关于: /about
#### 控件
widgets:
- category
- tag
- links
- rss
#### RSS
rss: /atom.xml
#### 图片相关
imglogo:
enable: true ## 是否显示网站 logo
src: img/logo.png
favicon: img/favicon.ico ## 网站图标
apple_icon: img/jacman.jpg ## 苹果设备上的图标,背景不要透明
author_img: img/author.jpg ## 网站底部的博主头像
banner_img: img/banner.jpg ## 博客顶部的图片
close_aside: false ##是否在文章页面自动关闭侧边栏
#### 首页相关
index:
expand: true ## 首页文章是否展开。默认为展开式,显示 Read More。
excerpt_link: Read More
#### 作者信息
author:
name: ## 作者名
intro_line1: "Hello ,I'm Larry Page in Google." ## 网站底部的个人介绍
intro_line2: "This is my blog,believe it or not."
weibo_verifier: ## 微博秀的验证码
tsina: ## 用于微博秀和微博分享
weibo: ## 用于显示网站底部社交按钮,下同
douban:
zhihu:
email:
twitter:
github:
facebook:
linkedin:
google_plus:
stackoverflow:
#### 目录
toc:
article: true ## 是否在文章中显示目录
aside: true ## 是否在侧边栏显示目录
#### 友情链接
links:
码农圈: https://coderq.com,一个面向程序员交流分享的新一代社区
Jark's Blog: http://wuchong.me
#### 评论
duoshuo_shortname:
disqus_shortname:
#### 分享按钮
jiathis:
enable: false ## 默认使用主题内建分享
id:
tsina:
#### 网站统计
google_analytics:
enable: false
id: ## google analytics ID.
site: ## 网站地址.
baidu_tongji:
enable: false
sitecode: ## 百度统计站点特征码
cnzz_tongji:
enable: false
siteid: ## CNZZ统计站点ID
#### 杂项
ShowCustomFont: true
fancybox: true
totop: true
#### 自定义搜索
google_cse:
enable: false
cx:
baidu_search:
enable: false
id:
site: http://zhannei.baidu.com/cse/search
tinysou_search: ## http://tinysou.com/
enable: false
id: "4ac092ad8d749fdc6293"
</code></pre>
</div>
<h3 id="属性功能">属性功能</h3>
<ul>
<li><strong>菜单 menu</strong>
默认没有启用 <code class="highlighter-rouge">/tags</code> 和 <code class="highlighter-rouge">/categories</code>页面,如果需要启用请在博客目录下分别建立<code class="highlighter-rouge">tags</code> 和 <code class="highlighter-rouge">categories</code>文件夹每个文件夹中分别包含一个<code class="highlighter-rouge">index.md</code>文件。内容为:</li>
</ul>
<div class="highlighter-rouge"><pre class="highlight"><code>layout: tags (或categories)
title: tags (或categories)
---
</code></pre>
</div>
<p> 因为主题中已经内置了这两个页面的模板,所以他们会被正确的解析出来。</p>
<ul>
<li><strong>控件 widgets</strong>
提供了7种小工具。包括标签、分类、RSS、友情链接、微博秀。</li>
</ul>
<p><strong>友情链接</strong>:友情链接的网址添加可以在<code class="highlighter-rouge">links</code>属性下添加。</p>
<p><strong>微博秀</strong>:需要注意的是,如果要启用微博秀,您必须填上<code class="highlighter-rouge">author</code>属性下<code class="highlighter-rouge">tsina</code>和<code class="highlighter-rouge">weibo_verifier</code>的值,前者是您微博ID,后者是您微博秀的验证码,访问 http://app.weibo.com/tool/weiboshow 在如下图位置,可以获得您的 verifier,如:我的是<code class="highlighter-rouge">b3593ceb</code>。
<img src="http://ww1.sinaimg.cn/large/81b78497jw1emegd6b0ytj209204pweu.jpg" alt="" /></p>
<p>如果要关闭侧边栏,将<code class="highlighter-rouge">close_aside</code>置为<code class="highlighter-rouge">true</code>,就会在博文页面自动关闭侧边栏。</p>
<ul>
<li>
<p><strong>图片相关 Image</strong>
本主题可以设置网站相关图片,例如网站图标(<code class="highlighter-rouge">favicon</code>)、网站logo(<code class="highlighter-rouge">imglogo</code>)、作者头像(<code class="highlighter-rouge">author_img</code>)。建议启用网站logo,格式建议为<code class="highlighter-rouge">.svg</code>或<code class="highlighter-rouge">.png</code>格式。同时建议提供配套的 favicon 以及在苹果设备上的图标<code class="highlighter-rouge">apple_icon</code>(背景不要透明)。</p>
</li>
<li>
<p><strong>首页显示模式 Index</strong>
目前首页的显示模式支持两种,一种是原先的卡片式(前往 <a href="http://wuchong.me/jacman">Demo</a> 预览),另一种是类似官方主题的文章展开式(<a href="http://wuchong.me">本站</a>即采用的这种)。两者各有优劣,前者首页加载速度更快,后者文章内容更能吸引读者。主题默认采用后一种展开式,如需开启第一种卡片式,请设置<code class="highlighter-rouge">index</code>属性下的<code class="highlighter-rouge">expand: false</code>。</p>
</li>
</ul>
<p>卡片式的文章摘要是截取文章内容的前140个字,也可以自己总结<code class="highlighter-rouge">description</code>并将其放在开头的<code class="highlighter-rouge">front-matter</code>中。展开式的文章摘要就是使用<code class="highlighter-rouge"><!-- more --></code>截取了。</p>
<ul>
<li>
<p><strong>作者信息 author</strong>
作者信息,建议尽量填写完整。其中<code class="highlighter-rouge">tsina</code>是你的新浪微博ID,不同于用户名或微博主页地址。启用这个属性后,其他用户在微博上分享你文章的同时会自动@你。同时它和<code class="highlighter-rouge">weibo_verifier</code>一起作用生成微博秀。<code class="highlighter-rouge">intro_line1</code>和<code class="highlighter-rouge">intro_line2</code>是网站底部的个人介绍。<code class="highlighter-rouge">weibo</code>、<code class="highlighter-rouge">twitter</code>、<code class="highlighter-rouge">facebook</code>等是用来显示网站右下角的社交按钮的,如下图所示。
<img src="http://ww4.sinaimg.cn/large/81b78497jw1emgscr3575j2078050jrc.jpg" alt="" /></p>
</li>
<li>
<p><strong>目录 toc</strong>
是否启用在文章中或侧边栏中的目录功能。二者可以都为<code class="highlighter-rouge">true</code>或都为<code class="highlighter-rouge">false</code>。同时,如果你希望在特定的某一篇文章中关闭目录功能你可以在文章文件开头中的<code class="highlighter-rouge">front-matter</code>中加上一行<code class="highlighter-rouge">toc: false</code>。</p>
</li>
<li>
<p><strong>评论 comments</strong>
填写<code class="highlighter-rouge">duoshuo_shortname</code><a href="http://duoshuo.com/">多说</a>的用户名,启用多说评论系统。在大陆地区更好用的评论系统。</p>
</li>
</ul>
<p>填写<code class="highlighter-rouge">disqus_shortname</code><a href="http://disqus.com/">disqus</a> 的用户名,启用 disqus 评论系统。国际上更广泛使用的评论系统。设置博客根目录下的<code class="highlighter-rouge">_config.yml</code>文件中的<code class="highlighter-rouge">disqus_shortname</code>同样也能开启该功能。</p>
<ul>
<li>
<p><strong>加网分享 jiathis</strong>
<a href="http://www.jiathis.com/">加网</a>分享系统。默认关闭,因为主题已经内置了原生的分享功能。</p>
</li>
<li>
<p><strong>网站统计 Analytics</strong>
<code class="highlighter-rouge">google_analytics</code>:Google Analytics追踪代码。请注意:Google Analytics已经升级到了Universal Analytics。请先前往后台升级你的Google Analytics版本后再启用追踪代码,更多信息请<a href="https://developers.google.com/analytics/devguides/collection/upgrade/?hl=zh_CN">点击这里</a>了解。</p>
</li>
</ul>
<p><code class="highlighter-rouge">baidu_tongji</code>:百度统计功能。需要填写站点特征码<code class="highlighter-rouge">sitecode</code>,在<a href="http://tongji.baidu.com/web/welcome/login">官网</a>注册并配置站点后,获取特征码。特征码可以在「网站中心」-> 「代码获取」中查看,如下图所示的<code class="highlighter-rouge">e6d1f421bbc9962127a50488f9ed37d1</code>,注意去掉前面的<code class="highlighter-rouge">3F</code>。
<img src="http://ww4.sinaimg.cn/large/81b78497jw1emf4v6qf91j20kf07sq8v.jpg" alt="" /></p>
<p><code class="highlighter-rouge">cnzz_tongji</code>:站长统计功能。需要填写站点ID<code class="highlighter-rouge">siteid</code>,同理在<a href="http://www.cnzz.com">站长官网</a>注册并配置站点后获得。</p>
<ul>
<li>
<p><strong>数学公式 mathjax</strong>
主题支持写 LaTex 数学公式。只需要在文章文件开头的<code class="highlighter-rouge">front-matter</code>中,加上一行<code class="highlighter-rouge">mathjax: true</code>,即可在文中写 LaTex 公式。</p>
</li>
<li>
<p><strong>图片浏览 fancybox</strong>
默认关闭,如果你经常发表 Gallery 类型的文章,那么请设置为<code class="highlighter-rouge">true</code>。</p>
</li>
<li>
<p><strong>返回顶部 totop</strong>
右下角<code class="highlighter-rouge">返回顶部</code>按钮,默认开启。</p>
</li>
<li>
<p><strong>自定义搜索 Search</strong>
<code class="highlighter-rouge">baidu_search</code>:如果开启百度站内搜索需要登录 <a href="http://zn.baidu.com/">百度站内搜索</a>,配置好你的站点,并开启站内搜索获取搜索ID,另外<code class="highlighter-rouge">site</code>属性可以填默认值,也可以填自己做了CNAME的二级域名,更详细的可以阅读<a href="http://gengbiao.me/hexo/hexo%E6%B7%BB%E5%8A%A0%E7%99%BE%E5%BA%A6%E7%AB%99%E5%86%85%E6%90%9C%E7%B4%A2/">这篇博客</a>了解。</p>
</li>
</ul>
<p><code class="highlighter-rouge">google_cse</code>:如果开启谷歌自定义搜索需要先登录 <a href="https://www.google.com/cse/">Google CSE</a>,配置好你的站点,并获得此自定义搜索的ID。此外你需要在博客目录下建立<code class="highlighter-rouge">search</code>文件夹并包含一个<code class="highlighter-rouge">index.md</code>文件。内容为:</p>
<div class="highlighter-rouge"><pre class="highlight"><code> layout: search
title: search
---
</code></pre>
</div>
<p><code class="highlighter-rouge">tiny_search</code>: 如果要开启<a href="http://tinysou.com/">微搜索</a>,需要先注册一个帐号,配置一个Engine,将Engine的Key填入配置文件中的<code class="highlighter-rouge">id</code>即可。</p>
<h2 id="常见问题">常见问题</h2>
<ul>
<li>
<p><strong>Q:图片默认都是居左的,我怎么设置能让图片居中呢?</strong></p>
<blockquote>
<p>使用 <code class="highlighter-rouge"><img src="" style="display:block;margin:auto"/></code>的HTML标签。</p>
</blockquote>
</li>
<li>
<p><strong>Q:如何建立一篇图片类文章(Gallery Post)?</strong></p>
<blockquote>
<p>直接新建一个 Markdown 文件,将其<code class="highlighter-rouge">front-matter</code>修改为如下,即可看到主题为图片类文章提供的样式。</p>
<div class="highlighter-rouge"><pre class="highlight"><code>---
layout: photo
title: Gallery Post
photos:
- http://i.minus.com/ibobbTlfxZgITW.jpg
- http://i.minus.com/iedpg90Y0exFS.jpg
---
</code></pre>
</div>
</blockquote>
</li>
<li>
<p><strong>Q:我在配置文件中给某一项设置了值,但为什么总是看不到效果啊?</strong></p>
<blockquote>
<p><code class="highlighter-rouge">_config.yml</code>文件中的每个属性值前面必须留一个空格,建议在 Sublime/Notepad++ 中开启显示所有空格模式。另每篇文章的 <code class="highlighter-rouge">front-matter</code> 也要注意这个问题。</p>
</blockquote>
</li>
<li>
<p><strong>Q:怎么提意见和建议?</strong></p>
<blockquote>
<p>主题还在不断完善中,欢迎 <a href="https://github.com/Simpleyyt/jekyll-jacman/issues">open issue</a> 来提建议,参与讨论。</p>
</blockquote>
</li>
<li>
<p><strong>Q:为什么我修改了配置文件/发表了博文,解析出来的却是乱码呢?</strong></p>
<blockquote>
<p>请将你的配置文件/markdown文件保存成 <code class="highlighter-rouge">UTF-8</code> 格式。</p>
</blockquote>
</li>
<li>
<p><strong>Q:为什么开启了微博秀后,显示是空白的,没有内容展示?</strong></p>
<blockquote>
<p>每次修改参数都会这样,需要多刷新几次或者上传到服务器上就好了。</p>
</blockquote>
</li>
</ul>
Emoji Test2015-09-19T00:00:00+00:00http://simpleyyt.github.io/jekyll-jacman/2015/09/19/emoji-test<p>This is an emoji test. :smile:</p>
<p>:bowtie::smile::laughing::blush::smiley::relaxed::smirk:
:heart_eyes::kissing_heart::kissing_closed_eyes::flushed::relieved::satisfied::grin:</p>
Gallery Post2014-11-18T15:45:20+00:00http://simpleyyt.github.io/jekyll-jacman/photo/2014/11/18/gallery-post<p>Nunc dignissim volutpat enim, non sollicitudin purus dignissim id. Nam sit amet urna eu velit lacinia eleifend. Proin auctor rhoncus ligula nec aliquet. Donec sodales molestie lacinia. Curabitur dictum faucibus urna at convallis. Aliquam in lectus at urna rutrum porta. In lacus arcu, molestie ut vestibulum ut, rhoncus sed eros. Sed et elit vitae risus pretium consectetur vel in mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tempus turpis quis lectus rhoncus adipiscing. Proin pulvinar placerat suscipit. Maecenas imperdiet, quam vitae varius auctor, enim mauris vulputate sapien, nec laoreet neque diam non quam.</p>
<!-- more -->
<p><img src="http://ww1.sinaimg.cn/large/81b78497jw1emfgts2pt4j21hc0u0k1c.jpg" alt="Wallbase - dgnfly (wallbase.cc/wallpaper/1384450)" /></p>
<p>Etiam luctus mauris at mi sollicitudin quis malesuada nibh porttitor. Vestibulum non dapibus magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin feugiat hendrerit viverra. Phasellus sit amet nunc mauris, eu ultricies tellus. Sed a mi tortor, eleifend varius erat. Proin consectetur molestie tortor eu gravida. Cras placerat orci id arcu tristique ut rutrum justo pulvinar. Maecenas lacinia fringilla diam non bibendum. Aenean vel viverra turpis. Integer ut leo nisi. Pellentesque vehicula quam ut sapien convallis consequat. Aliquam ut arcu purus, eget tempor purus. Integer eu tellus quis erat tristique gravida eu vel lorem.</p>
MathJax with Jekyll2014-02-16T00:00:00+00:00http://simpleyyt.github.io/jekyll-jacman/opinion/2014/02/16/Mathjax-with-jekyll<p>One of the rewards of switching my website to <a href="http://jekyllrb.com/">Jekyll</a> is the
ability to support <strong>MathJax</strong>, which means I can write LaTeX-like equations that get
nicely displayed in a web browser, like this one \( \sqrt{\frac{n!}{k!(n-k)!}} \) or
this one \( x^2 + y^2 = r^2 \).</p>
<!--more-->
<p><img class="centered" src="https://www.mathjax.org/badge/mj-logo.svg" /></p>
<h3 id="whats-mathjax">What’s MathJax?</h3>
<p>If you check MathJax website <a href="http://www.mathjax.org/">(www.mathjax.org)</a> you’ll see
that it <em>is an open source JavaScript display engine for mathematics that works in all
browsers</em>.</p>
<h3 id="how-to-implement-mathjax-with-jekyll">How to implement MathJax with Jekyll</h3>
<p>I followed the instructions described by Dason Kurkiewicz for
<a href="http://dasonk.github.io/blog/2012/10/09/Using-Jekyll-and-Mathjax/">using Jekyll and Mathjax</a>.</p>
<p>Here are some important details. I had to modify the Ruby library for Markdown in
my <code class="highlighter-rouge">_config.yml</code> file. Now I’m using redcarpet so the corresponding line in the
configuration file is: <code class="highlighter-rouge">markdown: redcarpet</code></p>
<p>To load the MathJax javascript, I added the following lines in my layout <code class="highlighter-rouge">page.html</code>
(located in my folder <code class="highlighter-rouge">_layouts</code>)</p>
<figure class="highlight"><pre><code class="language-r" data-lang="r"><span class="o"><</span><span class="n">script</span><span class="w"> </span><span class="n">type</span><span class="o">=</span><span class="s2">"text/javascript"</span><span class="w">
</span><span class="n">src</span><span class="o">=</span><span class="s2">"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"</span><span class="o">></span><span class="w">
</span><span class="o"></</span><span class="n">script</span><span class="o">></span></code></pre></figure>
<p>Of course you can choose a different file location in your jekyll layouts.</p>
<h3 id="a-couple-of-examples">A Couple of Examples</h3>
<p>Here’s a short list of examples. To know more about the details behind MathJax, you can
always checked the provided documentation available at
<a href="http://docs.mathjax.org/en/latest/">http://docs.mathjax.org/en/latest/</a></p>
<p>I’m assuming you are familiar with LaTeX. However, you should know that MathJax does not
have the exactly same behavior as LaTeX. By default, the <strong>tex2jax</strong> preprocessor defines the
LaTeX math delimiters, which are <code class="highlighter-rouge">\\(...\\)</code> for in-line math, and <code class="highlighter-rouge">\\[...\\]</code> for
displayed equations. It also defines the TeX delimiters <code class="highlighter-rouge">$$...$$</code> for displayed
equations, but it does not define <code class="highlighter-rouge">$...$</code> as in-line math delimiters. Fortunately,
you can change these predefined specifications if you want to do so.</p>
<p>Let’s try a first example. Here’s a dummy equation:</p>
<script type="math/tex; mode=display">a^2 + b^2 = c^2</script>
<p>How do you write such expression? Very simple: using <strong>double dollar</strong> signs</p>
<figure class="highlight"><pre><code class="language-r" data-lang="r"><span class="o">$$</span><span class="n">a</span><span class="o">^</span><span class="m">2</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="n">b</span><span class="o">^</span><span class="m">2</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">c</span><span class="o">^</span><span class="m">2</span><span class="o">$$</span></code></pre></figure>
<p>To display inline math use <code class="highlighter-rouge">\\( ... \\)</code> like this <code class="highlighter-rouge">\\( sin(x^2) \\)</code> which gets
rendered as \( sin(x^2) \)</p>
<p>Here’s another example using type <code class="highlighter-rouge">\mathsf</code></p>
<figure class="highlight"><pre><code class="language-r" data-lang="r"><span class="o">$$</span><span class="w"> </span><span class="err">\</span><span class="n">mathsf</span><span class="p">{</span><span class="n">Data</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="n">PCs</span><span class="p">}</span><span class="w"> </span><span class="err">\</span><span class="n">times</span><span class="w"> </span><span class="err">\</span><span class="n">mathsf</span><span class="p">{</span><span class="n">Loadings</span><span class="p">}</span><span class="w"> </span><span class="o">$$</span></code></pre></figure>
<p>which gets displayed as</p>
<script type="math/tex; mode=display">\mathsf{Data = PCs} \times \mathsf{Loadings}</script>
<p>Or even better:</p>
<figure class="highlight"><pre><code class="language-r" data-lang="r"><span class="err">\\</span><span class="p">[</span><span class="w"> </span><span class="err">\</span><span class="n">mathbf</span><span class="p">{</span><span class="n">X</span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="err">\</span><span class="n">mathbf</span><span class="p">{</span><span class="n">Z</span><span class="p">}</span><span class="w"> </span><span class="err">\</span><span class="n">mathbf</span><span class="p">{</span><span class="n">P</span><span class="o">^</span><span class="err">\</span><span class="n">mathsf</span><span class="p">{</span><span class="nb">T</span><span class="p">}}</span><span class="w"> </span><span class="err">\\</span><span class="p">]</span></code></pre></figure>
<p>is displayed as</p>
<p>\[ \mathbf{X} = \mathbf{Z} \mathbf{P^\mathsf{T}} \]</p>
<p>If you want to use subscripts like this \( \mathbf{X}_{n,p} \) you need to scape the
underscores with a backslash like so <code class="highlighter-rouge">\mathbf{X}\_{n,p}</code>:</p>
<figure class="highlight"><pre><code class="language-r" data-lang="r"><span class="o">$$</span><span class="w"> </span><span class="err">\</span><span class="n">mathbf</span><span class="p">{</span><span class="n">X</span><span class="p">}</span><span class="err">\_</span><span class="p">{</span><span class="n">n</span><span class="p">,</span><span class="n">p</span><span class="p">}</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="err">\</span><span class="n">mathbf</span><span class="p">{</span><span class="n">A</span><span class="p">}</span><span class="err">\_</span><span class="p">{</span><span class="n">n</span><span class="p">,</span><span class="n">k</span><span class="p">}</span><span class="w"> </span><span class="err">\</span><span class="n">mathbf</span><span class="p">{</span><span class="n">B</span><span class="p">}</span><span class="err">\_</span><span class="p">{</span><span class="n">k</span><span class="p">,</span><span class="n">p</span><span class="p">}</span><span class="w"> </span><span class="o">$$</span></code></pre></figure>
<p>will be displayed as</p>
<p>\[ \mathbf{X}_{n,p} = \mathbf{A}_{n,k} \mathbf{B}_{k,p} \]</p>
Images2013-12-26T22:46:49+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/26/images<p>This is a image test post.</p>
<p><img src="http://ww1.sinaimg.cn/mw690/81b78497jw1emfgwkasznj21hc0u0qb7.jpg" alt="" /></p>
<p><img src="http://ww3.sinaimg.cn/mw690/81b78497jw1emfgwjrh2pj21hc0u01g3.jpg" alt="Caption" /></p>
<p><img src="http://ww2.sinaimg.cn/mw690/81b78497jw1emfgwil5xkj21hc0u0tpm.jpg" alt="" /></p>
<p><img src="http://placehold.it/350x150.jpg" alt="Small Picture" /></p>
Excerpts2013-12-25T00:23:23+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/25/excerpts<p>The following contents should be invisible in home/archive page.</p>
<!-- more -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget urna vitae velit eleifend interdum at ac nisi. In nec ligula lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu cursus erat, ut dapibus quam. Aliquam eleifend dolor vitae libero pharetra adipiscing. Etiam adipiscing dolor a quam tempor, eu convallis nulla varius. Aliquam sollicitudin risus a porta aliquam. Ut nec velit dolor. Proin eget leo lobortis, aliquam est sed, mollis mauris. Fusce vitae leo pretium massa accumsan condimentum. Fusce malesuada gravida lectus vel vulputate. Donec bibendum porta nibh ut aliquam.</p>
<p>Sed lorem felis, congue non fringilla eu, aliquam eu eros. Curabitur orci libero, mollis sed semper vitae, adipiscing in lectus. Aenean non egestas odio. Donec sollicitudin nisi quis lorem gravida, in pharetra mauris fringilla. Duis sit amet faucibus dolor, id aliquam neque. In egestas, odio gravida tempor dictum, mauris felis faucibus purus, sit amet commodo lacus diam vitae est. Ut ut quam eget massa semper sodales. Aenean non ipsum cursus, blandit lectus in, ornare odio. Curabitur ultrices porttitor vulputate.</p>
Block2013-12-25T00:14:39+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/25/block<p>This post is used for testing tag plugins. See <a href="http://zespia.tw/hexo/docs/tag-plugins.html">docs</a> for more info.</p>
<h2 id="block-quote">Block Quote</h2>
<h3 id="normal-blockquote">Normal blockquote</h3>
<blockquote>
<p>Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.</p>
</blockquote>
<h2 id="code-block">Code Block</h2>
<h3 id="normal-code-block">Normal code block</h3>
<div class="highlighter-rouge"><pre class="highlight"><code>alert('Hello World!');
</code></pre>
</div>
<div class="highlighter-rouge"><pre class="highlight"><code>print "Hello world"
</code></pre>
</div>
<h3 id="highlight-code-block">Highlight code block</h3>
<div class="language-python highlighter-rouge"><pre class="highlight"><code><span class="k">print</span> <span class="s">"Hello world"</span>
</code></pre>
</div>
<figure 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">'foo'</span>
<span class="k">end</span></code></pre></figure>
<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><table style="border-spacing: 0"><tbody><tr><td class="gutter gl" style="text-align: right"><pre class="lineno">1
2
3</pre></td><td class="code"><pre><span class="k">def</span> <span class="nf">foo</span>
<span class="nb">puts</span> <span class="s1">'foo'</span>
<span class="k">end</span><span class="w">
</span></pre></td></tr></tbody></table></code></pre></figure>
<h3 id="gist">Gist</h3>
<script src="https://gist.github.com/996818.js"> </script>
日本語テスト2013-12-24T23:33:26+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/24/日本語テスト<p>This is a Japanese test post.</p>
<p>私は昨日ついにその助力家というのの上よりするたなけれ。</p>
<p>最も今をお話団はちょうどこの前後なかろでくらいに困りがいるたをは帰着考えたなかって、そうにもするでうたらない。</p>
<p>がたを知っないはずも同時に九月をいよいよたありた。</p>
<p>もっと槙さんにぼんやり金少し説明にえた自分大した人私か影響にというお関係たうませないが、この次第も私か兄具合に使うて、槙さんののに当人のあなたにさぞご意味と行くて私個人が小尊敬を聴いように同時に同反抗に集っだうて、いよいよまず相当へあっうからいだ事をしでなけれ。</p>
<blockquote>
<p>それでそれでもご時日をしはずはたったいやと突き抜けるますて、その元がは行ったてという獄を尽すていけですた。</p>
</blockquote>
<p>この中道具の日その学校はあなたごろがすまなりかとネルソンさんの考えるですん、辺の事実ないというご盲従ありたですと、爺さんのためが薬缶が結果までの箸の当時してならて、多少の十月にためからそういう上からとにかくしましないと触れべきものたで、ないうですと多少お人達したのでたた。</p>
<p><em>From <a href="http://lipsum.sugutsukaeru.jp/index.cgi">すぐ使えるダミーテキスト - 日本語 Lorem ipsum</a></em></p>
中文測試2013-12-24T23:31:30+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/24/中文測試<p>This is a Chinese test post.</p>
<p>善我王上魚、產生資西員合兒臉趣論。畫衣生這著爸毛親可時,安程幾?合學作。觀經而作建。都非子作這!法如言子你關!手師也。</p>
<p>以也座論頭室業放。要車時地變此親不老高小是統習直麼調未,行年香一?</p>
<p>就竟在,是我童示讓利分和異種百路關母信過明驗有個歷洋中前合著區亮風值新底車有正結,進快保的行戰從:弟除文辦條國備當來際年每小腳識世可的的外的廣下歌洲保輪市果底天影;全氣具些回童但倒影發狀在示,數上學大法很,如要我……月品大供這起服滿老?應學傳者國:山式排只不之然清同關;細車是!停屋常間又,資畫領生,相們制在?公別的人寫教資夠。資再我我!只臉夫藝量不路政吃息緊回力之;兒足灣電空時局我怎初安。意今一子區首者微陸現際安除發連由子由而走學體區園我車當會,經時取頭,嚴了新科同?很夫營動通打,出和導一樂,查旅他。坐是收外子發物北看蘭戰坐車身做可來。道就學務。</p>
<p>國新故。</p>
<blockquote>
<p>工步他始能詩的,裝進分星海演意學值例道……於財型目古香亮自和這乎?化經溫詩。只賽嚴大一主價世哥受的沒有中年即病行金拉麼河。主小路了種就小為廣不?</p>
</blockquote>
<p><em>From <a href="http://www.richyli.com/tool/loremipsum/">亂數假文產生器 - Chinese Lorem Ipsum</a></em></p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam justo turpis, tincidunt ac convallis id.2013-12-24T23:31:06+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/24/long-title<p>This post has a long title. Make sure the title displayed right.</p>
Categories2013-12-24T23:30:09+00:00http://simpleyyt.github.io/jekyll-jacman/foo/bar/baz/2013/12/24/categories<p>This post contains 3 categories. Make sure your theme can display all of the categories.</p>
Link Post2013-12-24T23:30:04+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/24/link-post<p>This is a link post. Clicking on the link should open <a href="http://www.google.com/">Google</a> in a new tab or window.</p>
Tags2013-12-24T23:29:53+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/24/tags<p>This post contains 3 tags. Make sure your theme can display all of the tags.</p>
Elements2013-12-24T23:29:08+00:00http://simpleyyt.github.io/jekyll-jacman/2013/12/24/elements<p>The purpose of this post is to help you make sure all of HTML elements can display properly. If you use CSS reset, don’t forget to redefine the style by yourself.</p>
<hr />
<h1 id="heading-1">Heading 1</h1>
<h2 id="heading-2">Heading 2</h2>
<h3 id="heading-3">Heading 3</h3>
<h4 id="heading-4">Heading 4</h4>
<h5 id="heading-5">Heading 5</h5>
<h6 id="heading-6">Heading 6</h6>
<hr />
<h2 id="paragraph">Paragraph</h2>
<p>Lorem ipsum dolor sit amet, <a href="">test link</a> consectetur adipiscing elit. <strong>Strong text</strong> pellentesque ligula commodo viverra vehicula. <em>Italic text</em> at ullamcorper enim. Morbi a euismod nibh. <u>Underline text</u> non elit nisl. <del>Deleted text</del> tristique, sem id condimentum tempus, metus lectus venenatis mauris, sit amet semper lorem felis a eros. Fusce egestas nibh at sagittis auctor. Sed ultricies ac arcu quis molestie. Donec dapibus nunc in nibh egestas, vitae volutpat sem iaculis. Curabitur sem tellus, elementum nec quam id, fermentum laoreet mi. Ut mollis ullamcorper turpis, vitae facilisis velit ultricies sit amet. Etiam laoreet dui odio, id tempus justo tincidunt id. Phasellus scelerisque nunc sed nunc ultricies accumsan.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. <code class="highlighter-rouge">Sed erat diam</code>, blandit eget felis aliquam, rhoncus varius urna. Donec tellus sapien, sodales eget ante vitae, feugiat ullamcorper urna. Praesent auctor dui vitae dapibus eleifend. Proin viverra mollis neque, ut ullamcorper elit posuere eget.</p>
<blockquote>
<p>Praesent diam elit, interdum ut pulvinar placerat, imperdiet at magna.</p>
</blockquote>
<p>Maecenas ornare arcu at mi suscipit, non molestie tortor ultrices. Aenean convallis, diam et congue ultricies, erat magna tincidunt orci, pulvinar posuere mi sapien ac magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent vitae placerat mauris. Nullam laoreet ante posuere tortor blandit auctor. Sed id ligula volutpat leo consequat placerat. Mauris fermentum dolor sed augue malesuada sollicitudin. Vivamus ultrices nunc felis, quis viverra orci eleifend ut. Donec et quam id urna cursus posuere. Donec elementum scelerisque laoreet.</p>
<h2 id="list-types">List Types</h2>
<h3 id="definition-list-dl">Definition List (dl)</h3>
<dl><dt>Definition List Title</dt><dd>This is a definition list division.</dd></dl>
<h3 id="ordered-list-ol">Ordered List (ol)</h3>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>
<h3 id="unordered-list-ul">Unordered List (ul)</h3>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<h2 id="table">Table</h2>
<table>
<thead>
<tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
</tbody>
</table>
<h2 id="misc-stuff---abbr-acronym-sub-sup-etc">Misc Stuff - abbr, acronym, sub, sup, etc.</h2>
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>