markdown编辑器在typecho程序中的用法

markdown 编辑器每个平台都大同小异,也有魔改的,这里只讨论在 typecho 博客程序中所用到的东西。除了 Kico Style 外其他部分应该是通用的。

Kico Style

这是本主题所用奇趣框架中,我可能用到的部分备份。

  • 第一部分

Ctrl + S | 加亮文字 | 引用文字 | 提示文字 | 删除线文字 | 链接文字 | 较小文字 | 加粗文字 | 斜体文字

<kbd>Ctrl + S</kbd> | <mark>加亮文字</mark> | <cite>引用文字</cite> | <abbr title="提示功能">提示文字</abbr> | <del>删除线文字</del> | <a href="#">链接文字</a> | <small>较小文字</small> | <b>加粗文字</b> | <i>斜体文字</i>
  • 第二部分

第一个

第二个

第三个

<div class="row">
    <div class="col-6 col-m-4 center">
       <p>第一个</p>
          <img src="https://rzfyu.com/logo.png" title="汝者非鱼logo"/>
       </div>
    <div class="col-6 col-m-4 center">
       <p>第二个</p>
          <img src="https://rzfyu.com/logo.png" title="汝者非鱼logo"/>
       </div>
    <div class="col-6 col-m-4 center">
       <p>第三个</p>
          <img src="https://rzfyu.com/logo.png" title="汝者非鱼logo"/>
       </div>
</div>
  • 第三部分

标题一

  • 大一
    • 小一
    • 小二
  • 大二

标题二

  1. 大一
    1. 小一
    2. 小二
  2. 大二

标题三

大一
补充小一
大二
补充小二

<div class="row">
    <div class="col-m-4">
        <p>标题一</p>
        <ul>
            <li>大一
                <ul>
                    <li>小一</li>
                    <li>小二</li>
                </ul>
            </li>
            <li>大二</li>
        </ul>
    </div>
    <div class="col-m-4">
        <p>标题二</p>
        <ol>
            <li>大一
                <ol>
                    <li>小一</li>
                    <li>小二</li>
                </ol>
            </li>
            <li>大二</li>
        </ol>
    </div>
    <div class="col-m-4">
        <p>标题三</p>
        <dl>
            <dt>大一</dt>
            <dd>补充小一</dd>
            <dt>大二</dt>
            <dd>补充小二</dd>
        </dl>
    </div>
</div>

对齐方式

!!!
<p align="right" >居右对齐</p>
<p align="left">局左对齐</p>
<center>居中对齐</center>
<center><strong>加粗居中</strong></center>
!!!

折叠内容


折叠代码


我是被折叠的代码

<details>
<summary>折叠代码</summary>
<pre><code>
我是被折叠的代码
</code></pre>
</details>


早期写文时的碎碎念,已被折叠,好奇宝宝可点击展开查看
我是被折叠的部分内容

<details>
<summary>早期写文时的碎碎念,已被折叠,好奇宝宝可点击展开查看</summary>
我是被折叠的部分内容
</details>

字体颜色

!!!
绿色字体:<font color =green>Markdown</font>
红色字体:<font color = red>Markdown</font>
蓝色字体:<font color =blue>Markdown</font>
!!!

字体大小改变

!!!
size为1:<font size ="1">Markdown</font>
size为5:<font size = "5">Markdown</font>
size为10:<font size ="10">Markdown</font>
!!!

字体改变

!!!
微软雅黑字体: <font face ="微软雅黑">Markdown</font>
宋体字体:<font face = "宋体">Markdown</font>
楷体字体:<font face ="楷体">Markdown</font>
!!!

开头空两个字

在段落的开头输入&ensp;&ensp;&ensp;&ensp;,就会空两个字啦,&ensp;&ensp;的话就是空一个字。

代码展示

在代码内容的上下一行,分别打上三个`就可以了,被包住的代码仅展示不运行。

表格

分类一 | 分类二 | 分类三
:--: | :--: | :--: 
一内容 | 二内容 | 三内容 |