在 blogspot 上写中文文章2

最近看了看W3School，感觉非常不错，学了很多~于是根据它把自己的模板改了改：

• 设置段首缩进

  在 /* Content 那一节添加了一段：

  p {
    text-indent: 2em;
  }
  

  以后每一段(只要是被<p></p>标记)都会自动段首缩进了~

• 优化显示代码

  在 /* Variable definitions 节加入了：

   <Variable name="code_bgd" description="Backgrand Color for Code"
             type="color" default="#97FF97" value="#97FF97">
  

  在 /* Content 节加入了：

  .post pre {
    margin-left: 2em;
    max-width: 80%;
    border: 1px solid $borderColor;
    padding: 5px;
    background-color: $code_bgd;
  }

  这样就可以方便地用 <pre></pre> 标记代码了~效果就像上面显示的那样。不过要注意，在 <p> </p> 里是解析 html 代码的。

• 缩进列表

  又加入了：

  .post li {
    margin: 0.2em 0em 0.2em 1.2em;
  }

  可以让列表有一点点缩进效果，看起来比较舒服。

哈哈，庆祝一下~~

别忘了在每个属性后面加分号！以前写过的文章就不打算返工了，反正以后方便啦，呵呵~