这里示范了一些 Markdown 的语法, 请大家发贴时做好标记
发布于 9 年前 作者 jiyinyiyong 50377 次浏览 最后一次编辑是 5 年前

Markdown 是什么, 可以看 Wiki, 下面看语法 关于 Markdown 的未来可以看这篇文章 http://www.codinghorror.com/blog/2012/10/the-future-of-markdown.html Markdown 项目主页在 Daring Fireball网站上有具体的说明

SegmentFault 的语法说明 http://blog.segmentfault.com/dongoer/1190000000339653 WowUbuntu 的语法说明 http://wowubuntu.com/markdown/

Markdown 有多个实现, Github, 以及国内很多社区都是使用 GFM 包括 Python China, Ruby China, SegmentFault 都用了 GFM 语法 有 Node 模块 marked 支持 GFM 的渲染 GFM 和原始 Markdown 的主要区别是 GFM 里的换行是正常的, 其次代码块有 ``` 的语法

网上用的标记, 主要是链接, 代码, 其他在一般帖子里不太需要

GFM 的语法

链接

链接原始的 Markdown 语法是加 <>, 在 GFM 里可以自动识别

http://daringfireball.net/ http://daringfireball.net/

http://daringfireball.net/
<http://daringfireball.net/>

标记文本为链接 MaDe 编辑器

标记文本为链接 [MaDe 编辑器](http://lyric.im/ma-de-markdown-wysiwyg-editor/)

为链接取别名 [名叫 marked 的 iOS 应用][app] [app]: http://markedapp.com/

为链接取别名 [名叫 marked 的 iOS 应用][app]
[app]: http://markedapp.com/

代码

代码有句中的代码, 代码块, 都是用的 ` 作为符号标记的 句中用 1 个或者 2 个, 而代码块用 3 个单独作为行的反引号

代码有句中的代码, 代码块, 都是用的 `` ` `` 作为符号标记的
句中用 `1` 个或者 `2` 个, 而代码块用 `3` 个单独作为行的反引号

另外 Github 上在代码块第一行反引号之后可以声明语法 比如 JS 下面这样就会被在 HTML 标记上一些属性 Github 站点上会直接对代码形成语法高亮

console.log('sonething');

<pre class=“prettyprint”>

console.log('sonething');

</pre>

marked 就可以配合 Highlight.js 在编译时高亮代码, 方便博客排版

图片

图片的标记和链接非常相似, 方括号文本部分在对应图片的 alt 属性, 后边括号是网址:

Mark-Up

![Mark-Down][cat-girl] [cat-girl]: http://octodex.github.com/images/aidorucat.png

[![Mark-Down][cat-boy]][octocat] [cat-boy]: http://octodex.github.com/images/codercat.jpg [octocat]: http://octodex.github.com/codercat

![Mark-Up](http://d2o0t5hpnwv4c1.cloudfront.net/2063_markdown/preview.png)

![Mark-Down][cat-girl]
[cat-girl]: http://octodex.github.com/images/aidorucat.png

[![Mark-Down][cat-boy]][octocat]
[cat-boy]: http://octodex.github.com/images/codercat.jpg
[octocat]: http://octodex.github.com/codercat

带链接的图片比较麻烦, 不如直接在里边写 HTML… 但 HTML 需要进行过滤, 比如 CNode 上做的一些过滤

文本样式

> 开头表示引用,

Aaron Swartz

** 包围的 加粗, * 包围的 斜体, ~ 包围的删除线等等, 甚至用 HTML 标签直接添加 Markdown 不直接支持的样式可以

  • 还有列表之类的功能
  • 这里是无序的列表, 用 * 写在行头即可

有序列表

  1. 有序列表大概的样子和无序列表一样
  2. 然后数字写在行开头标记
另外还有 `>` 开头的引用,

> Aaron Swartz

`**` 包围的 **加粗**, `*` 包围的 *斜体*, `~` 包围的删除线等等,
甚至用 HTML 标签直接添加 Markdown 不直接支持的样式可以

* 还有列表之类的功能
* 这里是无序的列表, 用 `*` 写在行头即可

有序列表

1. 有序列表大概的样子和无序列表一样
2. 然后数字写在行开头标记
  • 标题

标题是用 # 写在行头来标记的, 比如 ### #### 对应 h3h4 标签 一个比较方便的写法是用 ------ 线来标记标题, 比如下面的:

h3

h4

h2

h1

### h3
#### h4

h2
------

h1
======

还有注意换行, 因为 ------ 上下被空行包裹时是个 <hr> 分割线


最后链上一份各种标记语言的对比, 至少看下喜欢哪个 ;p http://www.worldhello.net/gotgithub/appendix/markups.html

76 回复

我看你发的那个人用eido而非mk,这是什么东西,你能翻点东西给我们吗? 摘要那位大神的话

现在的 typeof.net 里面一个动态文件也没有,所有的东西都是用 eidoc 从 .ed 文件生成的 HTML。你也许会问我为什么不用 markdown 这种流行物,我要说,markdown 没有宏,没法作出 eido 这种逆天的效果。整个 typeof.net 我没有写一行 HTML,所有的东西都是 eidoc 生成的。

那个神人就是这个神人吧。 对 eidoc 同感兴趣。感觉和 MARKDOWN 平行的一种工具。

貌似是他自己做的标记语言, 相关的信息我找不出来, Github 链接他文章里倒是有

伤不起了, 这里跟 Marked 相比语法支持又少了, 大量出错 - -!

厄,我们就是使用它的啊

@suqian 这是半年前的帖子啊亲

支持md,以后基本都是fe基本技能了

方括号文本部分在对应图片的 title, 后边括号是网址

这个有问题吧,方括号是alt吧?

this is cod test

看得超细… 我记混了, 订正了

模板引擎吗

标记语言而已, 不是模板引擎. 标记语言平常写博客和评论里加样式用的, 比如 ~呵呵~, 呵呵, 呵呵

var a = ‘this this this this \
this this this this this \
this this this this this \
this this this this’; 这种换行代码变这样

  var a = 'this this this this \
		this this this this this \
		this this this this this \
		this this this this';

怎么破?

擦,怎么是好的,在github上都不行

有点麻烦

哈哈。

@czxbin Github 上有的是 Ruby 写的 RedCloth, 这里是 Node 的 Marked.

好文章,收藏先

支持支持 #好文章 收藏了

markdown 编辑完后的数据是怎么存储的?

CNode 貌似存储原文本, 前端后端都用 converter 再转一遍

@jiyinyiyong 如果存原文本是类似这种,如:‘markdown’,那么是不是可以直接存储,然后读取的时候直接marked就行了

@zgoku 如:_markdown_"

**cnode上加个练习页吧。

这个可以有, 不过 CNode 上要放比较难, 我自己找时间放一个

http://jiyinyiyong.github.io/EpicEditor/index.html 上边链接可以练习下, 网上已有的 Markdown 编辑器, 我打开了换行的配置 引擎是 Marked, 和论坛目前用的一样

有个桌面工具可供练习:http://markdownpad.com

md怎么画表格,,,,,

First Header Second Header Third Header
Left Center Right
Left Center Right

但不是所有都支援…

上面的 Markdown:

First Header | Second Header | Third Header
:----------- | :-----------: | -----------:
Left         | Center        | Right
Left         | Center        | Right

只适合编辑等 喜欢写文章的人. 平时就发几个帖子,还要我用5笔, 真是难为我了

不对, 只适合要贴代码和链接的人

使用markdown编辑文档确实方便很多,不过过多的关注更多的格式选择,鼠标拖过来拖过去的。只要一直手不离键盘打字就好了。

我用nodejs做了个markdown的在线编辑器 哈哈 一直在用markdown写文档 http://n.hch.im

https://gist.github.com/mojombo/118964 这个GFM除了ruby的还有其他版本的没呀?

GFM 是 Ruby 写的, Marked 是 Node 写的, 但是支持 GFM, 开启就好了

Nodeclipse Eclipse插件提供 Markdown编辑器,preview。 Nodeclipse NTS http://www.nodeclipse.org/nts/ 还有GitHub Flavoured Markdown preview, 就是本地可以看node_modules里面的文档

NTS

== 这个语法与vimwiki差不多。。。 ==

##再试一下

showUsers(data.users); 代码测试

有点意思

##有点意思

###有点意思

@jiyinyiyong 让文字和图片居中怎么写? 别说适合谁了,我发现啊只适合脑子有问题的人用,比如:牛顿、爱因斯坦、霍金等等这帮人用的 哈哈。。。

![center]我要居中

<center> 我要居中

<center> 我要居中 </center>

HTML 是安全原因给屏蔽了一些

** 有点意思 **

新手,支持一下 (ctrl + enter 貌似用不了!)

Github 上提过了, 但还是没人搞

markdown, <有用>

一直用的就是Markdown啊 尤其是github

#很不错的哦

##Hello Word!

不错
First Header Second Header Third Header
Left Center Right
Left Center Right

赞一个, 另外貌似表格底部的样式有一些 Bug 被发现了

#Cnode又被搞了……

###我也试一下。

First Header Second Header Third Header
Left Center Right
Left Center Right
core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
First Header Second Header Third Header
Left Center Right
Left Center Right

置顶岾在UI上辨识度设计明显点或者单独做个模块吧

不然每次进来就前几条数据挂在哪儿有种从来没有人更新滴感觉

回到顶部