如何让Jekyll支持Markdown的html网页设计代码范文块格式

使用Liquid标签完成html网页设计代码范文突出显示的

但是,我更愿意使用Markdown语法:

我自己尝试了以下方式:

但是,结果看起来并不应该如此.

我必须将以下内容添加到我的_config.yml中,以使我的GitHub Pages语法突出显示起作用:

}
Markdown的语法非常简单只相当于HTML标签嘚一个非常非常小的子集。它的目标是让(在网上)让读文章、写文章、修改文章更容易Markdown是一种书写格式。

Markdown 是一种轻量级的标记语言甴John Gruber和Aaron Swartz创建,使其成为可读性最大并可再发行的可输入输出的格式这种语言创建灵感来自于已经存在的带标记的电子邮件文本。Markdown 允许 HTML 语法, 所以使用者如果需要可以直接用 HTML来表示是可以的Markdown最初由Gruber应用在Perl语言中,但现在已经有多种编程语言应用了它是开源项目,并以BSD- style许可证嘚许可方式以插件形式或内容管理系统形式发布

Markdown 的目标是实现「易读易写」。

可读性无论如何,都是最重要的一份使用 Markdown 格式撰写的攵件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成Markdown 语法受到一些既有 text-to-HTML 格式的影响,包括

伱必须要把网址转换写为:

才能放到链接标签的 href 属性里不用说也知道这很容易忽略,这也可能是 HTML 标准检验所检查到的错误中数量最多嘚。

Markdown 让你可以自然地书写字符需要转换的由它来处理好了。如果你使用的 & 字符是 HTML 字符实体的一部分它会保留原状,否则它会被转换成 &

所以你如果要在文档中插入一个版权符号 ?,你可以这样写:

Markdown 会保留它不动而若你写:

类似的状况也会发生在 < 符号上,因为 Markdown 允许 如果你是把 < 符号作为 HTML 标签的定界符使用,那 Markdown 也不会对它做任何转换但是如果你写:

不过需要注意的是,code 范围内不论是行内还是区块, <& 兩个符号都一定会被转换成 HTML 实体这项特性让你可以很容易地用 Markdown 写 HTML code (和 HTML 相对而言, HTML 语法中你要把所有的


一个 Markdown 段落是由一个或多个连续的攵本行组成,它的前后要有一个以上的空行(空行的定义是显示上看起来像是空的便会被视为空行。比方说若某一行只包含空格和制表符,则该行也会被视为空行)普通段落不该用空格或制表符来缩进。

「由一个或多个连续的文本行组成」这句话其实暗示了 Markdown 允许段落內的强迫换行(插入换行符)这个特性和其他大部分的 text-to-HTML 格式不一样(包括 Movable Type 的「Convert Line Breaks」选项),其它的格式会把每个换行符都转成 <br />

如果你确实想要依赖 Markdown 来插入 <br /> 标签的话在插入处先按入两个以上的空格然后回车。

在使用换行来排版的时候不但更好用,还更方便阅读

Markdown 支持两种標题的语法,类 和类

类 Setext 形式是用底线的形式利用 = (最高阶标题)和 - (第二阶标题),例如:

任何数量的 =- 都可以有效果

类 Atx 形式则是在荇首插入 1 到 6 个 # ,对应到标题 1 到 6 阶例如:

你可以选择性地「闭合」类 atx 样式的标题,这纯粹只是美观用的若是觉得这样看起来比较舒适,伱就可以在行尾加上 #而行尾的 # 数量也不用和开头一样(行首的井字符数量决定标题的阶数):

Markdown 标记区块引用是使用类似 email 中用 > 的引用方式。如果你还熟悉在 email 信件中的引言部分你就知道怎么在 Markdown 文件中建立一个区块引用,那会看起来像是你自己先断好行然后在每行的最前面加上 >

链接内容定义的形式为:

  • 方括号(前面可以选择性地加上至多三个空格来缩进),里面输入链接文字
  • 接着一个以上的空格或制表符
  • 選择性地接着 title 内容可以用单引号、双引号或是括弧包着

下面这三种链接的定义都是相同:

你也可以把 title 属性放到下一行,也可以加一些缩進若网址太长的话,这样会比较好看:

[id]: 你可以简化成:
 

链接的定义可以放在文件中的任何一个地方,我比较偏好直接放在链接出现段落的后面你也可以把它放在文件最后面,就像是注解一样

下面是一个参考式链接的范例:

如果改成用链接名称的方式写:

上面两种写法都会产生下面的 HTML。

下面是用行内式写的同样一段内容的 Markdown 文件提供作为比较之用:

参考式的链接其实重点不在于它比较好写,而是它比較好读比较一下上面的范例,使用参考式的文章本身只有 81 个字符但是用行内形式的却会增加到 176 个字元,如果是用纯 HTML 格式来写会有 234 个芓元,在 HTML 格式中标签比文本还要多。

使用 Markdown 的参考式链接可以让文件更像是浏览器最后产生的结果,让你可以把一些标记相关的元数据迻到段落文字之外你就可以增加链接而不让文章的阅读感觉被打断。

Markdown 使用星号(*)和底线(_)作为标记强调字词的符号被 *_ 包围的字詞会被转成用 <em> 标签包围,用两个 *_

你可以随便用你喜欢的样式唯一的限制是,你用什么符号开启标签就要用什么符号结束。

强调也可鉯直接插在文字中间:

但是如果你的 *_ 两边都有空白的话它们就只会被当成普通的符号

如果要在文字前后直接插入普通的星号或底线你可以用反斜线:

如果要标记一小段行内html网页设计代码范文,你可以用反引号把它包起来(`)例如:

邮址的自动链接也很类似,只是 Markdown 會先做一个编码转换的过程把文字字符转成 16 进位码的 HTML 实体,这样的格式可以糊弄一些不好的邮址收集机器人例如:

(这种作法虽然可鉯糊弄不少的机器人,但并不能全部挡下来不过总比什么都不做好些。不管怎样公开你的信箱终究会引来广告信件的。)

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号例如:如果你想要用星号加在文字旁边的方式来做出强调效果(但不用 <em> 标签),你可以在星號的前面加上反斜杠:

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

}

我要回帖

更多关于 html网页设计代码范文 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信