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

效果如下:

我就是要居中!

我是一级标题

我是二级标题

我是三级标题

我是四级标题

我是正文段落

相关文章

已有 18 条评论

  1. 何三

    这个思路好,学习了,也把我的博客(www.h3blog.com)引入这个功能,很是使用了,感谢

    何三 回复
  2. 演员

    只要能用代码就行! typecho的编辑器确实麻烦。

    演员 回复
  3. 林三

    这么巧,我们最终都选择了typecho程序,哈哈!

    林三 回复
  4. 老杨

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

    老杨 回复
  5. 纳贤猫

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

    纳贤猫 回复
  6. 平顶山

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

    平顶山 回复
  7. 心灵博客

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

    心灵博客 回复
    1. 阿拽

      @心灵博客

      是的,我的是1.1版本。

      阿拽 回复
  8. 热搜榜

    文章不错非常喜欢

    热搜榜 回复
  9. MR.CHOU

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

    MR.CHOU 回复
  10. 程志辉

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

    程志辉 回复
    1. 阿拽

      @程志辉

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

      阿拽 回复
  11. 区块链第一站

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

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

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

    响石潭 回复
    1. 阿拽

      @响石潭

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

      阿拽 回复
      1. 响石潭

        @阿拽

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

        响石潭 回复
        1. 阿拽

          @响石潭

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

          阿拽 回复
          1. 响石潭

            @阿拽

            嗯嗯,谢谢哈

            响石潭
发表新评论取消回复

TOP