gromit’s blog

LaTex formula

2017-04-11T00:00:00+00:00

摘要：LaTex公式汇总速查

1.强调模式 2.希腊字母 3.二元运算 4.关系运算 5.箭头符号 6.杂类符号 7.特殊符号 8.曲线函数 9.分隔符号 10.数学结构 11.AMS希腊字母 12.AMS分隔符号 13.AMS箭头符号 14.AMS二元关系符 15.AMS二元操作符 16.AMS杂类符号

由于在写电子笔记的时候经常要写入公式，MS全家桶的公式编辑器虽然容易上手够用，但是在较复杂的公式上书写不自如，尽管LaTex公式比较复杂，但是付出了刚上手的学习成本之后就能行云流水了，加上Markdown支持LaTex公式，而且它语法不像LaTex复杂，也不需要编译，俩合一起简直就是行云流水小进攻。下面就是一些LaTex公式的书写，这么多很常用的肯定是要记的，其它的到时候查吧，但也不需要刻意记，无他，唯手熟尔。

<h2 id="1">强调模式</h2>

$\hat{a} \text{\hat{a}} \acute{a} \text{\acute{a}} \bar{a} \text{\bar{a}} \dot{a} \text{\dot{a}} \breve{a} \text{\breve{a}}
\check{a} \text{\check{a}} \grave{a} \text{\grave{a}} \vec{a} \text{\vec{a}} \ddot{a} \text{\ddot{a}} \tilde{a} \text{\tilde{a}}$

<h2 id="2">希腊字母</h2>

$\alpha \text{\alpha} \beta \text{\beta} \gamma \text{\gamma} \delta \text{\delta} \epsilon \text{\epsilon}
\varepsilon \text{\varepsilon} \zeta \text{\zeta} \eta \text{\eta} \theta \text{\theta} \vartheta \text{\vartheta}
\iota \text{\iota} \kappa \text{\kappa} \lambda \text{\lambda} \mu \text{\mu} \nu \text{\nu}
\xi \text{\xi} o \text{o} \pi \text{\pi} \varpi \text{\varpi} \rho \text{\rho}
\varrho \text{\varrho} \sigma \text{\sigma} \varsigma \text{\varsigma} \tau \text{\tau} \upsilon \text{\upsilon}
\phi \text{\phi} \varphi \text{\varphi} \chi \text{\chi} \psi \text{\psi} \omega \text{\omega}
\Gamma \text{\Gamma} \Delta \text{\Delta} \Theta \text{\Theta} \Lambda \text{\Lambda} \Xi \text{\Xi}
\Pi \text{\Pi} \Sigma \text{\Sigma} \Upsilon \text{\Upsilon} \Phi \text{\Phi} \Psi \text{\Psi}
\Omega \text{\Omega} $

<h2 id="3">二元运算</h2>

$\pm \text{\pm} \cap \text{\cap} \diamond \text{\diamond} \oplus \text{\oplus} \mp \text{\mp}
\cup \text{\cup} \bigtriangleup \text{\bigtriangleup} \ominus \text{\ominus} \times \text{\times} \uplus \text{\uplus}
\bigtriangledown \text{\bigtriangledown} \otimes \text{\otimes} \div \text{\div} \sqcap \text{\sqcap} \triangleleft \text{\triangleleft}
\oslash \text{\oslash} \ast \text{\ast} \sqcup \text{\sqcup} \triangleright \text{\triangleright} \odot \text{\odot}
\star \text{\star} \vee \text{\vee} \lhd \text{\lhd}^{a} \bigcirc \text{\bigcirc} \circ \text{\circ}
\wedge \text{\wedge} \rhd \text{\rhd}^{a} \dagger \text{\dagger} \bullet \text{\bullet} \setminus \text{\setminus}
\unlhd \text{\unlhd}^{a} \ddagger \text{\ddagger} \cdot \text{\cdot} \wr \text{\wr} \unrhd \text{\unrhd}^{a} $

<h2 id="4">关系运算</h2>

$\leq \text{\leq,\le} \geq \text{\geq,\ge} \equiv \text{\equiv} \models \text{\models} \prec \text{\prec}
\succ \text{\succ} \sim \text{\sim} \perp \text{\perp} \preceq \text{\preceq} \succeq \text{\succeq}
\simeq \text{\simeq} \mid \text{\mid} \ll \text{\ll} \gg \text{\gg} \asymp \text{\asymp}
\parallel \text{\parallel} \subset \text{\subset} \supset \text{\supset} \approx \text{\approx} \bowtie \text{\bowtie}
\subseteq \text{\subseteq} \supseteq \text{\supseteq} \cong \text{\cong} \Join \text{\Join} \sqsubset \text{\sqsubset}
\sqsupset \text{\sqsupset} \neq \text{\neq} \smile \text{\smile} \sqsubseteq \text{\sqsubseteq} \sqsupseteq \text{\sqsupseteq}
\doteq \text{\doteq} \frown \text{\frown} \in \text{\in} \ni \text{\ni} \propto \text{\propto}
= \text{=} \vdash \text{\vdash} \dashv \text{\dashv} < \text{<} \text{>} $

<h2 id="5">箭头符号</h2>

$\leftarrow \text{\leftarrow} \longleftarrow \text{\longleftarrow} \uparrow \text{\uparrow} \Leftarrow \text{\Leftarrow} \Longleftarrow \text{\Longleftarrow}
\Uparrow \text{\Uparrow} \rightarrow \text{\rightarrow} \longrightarrow \text{\longrightarrow} \downarrow \text{\downarrow} \Rightarrow \text{\Rightarrow}
\Longrightarrow \text{\Longrightarrow} \Downarrow \text{\Downarrow} \leftrightarrow \text{\leftrightarrow} \longleftrightarrow \text{\longleftrightarrow} \updownarrow \text{\updownarrow}
\Leftrightarrow \text{\Leftrightarrow} \Longleftrightarrow \text{\Longleftrightarrow} \Updownarrow \text{\Updownarrow} \mapsto \text{\mapsto} \longmapsto \text{\longmapsto}
\nearrow \text{\nearrow} \hookleftarrow \text{\hookleftarrow} \hookrightarrow \text{\hookrightarrow} \searrow \text{\searrow} \leftharpoonup \text{\leftharpoonup}
\rightharpoonup \text{\rightharpoonup} \swarrow \text{\swarrow} \leftharpoondown \text{\leftharpoondown} \rightharpoondown \text{\rightharpoondown} \nwarrow \text{\nwarrow} \$

<h2 id="6">杂类符号</h2>

$\ldots \text{\ldots} \cdots \text{\cdots} \vdots \text{\vdots} \ddots \text{\ddots} \aleph \text{\aleph}
\prime \text{\prime} \forall \text{\forall} \infty \text{\infty} \hbar \text{\hbar} \emptyset \text{\emptyset}
\exists \text{\exists} \nabla \text{\nabla} \surd \text{\surd} \Box \text{\Box}^{a} \triangle \text{\triangle}
\Diamond \text{\Diamond}^{a} \imath \text{\imath} \jmath \text{\jmath} \ell \text{\ell} \neg \text{\neg}
\top \text{\top} \flat \text{\flat} \natural \text{\natural} \sharp \text{\sharp} \wp \text{\wp}
\bot \text{\bot} \clubsuit \text{\clubsuit} \diamondsuit \text{\diamondsuit} \heartsuit \text{\heartsuit} \spadesuit \text{\spadesuit}
\mho \text{\mho}^{a} \Re \text{\Re} \Im \text{\Im} \angle \text{\angle} \partial \text{\partial} \$

<h2 id="7">特殊符号</h2>

$\sum \text{\sum} \prod \text{\prod} \coprod \text{\coprod} \int \text{\int} \oint \text{\oint}
\bigcap \text{\bigcap} \bigcup \text{\bigcup} \bigsqcup \text{\bigsqcup} \bigvee \text{\bigvee} \bigwedge \text{\bigwedge}
\bigodot \text{\bigodot} \bigotimes \text{\bigotimes} \bigoplus \text{\bigoplus} \biguplus \text{\biguplus} \$

<h2 id="8">曲线函数</h2>

$\text{\arccos} \text{\cos} \text{\csc} \text{\exp} \text{\ker} \text{\limsup} \text{\min} \text{\sinh}
\text{\arcsin} \text{\cosh} \text{\deg} \text{\gcd} \text{\lg} \text{\ln} \text{\Pr} \text{\sup}
\text{\arctan} \text{\cot} \text{\det} \text{\hom} \text{\lim} \text{\log} \text{\sec} \text{\tan}
\text{\arg} \text{\coth} \text{\dim} \text{\inf} \text{\liminf} \text{\max} \text{\sin} \text{\tanh} \$

<h2 id="9">分隔符号</h2>

$\uparrow \text{\uparrow} \Uparrow \text{\Uparrow} \downarrow \text{\downarrow} \Downarrow \text{\Downarrow}ensp; { \text{{}
} \text{}} \updownarrow \text{\updownarrow} \Updownarrow \text{\Updownarrow}ensp; \lfloor \text{\lfloor} \rfloor \text{\rfloor}
\lceil \text{\lceil} \rceil \text{\rceil} \langle \text{\langle} \rangle \text{\rangle} / \text{/}
\backslash \text{\backslash} | \text{|} | \text{|} \rmoustache \text{\rmoustache} \lmoustache \text{\lmoustache}
\rgroup \text{\rgroup} \lgroup \text{\lgroup} \arrowvert \text{\arrowvert} \Arrowvert \text{\Arrowvert} \bracevert \text{\bracevert} $

<h2 id="10">数学结构</h2>

$\widetilde{abc} \text{\widetilde{abc}} \widehat{abc} \text{\widehat{abc}} \overleftarrow{abc} \text{\overleftarrow{abc}} \overrightarrow{abc} \text{\overrightarrow{abc}}
\overline{abc} \text{\overline{abc}} \underline{abc} \text{\underline{abc}} \overbrace{abc} \text{\overbrace{abc}} \underbrace{abc} \text{\underbrace{abc}}
\sqrt{abc} \text{\sqrt{abc}} \sqrt[n]{abc} \text{\sqrt[n]{abc}} f’ \text{f’} \frac{abc}{xyz} \text{\frac{abc}{xyz}} $

<h2 id="11">AMS希腊字母</h2>

$\digamma \text{\digamma} \varkappa \text{\varkappa} \beth \text{\beth} \daleth \text{\daleth} \gimel \text{\gimel} $

<h2 id="12">AMS分隔符号</h2>

$\ulcorner \text{\ulcorner} \urcorner \text{\urcorner} \llcorner \text{\llcorner} \lrcorner \text{\lrcorner} $

<h2 id="13">AMS箭头符号</h2>

$\Rrightarrow \text{\Rrightarrow} \rightsquigarrow \text{\rightsquigarrow} \leftleftarrows \text{\leftleftarrows} \leftrightarrows \text{\leftrightarrows}
\Lleftarrow \text{\Lleftarrow} \twoheadleftarrow \text{\twoheadleftarrow} \leftarrowtail \text{\leftarrowtail} \looparrowleft \text{\looparrowleft}
\leftrightharpoons \text{\leftrightharpoons} \curvearrowleft \text{\curvearrowleft} \circlearrowleft \text{\circlearrowleft} \Lsh \text{\Lsh}
\upuparrows \text{\upuparrows} \upharpoonleft \text{\upharpoonleft} \downharpoonleft \text{\downharpoonleft} \multimap \text{\multimap}
\leftrightsquigarrow \text{\leftrightsquigarrow} \rightleftarrows \text{\rightleftarrows} \rightrightarrows \text{\rightrightarrows} \twoheadrightarrow \text{\twoheadrightarrow}
\rightarrowtail \text{\rightarrowtail} \looparrowright \text{\looparrowright} \rightleftharpoons \text{\rightleftharpoons} \curvearrowright \text{\curvearrowright}
\circlearrowright \text{\circlearrowright} \Rsh \text{\Rsh} \downdownarrows \text{\downdownarrows} \downharpoonright \text{\downharpoonright}
\upharpoonright \text{\upharpoonright} \restriction \text{\restriction} \nleftarrow \text{\nleftarrow} \nrightarrow \text{\nrightarrow} \nLeftarrow \text{\nLeftarrow}
\nRightarrow \text{\nRightarrow} \nleftrightarrow \text{\nleftrightarrow} \nLeftrightarrow \text{\nLeftrightarrow} $

<h2 id="14">AMS二元关系符</h2>

$\leqq \text{\leqq} \leqslant \text{\leqslant} \eqslantless \text{\eqslantless} \lesssim \text{\lesssim}
\lessapprox \text{\lessapprox} \approxeq \text{\approxeq} \lessdot \text{\lessdot} \lll \text{\lll,\llless}
\lessgtr \text{\lessgtr} \lesseqgtr \text{\lesseqgtr} \lesseqqgtr \text{\lesseqqgtr} \doteqdot \text{\doteqdot,\Doteq}
\risingdotseq \text{\risingdotseq} \fallingdotseq \text{\fallingdotseq} \backsim \text{\backsim} \backsimeq \text{\backsimeq}
\subseteqq \text{\subseteqq} \Subset \text{\Subset} \sqsubset \text{\sqsubset} \preccurlyeq \text{\preccurlyeq}
\curlyeqprec \text{\curlyeqprec} \precsim \text{\precsim} \precapprox \text{\precapprox} \vartriangleleft \text{\vartriangleleft}
\trianglelefteq \text{\trianglelefteq} \vDash \text{\vDash} \Vvdash \text{\Vvdash} \smallsmile \text{\smallsmile}
\smallfrown \text{\smallfrown} \bumpeq \text{\bumpeq} \Bumpeq \text{\Bumpeq} \geqq \text{\geqq}
\geqslant \text{\geqslant} \eqslantgtr \text{\eqslantgtr} \gtrsim \text{\gtrsim} \gtrapprox \text{\gtrapprox}
\gtrdot \text{\gtrdot} \ggg \text{\ggg,\gggtr} \gtrless \text{\gtrless} \gtreqless \text{\gtreqless}
\gtreqqless \text{\gtreqqless} \eqcirc \text{\eqcirc} \circeq \text{\circeq} \triangleq \text{\triangleq}
\thicksim \text{\thicksim} \thickapprox \text{\thickapprox} \supseteqq \text{\supseteqq} \Supset \text{\Supset}
\sqsupset \text{\sqsupset} \succcurlyeq \text{\succcurlyeq} \curlyeqsucc \text{\curlyeqsucc} \succsim \text{\succsim}
\succapprox \text{\succapprox} \vartriangleright \text{\vartriangleright} \trianglerighteq \text{\trianglerighteq} \Vdash \text{\Vdash}
\shortmid \text{\shortmid} \shortparallel \text{\shortparallel} \between \text{\between} \pitchfork \text{\pitchfork}
\varpropto \text{\varpropto} \blacktriangleleft \text{\blacktriangleleft} \therefore \text{\therefore} \backepsilon \text{\backepsilon}
\blacktriangleright \text{\blacktriangleright} \because \text{\because} \nless \text{\nless} \nleq \text{\nleq}
\nleqslant \text{\nleqslant} \nleqq \text{\nleqq} \lneq \text{\lneq} \lneqq \text{\lneqq}
\lvertneqq \text{\lvertneqq} \lnsim \text{\lnsim} \lnapprox \text{\lnapprox} \nprec \text{\nprec}
\npreceq \text{\npreceq} \precnsim \text{\precnsim} \precnapprox \text{\precnapprox} \nsim \text{\nsim}
\nshortmid \text{\nshortmid} \nmid \text{\nmid} \nvdash \text{\nvdash} \nvDash \text{\nvDash}
\ntriangleleft \text{\ntriangleleft} \ntrianglelefteq \text{\ntrianglelefteq} \nsubseteq \text{\nsubseteq} \subsetneq \text{\subsetneq}
\varsubsetneq \text{\varsubsetneq} \subsetneqq \text{\subsetneqq} \varsubsetneqq \text{\varsubsetneqq} \ngtr \text{\ngtr}
\ngeq \text{\ngeq} \ngeqslant \text{\ngeqslant} \ngeqq \text{\ngeqq} \gneq \text{\gneq}
\gneqq \text{\gneqq} \gvertneqq \text{\gvertneqq} \gnsim \text{\gnsim} \gnapprox \text{\gnapprox}
\nsucc \text{\nsucc} \nsucceq \text{\nsucceq} \succnsim \text{\succnsim} \succnapprox \text{\succnapprox}
\ncong \text{\ncong} \nshortparallel \text{\nshortparallel} \nparallel \text{\nparallel} \nvDash \text{\nvDash}
\nVDash \text{\nVDash} \ntriangleright \text{\ntriangleright} \ntrianglerighteq \text{\ntrianglerighteq} \nsupseteq \text{\nsupseteq}
\nsupseteqq \text{\nsupseteqq} \supsetneq \text{\supsetneq} \varsupsetneq \text{\varsupsetneq} \supsetneqq \text{\supsetneqq}
\varsupsetneqq \text{\varsupsetneqq} $

<h2 id="15">AMS二元操作符</h2>

$\dotplus \text{\dotplus} \smallsetminus \text{\smallsetminus} \Cap \text{\Cap,\doublecap} \Cup \text{\Cup,\doublecup}
\barwedge \text{\barwedge} \veebar \text{\veebar} \doublebarwedge \text{\doublebarwedge} \boxminus \text{\boxminus}
\boxtimes \text{\boxtimes} \boxdot \text{\boxdot} \boxplus \text{\boxplus} \divideontimes \text{\divideontimes}
\ltimes \text{\ltimes} \rtimes \text{\rtimes} \leftthreetimes \text{\leftthreetimes} \rightthreetimes \text{\rightthreetimes}
\curlywedge \text{\curlywedge} \curlyvee \text{\curlyvee} \circleddash \text{\circleddash} \circledast \text{\circledast}
\circledcirc \text{\circledcirc} \centerdot \text{\centerdot} \intercal \text{\intercal} $

<h2 id="16">AMS杂类符号</h2>

$\hbar \text{\hbar} \hslash \text{\hslash} \vartriangle \text{\vartriangle} \triangledown \text{\triangledown}
\square \text{\square} \lozenge \text{\lozenge} \circledS \text{\circledS} \angle \text{\angle}
\measuredangle \text{\measuredangle} \nexists \text{\nexists} \mho \text{\mho} \Finv \text{\Finv}
\Game \text{\Game} \Bbbk \text{\Bbbk} \backprime \text{\backprime} \varnothing \text{\varnothing}
\blacktriangle \text{\blacktriangle} \blacktriangledown \text{\blacktriangledown} \blacksquare \text{\blacksquare} \blacklozenge \text{\blacklozenge}
\bigstar \text{\bigstar} \sphericalangle \text{\sphericalangle} \complement \text{\complement} \eth \text{\eth}
\diagup \text{\diagup} \diagdown \text{\diagdown} $

博客的掌柜的回来了

2017-03-25T00:00:00+00:00

摘要：告诉你为什么回来

又开始在这记东西了,上次更新还是去年八月中,一晃七个月过去了.当时本想着能在这上面一直记下去,后来研究生入学,加上忙课题,耽误了,后来课程多了,考试多了,更无暇来更,好的是不更不会长草,但冷清.

最近准备找实习这一个月过来,忙着看书刷题做笔试,兵荒马乱地过来了,现在还是一样,日拱一卒,虽然偶有面试笔试的打击,但心里还算笃定,跬步千里,还要向前.

有些东西得记下来,给自己,给别人.闭门造车,用onenote整理自己的学习笔记,出门的时候,还是要分享出来,一来是为了变相地感谢让我学到东西的博客,二来重新整理思路,发现模棱两可的地方再补上,自己的所得也要经得起不同视角的检验,如果是我错而不自知呢,发现有问题了还要麻烦您跟我提出来:).

所以啊,开门迎客!

gromit

为博客添加google analytics访问统计和disqus文章评论功能

2016-08-13T00:00:00+00:00

摘要：本文主要介绍基于google analytics的博客访问统计和基于disqus的文章评论功能

1. google analytics

google analytics是google提供的站点访问情况统计，登陆google账户，创建新的analytics账户如下图所示：

填写账户名称以及你的博客名称和url等信息，点击获取跟踪ID得到如下代码段：

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', '这里是你的跟踪id', 'auto');
  ga('send', 'pageview');

</script>

将其粘贴到_layouts->default.html中的</head>标签以上就可以了。但更推荐的做法是在_include文件夹新建analytics.html文件讲该段代码粘贴其中，在_layouts->default.html文件同样的位置加入{% include analytics.html%}标记，方便管理。

以上就完成了访问统计的功能嵌入，经过一段时间即可查看博客访问情况。

2. disqus

disqus博文评论功能添加和analytics类似。首先，需要在disqus上注册账户并邮箱验证。

如图选择install Disqus并按照提示输入博客信息，之后选择Universal Code，如下图所示：

复制代码段到_layouts中你的博文模板文件</article>与</div>标签之间。在博文下方就会出现disqus社交评论功能界面。同样地，可以按照google analytics推荐的方法嵌入代码段。

以上就完成了社交评论的引入，需要说明的是，disqus支持disqus、facebook、twitter和google账号(注：非vpn下disqus评论模块无法显示)，为了使用微博、微信等国内的账号登陆，可以使用友言、多说和搜狐畅言等社会化评论工具。

注：其实SKINNY BONES主题已内嵌了disqus功能，如需开启，操作如下：

使用jekyll+github搭建个人博客

2016-08-12T00:00:00+00:00

摘要：本文主要介绍基于jekyll和github的静态博客的搭建

1. github的配置

1.1 在github上创建github pages blog仓库

登陆github页面，点击新建repository，显示如下图，输入repository名称(以username.github.io的格式，这也就是你站点的url)、描述。作为一个规范的项目，还需勾选初始化README，以便他人更好地了解你的项目。

在建立好的repository页面打开 Settings，找到如下图板块，并点击 Lunch automatic page generator，依次点击 Continue to layouts、Publish page就可以生成相应的站点，输入对应的url即可进行访问。

以上就完成了在github上建立repository并自动生成博客站点的任务。

1.2 repository管理——引入git

在建立好站点的repository后，需要对其进行本地编辑及版本控制管理。在linux系统(debian/ubuntu)打开terminal，输入如下代码完成git的安装：

$ sudo apt-get install git

当安装好git后，想要同github建立连接需要进一步进行SSH设置：

创建SSH Key文件，键入如下命令，并按照提示键入相应信息，即可生成.pub文件

$ ssh-keygen -t rsa -C "your_email@example.com"

找出id_rsa.pub文件，并以记事本打开，复制该文件的密钥内容。
登陆github，Settings->SSH and GPG keys->New SSH key，键入密钥内容。
键入如下命令，并键入yes查看设置结果：

$ ssh -T git@github.com

依次键入如下命令设置github用户信息：

$ git config --global user.name "your_github_username"
$ git config --global user.email "your_email@example.com"

经过以上SSH设置各个步骤就能让本机和github进行连接，如有问题，可以重新设置，常见的设置问题可以参考 generating an SSH key 和 SSH permission denied.

使用如下命令将远程repository同步至本地，其中url为该repository的url，有HTTPS和SSH两种clone方式，建议选取SSH方式以免去在clone时键入密码的环节。

$ git clone url

此时远程repository就被同步至本机，方便本地完善博客。

更多关于git的相关教程推荐参考廖雪峰的git教程进行学习。

2. jekyll相关

关于jekyll在本机的搭建，官方文档上有详细的说明。

2.1 jekyll依赖环境

在安装jekyll前，为确保其正常运行，需要安装一些依赖环境。为此，特引用jekyll官方依赖说明如下：

Installing Jekyll is easy and straight-forward, but there are a few requirements you’ll need to make sure your system has before you start.

Ruby (including development headers, v1.9.3 or above for Jekyll 2 and v2 or above for Jekyll 3)

RubyGems

Linux, Unix, or Mac OS X

NodeJS, or another JavaScript runtime (Jekyll 2 and earlier, for CoffeeScript support).

Python 2.7 (for Jekyll 2 and earlier)

2.2 jekyll安装与使用

在安装好以上依赖后，可以通过rubygem方便地安装jekyll，并通过-v查看jekyll版本号以确定安装成功：

$ gem install jekyll
$ jekyll -v

之后就可以使用jekyll新建博客：

$ jekyll new myblog
$ cd myblog
myblog $ bundle install
myblog $ bundle exec jekyll serve
# initialize jekyll blog

以上就在本机完成了一个基于jekyll的简单博客站点，之后可以对该站点进行个性化，在每次更新修改后可以键入如下命令打开本机服务：

$ jekyll serve
#  browse to url http://localhost:4000

在浏览器中访问如上url，显示如下就证明本地jekyll站点搭建成功：

2.3 jekyll站点目录结构与相关设置

jekyll的站点的目录结构如下：

.
├── _config.yml
├── _drafts
|   ├── begin-with-the-crazy-ideas.textile
|   └── on-simplicity-in-technology.markdown
├── _includes
|   ├── footer.html
|   └── header.html
├── _layouts
|   ├── default.html
|   └── post.html
├── _posts
|   ├── 2007-10-29-why-every-programmer-should-play-nethack.textile
|   └── 2009-04-26-barcamp-boston-4-roundup.textile
├── _data
|   └── members.yml
├── _site
├── .jekyll-metadata
└── index.html
└── images

文件(夹)	说明
`_config.yml`	存储站点的配置信息，可修改博客title等信息。
`_drafts`	用于保存未发布的博文，非必选
`_includes`	约等于“头文件”，在该文件夹保存的文件可被`{% include filename.ext %}`标记形式引用在博文或者页面中。
`_layouts`	模板文件，例如博文及博文目录的板式等。
`_posts`	用于保存博文，文件命名规则依照`YYYY-MM-DD-title.markdown`，使用markdown撰写正文之前需要在文件中参照YAML格式设定头信息，如图所示：
`_data`	用于保存特定形式的站点数据。
`_site`	可以理解为存放jekyll在站点修改更新后“编译”的文件
`images`	存放站点的资源文件如图片等，非必选。
其它	`css`文件夹存放css样式；`favicon.ico`存放于根目录，是站点在浏览器tab页的图标，可以使用`.png`或`.jpg`文件修改扩展名得到。

2.4 jekyll主题

jekyll的博客主题有很多，下面是较常用的主题网站：

在选好喜欢的主题后，可以选择将该主题的.zip文件下载，或者从github上将其clone下来，并将其根目录中的非隐藏文件全部替换到自己的的博客根目录中(隐藏文件是主题的git信息，需要忽略)，进行个性化设置,并执行如下命令查看模板：

$ bundle install
$ bundle exec jekyll serve

如果仅通过jekyll serve启动服务则会报错，因为模板通过bundle安装独立的依赖环境，在以后的个性化修改环节中择可以使用jekyll serve启动服务。

2.5 jekyll搬家

现在将之前clone到本机的repository文件夹内的非隐藏除README文件的其他文件删除，并将在本机搭建好的站点文件夹内的所有文件复制到repository文件夹内，使用git将其push到github上，就可以通过github网址访问博客了。

3 后记

以上就初步地完成了基于jekyll和github的博客搭建。这里需要说明的是，对于目录中结构的相关设定，可以去jekyll官网查看英文文档。也可以自己尝试修改，查看相关变化慢慢摸索jekyll的各部分功能。我所使用的博客模板源于SKINNY BONES。里面的较为详细的主题安装以及个性化设置的说明，有助于更好地了解jekyll。现在我们就可以开始在本机写博客了，之后提交到github上就完成了博客更新。

start from here

2016-08-10T00:00:00+00:00

平时都会有记录东西的习惯，不论是心情还是关于知识、技术的，积累在evernote或者是onenote上面，一点一滴，江河湖海。看着自己的笔记，总能回想起解决对应问题时从别家博客论坛学习的场景。慢慢地，头脑中浮现出一个词——分享。

我从别人的分享中获益，自然地，可以把它回馈到网池里，把自己在平时觉得有益的分享出来，或许能够给别人以帮助。在分享给别人的过程中，既重新梳理自己的所做，又有机会和别人交换想法，或许能”再学习”到很多。于人于己都有益的事情，何乐而不为呢。

one step,

one note,

start from here.