笔记-Markdown常用语法

其实应该很早就已经接触到了Markdown这种简洁却彪悍的标记语言,比如Github的README.md,只不过被不走心的我当作txt文档来用了。直到前个看到一位大神的读书列表清单,觉得很新奇,就有意识地查阅了一些语法,瞬间被吸引到了。本文便记录部分常用的语法。

1、标题 #

<!-- MD -->
## this is heading level 2
<!-- HMTL -->
<h2>this is heading level 2</h2>

2、列表

(1)无序列表 +/-/*

<!-- MD -->
* Fruit
    + Apple
    + Banana
    + Orange
* Food
* Animal
<!-- HMTL -->
<ul>
<li>Fruit
    <ul><li>Apple</li>
    <li>Banana</li>
    <li>Orange</li></ul>
</li>
<li>Food</li>
<li>Animal</li>
</ul>

(2)有序列表 数字.

<!--  MD -->
1. Apple
1. Banana
1. Orange
<!-- HMTL -->
<ol>
    <li>Apple</li>
    <li>Banana</li>
    <li>Orange</li>
</ol>

3、引用 >

<!-- MD -->
> I hope this post proves helpful to someone else that encounters the problem.
> > It was almost as frustrating to find the culprit the second time …
<!-- HTML -->
<blockquote>
    <p>I hope this post proves helpful to someone else that encounters the problem.</p>
    <blockquote>
        <p>It was almost as frustrating to find the culprit the second time … </p>
    </blockquote>
</blockquote>

4、代码块 `

<!-- MD -->
```javascript
testData = ‘ - time:‘ + new Date().getTime() + ‘ <br> ‘;
localStorage.setItem("test", testData);
```
<!-- HTML -->
<pre><code class="javascript">testData = ‘ - time:‘ + new Date().getTime() + ‘ &lt;br&gt; ‘;
localStorage.setItem("test", testData);
</code></pre>

5、强调 */_

<!-- MD -->
This is the *emphasis* code. and That is the most **important** part.
<!-- HTML -->
<p>This is the <em>emphasis</em> code. and That is the most <strong>important</strong> part.</p>

6、超链接 [text] (url title) / [text] [id] .. [id]: url title

(1)内联方式:

<!-- MD -->
This is [inline-link](http://daringfireball.net/projects/markdown/dingus "Title-md demo") inline link.
<!-- HTML -->
<p>This is <a href="http://daringfireball.net/projects/markdown/dingus" title="Title-md demo">inline-link</a> inline link.</p>

(2)引用方式:

<!-- MD -->
This is [ref-link] [ref-1] reference-style link.
[ref-1]: http://daringfireball.net/projects/markdown/dingus  "Title-md demo"
<!-- HTML -->
<p>This is <a href="http://daringfireball.net/projects/markdown/dingus" title="Title-md demo">ref-link</a> reference-style link.</p>

7、图片 ![text] (url title) -- 两种方式同超链接

<!-- MD -->
![Alt text](/path/to/img.jpg "Optional title")
<!-- HTML -->
<img alt="Alt text" src="/path/to/img.jpg" title="Optional title">

8、图片 :name:

<!-- MD -->
:+1:
<!-- HTML -->
<img align="absmiddle" alt=":+1:" class="emoji" height="20px" src="https://assets-cdn.github.com/images/icons/emoji/unicode/1f44d.png" title=":+1:" width="20px">

9、脚本引用 [^id]

<!-- MD -->
Footnotes[^fnote-1] are added in-text like so ...
[^fnote-1]:
Footnotes are detailed explanation.
There are always long conents in the footnotes.
<!-- HTML -->
<p>Footnotes<sup id="fnref:fnote-1"><a class="footnote-ref" href="#fn:fnote-1" rel="footnote">1</a></sup> are added in-text like so …</p>
<div class="footnote">
    <hr>
    <ol>
        <li id="fn:fnote-1">
            <p>Footnotes are detailed explanation.<br>
            There are always long conents in the footnotes.&nbsp;<a class="footnote-backref" href="#fnref:fnote-1" rev="footnote" title="Jump back to footnote 1 in the text">?</a></p>
        </li>
    </ol>
</div>

附:使用sublime预览MD文件

安装 :

Ctrl + Shift + P | PCI | Markdown Preview

预览快捷键:(Package Control Messages [To preview] 说明)

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }

参考:

https://daringfireball.net/projects/markdown/syntax

https://rephrase.net/box/word/footnotes/syntax/

http://www.cnblogs.com/hnrainll/p/3514637.html

http://blog.csdn.net/kaitiren/article/details/38513715

http://www.webpagefx.com/tools/emoji-cheat-sheet/

https://www.macstories.net/roundups/sublime-text-2-and-markdown-tips-tricks-and-links/

时间: 2024-11-05 22:50:25

笔记-Markdown常用语法的相关文章

markdown常用语法总结

markdown是一种清亮型的标记型语言.它允许人们"使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档",Markdown也已经被其他人用Perl和别的编程语言重新实现.      Markdown的语法简洁明了.学习容易,而且功能比纯文本更强,因此有很多人用它写博客.世界上最流行的博客平台WordPress和大型CMS如joomla.drupal都能很好的支持Markdown.       以上两句是分别从维基百科和百度百科down下来的对于markd

markdown 常用语法总结 - 个人版

??这里并不是要总结所有的 markdown 语法,只是总结笔者自己撰写博客时常用的一些语法. 图片设置(居中,大小) ??利用markdown在编写文档时插入图片是默认靠左,有些时候将图片设置为居中时可以更加的美观,这时就需要在图片的信息前边添加如下程序(注意: (div align=xx) 前要有至少一个空格,否则图片不会显示出来): <div align=center>![这里写图片描述](http:...)</div> 图片居中显示 ? 如果想将图片位于右侧,只需要将cen

markdown常用语法

markdown是一种text-to-html标记语言,使用它可以突出内容,凸现可读性,而抛掉html 不易读的特点.markdown文件后缀名为.md 特性 标题 markdown 支持六级标题,一级标题用#表示,二级标题用##表示,依次类推逐渐变小.如:#Foo : Foo ###Foo : Foo 斜体 斜体即强调,用*文字*表示,如文字 加粗 用**文字**表示,如文字 删除线 用~~文字~~表示,如文字 列表 有序列表,顾名思义可以自动标明顺序.用1. 2. 表示序号紧跟英文句号.然后

markdown 常用语法

(1)url: <http://example.com/> 会被解析成: <a href="http://example.com/">http://example.com/</a> ref: http://www.appinn.com/markdown/

markdown常用语法参考

一.标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 注:#和标题之间建议保留一个字符的空格,这是最标准的MarkDown写法. 二.列表 无序列表 文本 文本 文本 有序列表 文本1 文本2 文本3 注:-.1.和文本之间要保留一个字符的空格. 三.插入链接和图片 插入链接 百度 简书 插入图片 四.引用 燕子去了,有再来的时候:杨柳枯了,有再青的时候:桃花谢了,有再开的时候,但是,聪明的,你告诉我,我们的日子为什么一去不复返呢? 注:>和文本之间要保留一个字符的空格 五.粗体

Xcode playground markdown常用语法

//: **Bold** *Italic* /*: # h1 ## h2 ### h3 #### h4 h5 h6 same as h3 --- --- --- * blank seperate lines below ****** --- --- --- --- * unordered list - unordered list + unordered list --- --- 1. ordered list 2. ordered list 3. ordered list --- --- --

5.markdown入门常用语法

原文地址:https://www.jianshu.com/p/q81RER/ 「简书」作为一款「写作软件」在诞生之初就支持了 Markdown,Markdown 是一种「电子邮件」风格的「标记语言」,我们强烈推荐所有写作者学习和掌握该语言.为什么?可以参考: 『为什么作家应该用 Markdown 保存自己的文稿』. 『Markdown写作浅谈』 在此,我们总结 Markdown 的优点如下: 纯文本,所以兼容性极强,可以用所有文本编辑器打开. 让你专注于文字而不是排版. 格式转换方便,Markd

[开发笔记]-MarkDown语法

马克飞象MarkDown在线编辑器 http://maxiang.info/?basic 1. H1--H6 相应数量的# 2. 底线形式 = H1(最高阶标题)和- H2(第二阶标题) 3. 段落和换行 使用一个或多个 空行 分隔内容段来生成段落 (<p>) 在行末输入2个或以上 空格 再回车来生成换行(<br>) 4. 强调 被1个*或_包围起来的文字将会被<em>标签包围 被2个*或_包围起来的文字将会被<strong>标签包围 注:如果你的 * 和

Typora+markdown 最常用语法教程

Typora+markdown 最常用语法教程(by 程序员宝藏) Typora+markdown 最常用语法教程(by 程序员宝藏) 请先配置推荐配置(文件->偏好设置): 文章目录 Typora+markdown 最常用语法教程(by 程序员宝藏) 第一章 块元素 1.1 标题 1.2 引用 1.3 列表 1.4 任务列表 1.5 代码块 1.6 表格 1.7 横线 1.8 目录(Table of Contents -- TOC) 第二章 Span元素 2.1 链接 2.2 图片 2.3 高