个人记录，markdown编辑器，HALO开源系统，butterfly主题。常用文本特效

提示块标签

<div class="note sd-yinhao">提示块标签</div>

提示块标签

<div class="note green sd-success">提示块标签</div>

提示块标签

<div class="note yellow">提示块标签</div>

提示块标签

<div class="note red sd-err">提示块标签</div>

提示块标签

<div class="note cyan sd-yinhao">提示块标签</div>

标题

提示块标签

<div class="note ">
    <p>提示块标签</p>
</div>

纯文本测试

<div class="checkbox">
  <input type="checkbox">
  <p>纯文本测试</p>
</div>

支持简单的
<a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener">markdown</a>
语法

<div class="checkbox checked">
  <input type="checkbox" checked="">
  <p>
    支持简单的
    <a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener">markdown</a>
    语法
  </p>
</div>

支持自定义颜色

<div class="checkbox red">
  <input type="checkbox">
  <p>支持自定义颜色</p>
</div>

绿色 + 默认选中

<div class="checkbox green checked">
  <input type="checkbox" checked="">
  <p>绿色 + 默认选中</p>
</div>

黄色 + 默认选中

<div class="checkbox yellow checked">
  <input type="checkbox" checked="">
  <p>黄色 + 默认选中</p>
</div>

青色 + 默认选中

<div class="checkbox cyan checked">
  <input type="checkbox" checked="">
  <p>青色 + 默认选中</p>
</div>

蓝色 + 默认选中

<div class="checkbox blue checked">
  <input type="checkbox" checked="">
  <p>蓝色 + 默认选中</p>
</div>

增加

<div class="checkbox plus green checked">
  <input type="checkbox" checked="">
  <p>增加</p>
</div>

减少

<div class="checkbox minus yellow checked">
  <input type="checkbox" checked="">
  <p>减少</p>
</div>

叉

<div class="checkbox times red checked">
  <input type="checkbox" checked="">
  <p>叉</p>
</div>

纯文本测试

<div class="checkbox">
  <input type="radio">
  <p>纯文本测试</p>
</div>

支持简单的
<a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener">markdown</a>
语法

<div class="checkbox checked">
  <input type="radio" checked="">
  <p>
    支持简单的
    <a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener">markdown</a>
    语法
  </p>
</div>

支持自定义颜色

<div class="checkbox red">
  <input type="radio">
  <p>支持自定义颜色</p>
</div>

绿色

<div class="checkbox green">
  <input type="radio">
  <p>绿色</p>
</div>

黄色

<div class="checkbox yellow">
  <input type="radio">
  <p>黄色</p>
</div>

青色

<div class="checkbox cyan">
  <input type="radio">
  <p>青色</p>
</div>

蓝色

<div class="checkbox red">
  <input type="radio">
  <p>蓝色</p>
</div>