markdown学习笔记

来源:互联网 发布:电子海报制作软件 编辑:程序博客网 时间:2024/05/17 21:59

markdown

编辑标题

如何在markdown中编辑标题,我们可以使用这种形式 ##标题## 的这种形式来编辑标题。
#标题#表示一级标题
##标题##表示二级标题
……
######标题######表示六级标题

引用

我们使用着”>”来为编辑器添加引用,我们然后在后面空出两行来结束引用。

下面是示范:

引用ing,引用测试

上面是我们编辑的引用的示范

列表

Markdown 支持有序列表和无序列表。

无序列表使用星号、加号或是减号作为列表标记:

无序列使用* + — 来作为标记队列标记*   Red-   Green+   Blue    

下面是使用效果:

  • Red
  • Green
  • Blue

有序列表则使用数字接着一个英文句点再在后面加上一个空格的形式:

1.  Bird2.  McHale3.  Parish

下面是使用效果:

  1. bird
  2. McHale
  3. Parish

列表项目可以包含多个段落,每个项目下的段落都必须缩进 4 个空格或是 1 个制表符

1.  This is a list item with two paragraphs. Lorem  ipsum dolorsit amet, consectetuer adipiscing elit. Aliquam     hendreritmi posuere lectus.Vestibulum enim wisi, viverra nec, fringilla in,    laoreetvitae, risus. Donec sit amet nisl. Aliquam semper   ipsumsit amet velit.2.  Suspendisse id sem consectetuer libero luctus   adipiscing.

代码区块

和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块,通常这些区块我们并不希望它以一般段落文件的方式去排版,而是照原来的样子显示,Markdown 会用 \

 和 \ 标签来把代码区块包起来。 
例如,下面的输入:

<p>这是一个普通段落:</p><pre><code>这是一个代码区块。</code></pre>

要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以。

分隔线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

* * *********- - ----------------------------------------

效果都为:


建立链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式。

不管是哪一种,链接文字都是用 [方括号] 来标记。

要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可,如果你还想要加上链接的 title 文字,只要在网址后面,用双引号把 title 文字包起来即可,例如:

This is [an example](http://example.com/ "Title") inline link.

This is an example inline link.

强调

Markdown 使用星号()和底线(_)作为标记强调字词的符号,被 或 _ 包围的字词会被转成用 \ 标签包围,用两个 * 或 _ 包起来的话,则会被转成 \,例如:

*戴益波* **戴益波**

效果为:
戴益波
戴益波

图片

很明显地,要在纯文字应用中设计一个「自然」的语法来插入图片是有一定难度的。

Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式: 行内式和参考式。

行内式的图片语法看起来像是:

![Alt text](/path/to/img.jpg)![Alt text](/path/to/img.jpg "Optional title")//这个可以直接设置图片的大小![Alt text](file:///Users/boy128/Desktop/1.jpg =400x200 "Optional title" )

详细叙述如下:

一个惊叹号 !
接着一个方括号,里面放上图片的替代文字
接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上 选择性的 ‘title’ 文字。

下面为一个例子:
图片添加

如何控制img的大小,这边我们使用另一个句子来控制图片的大小:

<img src="http://img.blog.csdn.net/20150420094135906" width = "400" height = "300" />

0 0
原创粉丝点击