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-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 不直接支持的样式可以
- 还有列表之类的功能
- 这里是无序的列表, 用
*
写在行头即可
有序列表
- 有序列表大概的样子和无序列表一样
- 然后数字写在行开头标记
另外还有 `>` 开头的引用,
> Aaron Swartz
`**` 包围的 **加粗**, `*` 包围的 *斜体*, `~` 包围的删除线等等,
甚至用 HTML 标签直接添加 Markdown 不直接支持的样式可以
* 还有列表之类的功能
* 这里是无序的列表, 用 `*` 写在行头即可
有序列表
1. 有序列表大概的样子和无序列表一样
2. 然后数字写在行开头标记
- 标题
标题是用 #
写在行头来标记的, 比如 ### ####
对应 h3
到 h4
标签
一个比较方便的写法是用 ------
线来标记标题, 比如下面的:
h3
h4
h2
h1
### h3
#### h4
h2
------
h1
======
还有注意换行, 因为 ------
上下被空行包裹时是个 <hr>
分割线
最后链上一份各种标记语言的对比, 至少看下喜欢哪个 ;p http://www.worldhello.net/gotgithub/appendix/markups.html
我看你发的那个人用eido而非mk,这是什么东西,你能翻点东西给我们吗? 摘要那位大神的话
现在的 typeof.net 里面一个动态文件也没有,所有的东西都是用 eidoc 从 .ed 文件生成的 HTML。你也许会问我为什么不用 markdown 这种流行物,我要说,markdown 没有宏,没法作出 eido 这种逆天的效果。整个 typeof.net 我没有写一行 HTML,所有的东西都是 eidoc 生成的。
那个神人就是这个神人吧。 对 eidoc 同感兴趣。感觉和 MARKDOWN 平行的一种工具。
厄,我们就是使用它的啊
支持md,以后基本都是fe基本技能了
方括号文本部分在对应图片的 title, 后边括号是网址
这个有问题吧,方括号是alt吧?
this is cod test
@jiyinyiyong 赞~
模板引擎吗
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上都不行
有点麻烦
哈哈。
好文章,收藏先
支持支持 #好文章 收藏了
markdown 编辑完后的数据是怎么存储的?
@jiyinyiyong 如果存原文本是类似这种,如:‘markdown’,那么是不是可以直接存储,然后读取的时候直接marked就行了
@zgoku 如:_markdown_"
**cnode上加个练习页吧。
有个桌面工具可供练习: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的还有其他版本的没呀?
Nodeclipse Eclipse插件提供 Markdown编辑器,preview。
Nodeclipse NTS http://www.nodeclipse.org/nts/ 还有GitHub Flavoured Markdown preview,
就是本地可以看node_modules
里面的文档
== 这个语法与vimwiki差不多。。。 ==
##再试一下
收藏
showUsers(data.users);
代码测试
##呵呵##
- a
- b
- c
有点意思
##有点意思
###有点意思
@jiyinyiyong 让文字和图片居中怎么写? 别说适合谁了,我发现啊只适合脑子有问题的人用,比如:牛顿、爱因斯坦、霍金等等这帮人用的 哈哈。。。
![center]我要居中
<center> 我要居中
<center> 我要居中 </center>
<p>hehe</p>
** 有点意思 **
新手,支持一下 (ctrl + enter 貌似用不了!)
markdown, <有用>
一直用的就是Markdown啊 尤其是github
这个一定要多用
赞一个!
#很不错的哦
##Hello Word!
不错
test
First Header | Second Header | Third Header |
---|---|---|
Left | Center | Right |
Left | Center | Right |
#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上辨识度设计明显点或者单独做个模块吧
不然每次进来就前几条数据挂在哪儿有种从来没有人更新滴感觉
感谢分享