MarkDown学习笔记

什么是Markdown

Markdown是一个文本到HTML(text-to-HTML)的转换工具, 最初由John Gruber用Perl编写,在2004年基于BSD许可发布 (摘抄自Markdown

为什么使用Markdown

易学,易用,快捷,有效, 逻辑清晰。

简单使用Markdown

标题

示例:

# title 1
## title 2
### title 3
#### title 4
##### title 5
###### title 6

效果:

title 1

title 2

title 3

title 4

title 5
title 6

记得 # 越多字体越小~

列表

示例:

无序列表
  - menu1
  - menu2
    * menu 2.1
    * menu 2.2
      + menu 2.2.1
      + menu 2.2.2
有序列表
一. menu1
二. menu2
三. menu3

效果:

  • menu1
  • menu2
    • menu 2.1
    • menu 2.2
      • menu 2.2.1
      • menu 2.2.2

一. menu1
二. menu2
三. menu3

引用

示例:

>markdown是一种轻量级标记语言

效果

markdown是一种轻量级标记语言

链接

示例:

[简书](http://www.jianshu.com/ "简书")

效果:
简书

其中[]内是链接名称,()内的是第一个参数是链接地址,第二个参数是html<a>标签的title属性
如果要给文章中许多词上加链接,排版会看起来比较杂乱还可以采用另一种方式,请看下面这段文字:

我们用[谷歌][google]搜索, 在[github][github]上上传代码, 在[简书][jianshu]上发表学习笔记,在[卓越女生论坛][exc-girls]上面讨论问题。
[google]: https://www.google.com.hk/
[github]: https://github.com/
[jianshu]: http://www.jianshu.com/
[exc-girls]: https://bbs.excellence-girls.org/

效果:
我们用[谷歌][google]搜索, 在[github][github]上上传代码,在[简书][jianshu]上发表学习笔记,在[卓越女生论坛][exe-girls]上讨论问题。
[google]: https://www.google.com.hk/
[github]: https://github.com/
[jianshu]: http://www.jianshu.com/
[exe-girls]: https://bbs.excellence-girls.org/

其实就是用一个id先将链接词汇标记起来,然后再统一写链接地址。

图片

示例:

![N|Solid](https://cldup.com/dTxpPi9lDf.thumb.png)

效果:

N|Solid
N|Solid

跟链接的使用相同,只是前面多一个!

代码

代码块:用三个反引号引起来``` ```
```javacript
function sayHello(){
alert("hello world");
}
```
效果:

function sayHello(){
    alert("hello world");
}

行内代码:用单个反引号引起来``

在什么情况下使用`inline-code`呢

效果:
在什么情况下使用inline-code

强调

示例:

**加粗**
*倾斜*

效果:
加粗
倾斜

脚注

示例:

脚注[^fn1]
...
文章底部:
[^fn]:这个就是注脚内容,写在文章最后

效果:
脚注[1]

表格

示例:

普通表格:
|A|B|C|
|-|-|-|
|A1|B1|C1|
|A2|B2|C2|
对其方式:
|左对齐|剧中|右对齐|
|:-|:-:|-:|
|A1|B1|C1|
|A2|B2|C2|
A B C
A1 B1 C1
A2 B2 C2
左对齐 剧中 右对齐
A1 B1 C1
A2 B2 C2

问题与思考

  1. 链接问题

经过试验发现,链接的另一种简写方式(如下示例),在简书中无效,但在dillinger中有效。

<janshu.com>

简书中:
<jianshu.com>
dillinger中:


图一

所以在简书中还是使用完整的写法吧

  1. 思考:什么时候应该使用行内代码(下面是一些个人见解)

  • 对于文章中用到的有标记意义的特殊符号
    • 个人觉得是文章中的特殊符号和markdown标记语言可能会产生歧义,比如文章中有 # *等有语法意义的符号。
  • 对于一些html标签
    • 因为标签有左右尖括号,也属于html语言, 所以还是用行内代码包裹起来比较好。
  • 对于html中的转义字符
    • 因为markdown会自动转义如果直接写入&lt;,显示的不是它本身而是左尖括号<
  • 对于文件名或特殊意义的名词或指令
    • 例如instruction.txt npm install 等 ,这样可以使文章内容结构清晰

参考链接:markdown的正确使用方式
Introduction Markdown
Online MarkDown
简书当前Markdown语法效果


  1. 这个就是注脚内容,写在文章最后

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容

  • 为什么学习Markdown 自从搭建了 Hexo 博客之后,发现还有 Markdown 这种写文章的方法,想到以后...
    lifeColder阅读 20,112评论 10 217
  • Markdown语法 段落和换行 一个段落的结束是它的后面有一行空白,例如: 如果要换行的话,就需要在后面加两个以...
    大道至简峰阅读 479评论 0 4
  • 前言 一直很想好好打理自己的博客,可是每次写学习笔记之类的东东的时候都备受折磨。终于,在昨天,我遇见了Markdo...
    零小白阅读 1,177评论 0 4
  • 1 区块元素 1.1 段落 一个 Markdown 段落是由一个或多个连续的文本行组成,它的前后要有一个以上的空行...
    markouy阅读 939评论 0 0
  • 本文整理于2016年5月,默认测试工具为有道云协作上的MarkDown。注意文章中加粗部分的文字可在GitHub中...
    丶生如夏花阅读 2,043评论 0 0