个人记录，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>

<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>

<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>