美文网首页
Markdown的学习

Markdown的学习

作者: 缪丽丽 | 来源:发表于2018-03-13 19:09 被阅读0次

为什么要学习markdown

Markdown是一种轻量级的标记语言,Markdown 允许 HTML 语法, 所以使用者如果需要可以直接用 HTML来表示是可以的。Markdown最初由Gruber应用在Perl语言中,但现在已经有多种编程语言应用了

简单来说使用markdown易读易写非常方便

怎么快速学好markdown

其实HTML 已经很容易写了。Markdown 的理念是,能让文档更容易读、写和随意改。HTML 是一种发布的格式,Markdown 是一种书写的格式,那这边需要注意的事HTML和Markdown的特殊符号,在 HTML 文件中,有两个字符需要特殊处理: < 和 & ,< 符号用于起始标签,& 符号则用于标记 HTML 实体,如果你只是想要显示这些字符的原型,你必须要使用实体的形式,像是 < 和 &。& 字符尤其让网络文档编写者受折磨,如果你要打「AT&T」 ,你必须要写成「AT&amp;T」。而网址中的 & 字符也要转换。类似的状况也会发生在 < 符号上,因为 Markdown 允许 [兼容 HTML],如果你是把 < 符号作为 HTML 标签的定界符使用,那 Markdown 也不会对它做任何转换。

1,举例比如你想要链接到该网址:http://images.google.com/images?num=30&q=larry+bird
那么由于特殊符号的问题,你需要把链接转换修改成http://images.google.com/images?num=30&amp=larry+bird
2,举例如果你想表达的意思是4<5,那么由于markdown对html的兼容性,它会转化4 &lt;5

那么接下来我们就开始学习Markdown喽,首先先从标题来入手

Markdown的标题可以有6级,依次有不同的字体大小,即

>#一级标题
>## 二级标题
>### 三级标题
>#### 四级标题
>##### 五级标题
>###### 六级标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

在编辑输入时通常会遇到这样的分割的情况,你输入的文字与展示的样式不符,那么可以在该段落或字词前后加上```符号

区块引用

在写一篇文章或者论文等情况想要引用一段序或名人名言时,可借助>符号,如果是一整段,那么第一句前面加上>即可,如果分段很多,那可在每行前面加上>
举例:

>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

列表

Markdown 支持有序列表和无序列表。
简单说无序列表使用星号、加号或是减号作为列表标记:有序列表使用数字作为列表标记
举例:

*   Red
*   Green
*   Blue
+   Red
+   Green
+   Blue
-   Red
-   Green
-   Blue
1.  Bird
2.  McHale
3.  Parish

另外有一点很重要,有序列表的数字是不影响HTML的输出结果的,以上有序列表的HTML结果是:(但有序列表数字如果从123变成567或138等,那么输出HTML结果是不变,简单说可以完全不用在意数字的正确性或顺序性)

<ol>
<li>Bird</li>
<li>McHale</li>
<li>Parish</li>
</ol>

还有以下情况也需要注意,1,列表输入可以是有间行的,但是展示样式会有所变化,如果列表项目间用空行分开,在输出 HTML 时 Markdown 就会将项目内容用 <p> 标签包起来;2,列表项目可以包含多个段落,每个项目下的段落都必须缩进 4 个空格或是 1 个制表符
举例无间行:

*   Bird
*   Magic

会被转换为:

<ul>
<li>Bird</li>
<li>Magic</li>
</ul>

有间行:

*   Bird

*   Magic

会被转化为:

<ul>
<li><p>Bird</p></li>
<li><p>Magic</p></li>
</ul>

代码区块

和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块,通常这些区块我们并不希望它以一般段落文件的方式去排版,而是照原来的样子显示,Markdown 会用 <pre> 和 <code> 标签来把代码区块包起来。要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以

    <body>
         <h1>baidu</h1>
        <a href="www.baidu.com">this is link</a>
        <h2>baidu</h2>
       <a href="www.baidu.com" target="_blank">打开连接</a>
    </body>

链接+图片

在 Markdown 中,插入链接不需要其他按钮,你只需要使用 [显示文本]+链接地址这样的语法即可,使用的链接文字都是用 [方括号] 来标记

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

[百度](http://www.baidu.com

在 Markdown 中,插入图片不需要其他按钮,你只需要使用 ![]+图片链接地址)这样的语法即可

>![](https://img.haomeiwen.com/i259/0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![猫咪]https://wx3.sinaimg.cn/mw690/70e11e0fly1fpa6fjb672j20du0dumxu.jpg

注意:插入图片的语法和链接的语法很像,只是前面多了一个 !

其他

Markdown的内容基本已经学完,现在再让我们看看一些辅助符号和字体的学习使用,粗体和斜体,星号(*)和底线(_)作为标记强调字词的符号,分隔线等
用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法

*一盏灯*, 一片昏黄;**一简书**, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

展示的形式是:一盏灯, 一片昏黄;一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞

Markdown 使用星号()和底线(_)作为标记强调字词的符号,被 * 或 _ 包围的字词会被转成用 <em> 标签包围,用两个 * 或 _ 包起来的话,则会被转成 <strong>,星号()和底线(_)也可以直接插在文字中间

*single asterisks*
_single underscores_
**double asterisks**
__double underscores__

会转化:

<em>single asterisks</em>
<em>single underscores</em>
<strong>double asterisks</strong>
<strong>double underscores</strong>
un*frigging*believable

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

* * *

***

*****

- - -

---------------------------------------

相关文章

  • MARKDOWN学习笔记

    标题 # MARKDOWN学习笔记 MARKDOWN学习笔记 MARKDOWN学习笔记- MARKDOWN学习笔记...

  • 全栈工程师之路8-4

    #markdown的学习 ## markdown的下载MarkdownPad - The Markdown Edi...

  • github_markdown语法大全整理

    markdown github markdown语法 markdown引擎 学习markdown 文档说明 本文用...

  • MarkDown学习

    **学习网站: ** Markdown学习 中文简单MD语法 Markdown 语法说明 Markdown写作浅谈...

  • MarkDown学习例程

    #MarkDown学习例程 今天学习了MarkDown语法,觉得MarkDown显示效果非常简洁。之所以学习Mar...

  • 文章目录

    Markdown学习 Markdown学习 Java学习 Servlet学习笔记 Java问题 Tomcat问题修...

  • 1.为什么要学markdown

    学习markdown语法 为什么要学习markdown语法呢? markdown与富文本的区别: 参考链接:官方的...

  • Markdown 总结

    Markdown 学习 一 Markdown介绍 1.1 什么是Markdown? Markdown 是一个 We...

  • Markdown 学习记录

    MarkDown 学习记录 参考 http://www.markdown.cn/ 简介 Markdown 的目标是...

  • 学习使用markdown

    这里学习使用markdown 今天看了一些markdown的学习资料,现在简单的总结一下。 markdown是什么...

网友评论

      本文标题:Markdown的学习

      本文链接:https://www.haomeiwen.com/subject/gnvzfftx.html