在markdown文章编辑器中直接添加html代码

众所周知,typecho采用的是markdown文章编辑器,使用起来比较方便。

但是对于像我这样的新手来说,在markdown中要进行对齐方式、颜色等属性设置,或者想添加一段html长代码时,就不知道怎么弄了。

经过一番了解,原来在markdown中添加html代码的方法非常简单,只需要使用三个英文半角感叹号!!!在前后将html代码包起来就可以了。

代码是这样子:

!!!
<center style="color:red;">我就是要居中!</center>
<div style="color:blue;">
  <h1 style="font-size:1.6em;">我是一级标题</h1>
  <h2 style="font-size:1.4em;">我是二级标题</h2>
  <h3 style="font-size:1.2em;">我是三级标题</h3>
  <h4 style="font-size:1.0em;">我是四级标题</h4>
  <p style="font-size:0.8em;">我是正文段落</p>
</div>
!!!

效果如下:

我就是要居中!

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是正文段落

相关文章

已有 15 条评论
  1. 老杨

    静态博客,md 文件貌似可以直接加 html 代码。

    老杨 回复
  2. 纳贤猫

    有点复杂,试用起来不懂估计得哭。Z-Blog由ASP转换PHP全过程 这个实用吗?
    本评论来自 www.nxm.com 纳贤猫。

    纳贤猫 回复
  3. 平顶山

    markdown常用的几个标记还是很容易记住的,

    平顶山 回复
  4. 心灵博客

    你是最新版typecho吗?
    我试用三个感叹号没成功。

    心灵博客 回复
    1. 胡说胡记

      @心灵博客

      是的,我的是1.1版本。

      胡说胡记博主 回复
  5. 热搜榜

    文章不错非常喜欢

    热搜榜 回复
  6. MR.CHOU

    能不用尽量不用,一切简化..记住几个常用的就好

    MR.CHOU 回复
  7. 程志辉

    之前做了一个网站,用的typecho,碰到需要排版的文章简直要哭了……

    程志辉 回复
    1. 胡说胡记

      @程志辉

      你怎么可能不会,你可是高手啊!以后网页设计方便有不懂的直接请教你就对了。

      胡说胡记博主 回复
  8. 区块链第一站

    只用过wp其他程序还真用过。以后在本地可以试一下

    区块链第一站 回复
  9. 响石潭

    之前安装了Typecho,编辑器简单的不会操作,只能码文字,格式也调不来,所以放弃了

    响石潭 回复
    1. 胡说胡记

      @响石潭

      Typecho还是快很多,比zblog好用,前两天我看到你说你还在用zblog-asp程序啊,有空换一换吧,access数据库不太行。

      胡说胡记博主 回复
      1. 响石潭

        @胡说胡记

        嗯嗯,改天鼓起勇气尝试一下~没技术,总觉得这些太复杂

        响石潭 回复
        1. 胡说胡记

          @响石潭

          我曾经写过一个教程的,你从归档页面找一找或者搜一下“Z-Blog由ASP转换PHP全过程”。

          胡说胡记博主 回复
          1. 响石潭

            @胡说胡记

            嗯嗯,谢谢哈

            响石潭
发表新评论

TOP