› Daring Fireball: Markdown
› CommonMark
› MacDown Open Source Markdown Editor
› Marked
› GitHub Flavored Markdown
techmoe
V2EX  ›  Markdown

如何用 markdown 在列表里插入代码段

  •  
  •   techmoe · Feb 4, 2016 · 15867 views
    This topic created in 3930 days ago, the information mentioned may be changed or developed.

    我在用 Ghost 写博客,但是遇到一个这样的问题。我希望我的 md 最终转化为这样的一个 html 结构
    <ol>
    <li>测试 1
    <pre>code1</pre>
    </li>
    <li>测试 2
    <pre>code2</pre>
    </li>
    </ol>

    然后我尝试了

    结果输出的确是

    <ol>
    <li>测试 <br>
    <code>
    code1
    </code></li>
    <li>测试 <br>
    <code>
    code2
    </code></li>
    </ol>

    求教怎么解决。。

    13 replies  •  2016-02-05 19:33:31 +08:00
    FrankFang128
    FrankFang128
    Feb 4, 2016 via Android
    1
    HTML
    chac88
    chac88
    Feb 4, 2016 via iPhone
    2
    不会解析 HTML 之间的 markdown
    davin
    davin
    Feb 4, 2016
    3
    在标准的 Markdown 语法中,想生成 pre 标签,你需要使用四个空格,或者一个 Tab 键。
    你那三个反引号生成的是 code 标签。
    cleverUtd
    cleverUtd
    Feb 4, 2016
    4
    我用 markdown 都是

    ```java
    int a;
    int b;
    ```
    这样加代码段的
    chemzqm
    chemzqm
    Feb 4, 2016
    5
    感觉 Ghost 主要目标并不是程序员,它自带的 markdown 解析并不支持 gfm 扩展语法, tables, strikethrough, fenced-code, footnotes, autolink 全不支持。
    我之前下了个主题支持代码高亮,但是语言支持太少了(应该是 highlight.js 打包的问题)。后来我用 https://github.com/FSX/misaka 加 http://pygments.org 组合实现后端 markdown 后端渲染同时高亮代码,这个组合效率高,功能全,而且不用页面引用额外 js 和 css 。
    全部代码在这里 https://github.com/chemzqm/blog/blob/master/bin/misaka
    Hamniba
    Hamniba
    Feb 4, 2016
    6
    像这样?



    1. test 1
    `code snippet 1`
    techmoe
    techmoe
    OP
    Feb 4, 2016
    7
    @Hamniba 如果 F12 看的话代码那部分是用<code>包围的吧,这样显示多行代码时的效果并不好,我想让它变成用<pre>包围的
    Arthur2e5
    Arthur2e5
    Feb 4, 2016
    8
    1. foo
    ->
    ->```
    ->pre-text
    ->```

    // -> 表示缩进。
    techmoe
    techmoe
    OP
    Feb 4, 2016
    9
    ![]( http://i4.tietuku.com/da30f526955f8c9d.png)

    还是这样。。 F12 看里面代码是 code 包围的。。多行显示效果会不好
    现在问题的关键是怎么让里面的代码段是用<pre>包围的而不是<code>
    @Arthur2e5
    techmoe
    techmoe
    OP
    Feb 4, 2016
    10
    能否通过插件什么的东西实现?
    Arthur2e5
    Arthur2e5
    Feb 5, 2016
    11
    @techmoe 你自己少放了个空行请看清楚再来。
    Arthur2e5
    Arthur2e5
    Feb 5, 2016
    12
    @davin Ghost 是有 '```' 标记的、 GFM 风格的、使用 pre 的多行代码的。
    https://blog.ghost.org/markdown/
    wizardforcel
    wizardforcel
    Feb 5, 2016 via Android
    13
    从结果来看不支持 gfm 啊。我在 atom 和 hexo 里这么写都没事。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1476 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 91ms · UTC 04:28 · PVG 12:28 · LAX 20:28 · JFK 23:28
    ♥ Do have faith in what you're doing.