我在用 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>
求教怎么解决。。
1
FrankFang128 2016-02-04 08:11:31 +08:00 via Android
HTML
|
2
ty0716 2016-02-04 08:13:34 +08:00 via iPhone
不会解析 HTML 之间的 markdown
|
3
davin 2016-02-04 10:26:53 +08:00
在标准的 Markdown 语法中,想生成 pre 标签,你需要使用四个空格,或者一个 Tab 键。
你那三个反引号生成的是 code 标签。 |
4
cleverUtd 2016-02-04 10:29:37 +08:00
我用 markdown 都是
```java int a; int b; ``` 这样加代码段的 |
5
chemzqm 2016-02-04 10:54:28 +08:00
感觉 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 |
6
Hamniba 2016-02-04 11:50:49 +08:00
像这样?
1. test 1 `code snippet 1` |
7
techmoe OP @Hamniba 如果 F12 看的话代码那部分是用<code>包围的吧,这样显示多行代码时的效果并不好,我想让它变成用<pre>包围的
|
8
Arthur2e5 2016-02-04 15:23:02 +08:00
1. foo
-> ->``` ->pre-text ->``` // -> 表示缩进。 |
9
techmoe OP ![]( http://i4.tietuku.com/da30f526955f8c9d.png)
还是这样。。 F12 看里面代码是 code 包围的。。多行显示效果会不好 现在问题的关键是怎么让里面的代码段是用<pre>包围的而不是<code> @Arthur2e5 |
10
techmoe OP 能否通过插件什么的东西实现?
|
12
Arthur2e5 2016-02-05 16:29:59 +08:00
|
13
wizardforcel 2016-02-05 19:33:31 +08:00 via Android
从结果来看不支持 gfm 啊。我在 atom 和 hexo 里这么写都没事。
|