ca88编程十分钟神速调节 MarkDown

作者:ca88编程

目录构造

在段落中填入 [TOC] 以展示全文内容的目录结构。

示例:

[toc]

1.代码

- [ ] 未完成的1
- [ ] 未完成的2
    - [x] 已完成的1
    - [x] 已完成的2
- [ ] 未完成的3
- [ ] 未完成的4

3-1- 行内式

语法表达:

[ ] 里写链接文字,( 卡塔尔里写链接地址, ( 卡塔尔中的""中得感到链接钦点 title 属性,title 属性可加可不加。

title 属性的功用是鼠标悬停在链接上会现身钦命的 title文字。[ 链接文字 ]( 链接地址 "链接标题" 卡塔尔国那样的情势。链接地址与链接题如今有三个空格。

代码:

欢迎访问 [卖姑娘的小火柴](https://gfigure.github.io/)

欢迎访问 [卖姑娘的小火柴](https://gfigure.github.io/ "卖姑娘的小火柴")

显示效果:

款待访谈 卖姑娘的温火柴

应接访谈 卖姑娘的文火柴


文字引用

利用 > 表示文字援引。

示例:

> 野火烧不尽,春风吹又生。

效果:

春风吹又生,春风吹又生。

(2)粗体

语法:使用前后各 2 个 (或_卡塔尔 包罗的文字是粗体*文字

6-1- 引用的多层嵌套

区块援用可以嵌套(例如:引用内的引用),只要依据档案的次序丰盛不一样数额的 > :

代码:

>>> 请问 Markdwon 怎么用? - 小白
>> 自己看教程! - 愤青
> 教程在哪? - 小白

显示效果:

请问 Markdwon 怎么用? - 小白
慈善看教程! - 愤青
学科在哪? - 小白


行内代码块

使用 `代码` 表示行内代码块。 ( “ ` ” 那么些按钮在 ESC 上边 State of Qatar

示例:

 让我们聊聊 `html`。

效果:

让咱们聊聊 html

2.效果



7- 插入图像

图表的创导情势与超链接相通,并且和超链接相同也会有二种写法,行内式和参谋式写法。

冬辰列表 & 有类别表

熟习 HTML 的校友明确知道有体系表与冬季列表的界别,在 Markdown 下,列表的显示只要求在文字前拉长 -* 就可以变为冬天列表,有系列表则直接在文字前加1. 2. 3.标识要和文字里面加上二个字符的空格。

示例:

- 无序列表项 一- 无序列表项 二- 无序列表项 三1. 有序列表项 一2. 有序列表项 二3. 有序列表项 三

效果:

  • 冬日列表项 生机勃勃
  • 冬天列表项 二
  • 严节列表项 三
  1. 长期以来列表项 风流倜傥
  2. 有类别表项 二
  3. 有连串表项 三

2.效果

   gantt
   dateFormat YYYY-MM-DD
   title 产品开发计划表
   section 初期阶段  
   明确需求:2017-04-11,10d
   section 中期阶段  
   跟进开发:2017-04-22,10d
   section 后期阶段  
   走查测试:2017-05-03,20d

3-3- 自动链接

语法表达:

Markdown 扶助以相比简略的全自动链接情势来管理网站和电子邮件信箱,只假诺用<>包起来, Markdown 就能够自动把它转成链接。日常网站的链接文字就和链接地址相符,比如:

代码:

<http://example.com/>

<address@example.com>

彰显效果:

http://example.com/

address@example.com


图片与链接

插入链接与插入图片的语法很像,差别在贰个 !号。

图片为:[图片上传失败...(image-5ba23a-1540445903726)]

链接为:[链接名字]

语法示例:

这是去往 [我的博客](http://www.wujiayi.vip) 的链接。![我的头像](https://avatars3.githubusercontent.com/u/30690400?v=4&s=460)

效果:

那是去往 笔者的博客 的链接。

ca88编程 1本人的头像

(16)首行缩进

写文章时,我们常常希望能够首行缩进,这时可以在段首加入 来输入一个空格.加入 来输入两个空格。

2- 分级标题

率先种写法:

这是一个一级标题
============================

这是一个二级标题
--------------------------------------------------

其次种写法:

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

绘图表格

通过 |- 会绘制表格。(相比较此外语法,这么些有个别有一些麻烦!)

ca88编程,示例:

| Tables | Are | Cool || ------------- |:-------------:| -----:|| col 3 is | right-aligned | $1600 || col 2 is | centered | $12 || zebra stripes | are neat | $1 |

效果:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

6. 特殊字符的全自动转换

在 HTML 文件中,有多少个字符须要新鲜管理: < 和 &,必需使用转义字符:& lt ; 和 & amp ;
Markdown 中,你能够随意的书写 < 和 &,编辑器会智能的进展判定:当那几个标志用于 HTML 标签中,他们将保留原型;当她们独立选拔时,将会改换为字符实体。
在代码块中,它们将统统被更改为字符实体,即:原样突显。

10-1- 行内式

代码:

  `PHP`  是世界上最好的语言

显示效果:

PHP 是社会风气上最好的语言

塑造大器晚成份待办事宜 Todo 列表

顺应制作待办事项,超轻易就能够制作出生龙活虎份备忘录。

示例:

- [ ] **七月旅行准备** - [ ] 准备邮轮上需要携带的物品 - [ ] 浏览日本免税店的物品 - [x] 购买蓝宝石公主号七月一日的船票

效果:

  • [ ] 九月游览思忖
    • [ ] 计划游轮上须要带领的物料
    • [ ] 浏览东瀛免税店的物料
    • [x] 购买蓝宝石公主号15月三十日的船票

​迎接关心本人的公众号:吴佳轶同学

以上。

(3)改造字体

粗体:Markdown中,用一对**表示强调,被强调的文字以粗体显示。
斜体:Markdown中,用一对*表示斜体。

代码:

分隔线

运用多个减号来贯彻分隔线。

示例:

---

(7)引用工具

Markdown中,用符号>开启一行引用,如果文字有多行则用多个>,
同样地>和文字间必须有空格。
这里补充一点:在Markdown中,空格 空格 Enter为换行,
而Enter为另起一段落,这在书写引用时是非常重要的

6- 引用

语法表达:

援用要求在被引述的公文前拉长 > 符号。

代码:

> 这是一个有两段文字的引用,
> 无意义的占行文字1.
> 无意义的占行文字2.
> 
> 无意义的占行文字3.
> 无意义的占行文字4.

显示效果:

那是二个有两段文字的引用,
无意义的占行文字1.
无意义的占行文字2.

无意义的占行文字3.
无意义的占行文字4.


  • 小心你的文字内容实际不是制版样式,安心写作。
  • 自在的导出 HTML、PDF 和本人的 .md 文件。
  • 纯文本内容,宽容全数的公文编辑器与字管理软件。
  • 整天改过你的稿子版本,不必像字管理软件生成若干文件版本招致混乱。
  • 可读、直观、学习花费低。

参考文献

1.Markdown | 让文本越来越精致【语法篇】
2.Markdown入门指南
3.Markdown写作浅谈
4.认知与入门马克down
5.何以指导新手使用 Markdown?
6.马克down 语法写作入门指南 by ibuick
7.图灵社区 - 怎么着使用 Markdown
8.群众能学会的极客语法马克down-有道云笔记官方
9.Markdown功能
10.什么样利用有道云笔记markdown
11.MarkDown使用小手艺
12.markdown语法小结
13.运用pandoc Markdown进行学术散文写作
14.使markdown文书档案中的图片居中
15.风姿罗曼蒂克段JS代码让Markdown自动生成左侧栏目录
16.什么用markdown生成多级有类别表?
17.哪些阅读一本书
18.markdown入门指南
19.从markdown到Gitbook,高逼格合作工具
20.简书 Markdown 语法安详严整

4- 锚点

网页中,锚点其实正是页内超链接,也正是链接本文书档案内部的一些因素,达成当前页面中的跳转。比方笔者那边写下叁个锚点,点击回到目录,就会跳转到目录。 在目录中式点心击那少年老成节,就能够跳过来。还大概有下黄金年代节的注释。那几个根本上都以用锚点来得以完成的。

注意:
Markdown 就如不协助锚点,可是能够通过插入HTML完结锚点。

语法描述:

使用 h1 / h2 ( # 个数对应相应级其他 HTML 样式标题卡塔尔,且使用 id 属性命名锚。<h1 id="锚点名称"> 锚点 </h1> ,链接至标题 [ 标题 ](# 锚点名称 卡塔尔
使用 a 标签: <a name="锚点名称"> 标题 </a>,链接至标题<a href="锚点名称"> 锚点 </a>

代码:

<h1 id = "目录">0. 目录</h1>

跳转到[目录](#目录)


## <a name="index_1"> 1. 斜体和粗体 </a>

<a href="#index_1"> 跳转到 1. 斜体和粗体 </a>

显示效果:

跳转到 1 - 斜体和粗体

专一 a 标签它兼具自个儿的体制,在此边就不示范了。


ca88编程 2markdown



斜体和粗体

Markdown 的粗体和斜体也特别轻便,用多个 * 包涵生机勃勃段文本正是粗体的语法,用贰个 * 富含一段文本便是斜体的语法。

语法示例:

这是*斜体*,这是**粗体**。

效果:

这是 斜体,这是 粗体

1.代码

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

10-3- 用六个 ` 包裹多行代码

代码:

 ` ` `
#include <stdio.h>
int main(void)
{
    printf("Hello worldn");
}
 ` ` `

来得效果:

#include <stdio.h>
int main(void)
{
    printf("Hello worldn");
}

代码块

利用 多个缩进空格 或 ``` 表示代码块。

示例:

这是一个代码块,此行左侧有四个不可见的空格。

@requires_authorizationclass SomeClass: passif __name__ == '__main__': # A comment print 'hello world'

(11卡塔尔国表格工具

Maekdown中用|来表示表格的行列框线,从而构成表格。

5-2- 有连串表

有体系表则接受数字接着一个韩语句点。

代码:

1. 有序列表项 一
2. 有序列表项 二
3. 有序列表项 三

呈现效果:

  1. 有系列表项 豆蔻梢头
  2. 有连串表项 二
  3. 有类别表项 三

Markdown 是黄金时代种轻量级的「标志语言」,它的亮点超多,近年来被越来越多的创作爱好者,编辑者广泛应用。见到此间请不要被「标记」「语言」所吸引,Markdown 的语法非常轻巧。常用的标志符号也不超越11个,这种相对于进一层复杂的 HTML 标志语言来讲,Markdown 可谓是出色轻量的,学习成本也无需太多,且意气风发旦熟识这种语法则则,会有暂劳永逸的作用。

1State of Qatar 行内代码块

语法:
方式风度翩翩:使用多个 ` 将代码包罗起来
措施二:使用四个```将代码满含起来

3- 超链接

Markdown 支持二种样式的链接语法: 行内式和参谋式二种形式,行内式常常接受非常多。

分级标题

标题是每篇文章都亟待也是最常用的格式,在 马克down 中,假诺少年老成段文字被定义为标题,只要在这里段文字前加 # 号即可。

语法示例:

# 这是一个一级标题## 这是一个二级标题### 这是一个三级标题

4.双标记

既可用作区块标识又可视作行内标志的灯号。

5- 列表

b.效果

   可以高亮度显示的代码内容
    *斜体*或_斜体_
    **粗体**
    ***加粗斜体***
    ~~删除线~~

3卡塔尔(قطر‎注意事项:

在代码区块内部,", <>,& 将会自动转换为转义字符  
在代码区块内部,Markdown 标记将保持原样,即:星号(*)就是星号(*),不被解释为特殊标记,
这样就可以不能继续使用 Markdown 语法了

突显效果:
那是大器晚成段斜体
那是风流倜傥段粗体
那是大器晚成段加粗斜体
这是一段删除线

马克down的局限性

1.Markdown尚无居中和右对齐效能,除非做扩展。
2.不如的Markdown工具成效会分化等,高等功用并非都有的。
3.markdown 是个顺手的工具,可是简书不援助语法高亮,不显得代码行号
4.目录索引很要紧,写技能类小说条理超重大,在开始营业有个目录,极其有必不可缺
5.简书尚不扶持的符号和不足

  1. 用以转移目录索引的 [TOC]
  2. 用来注解小说标签的 tags
  3. 概念列表和待办事宜 Todo 列表
  4. 数学公式
  5. 各样图片:流程图、时序图、甘特图
  6. 任何才干,如:{mermaid}
  7. 区块代码中不显示行号

6.给简书的某个提议

  1. 对此普通顾客来说,定义列表、生成目录索引和文章标签效应是十三分供给的,希望能够尽早增加那么些意义。希望能够达成预览图和编辑器的一同滚动作效果应。
  2. 对于理工科狗来说,编辑 LaTex数学公式是充裕须要的机能,希望能够急速扩充这几个效应。
  3. 对此代码狗来说,区块代码中显得行号,以至流程图、时序图是极度必要的作用,希望可甚至早扩大那么些功效。
  4. 别的的举个例子:待办事宜列表、甘特图,mermaid等效率,能够稳步实现。

  1. 《Markdown让文字更是精致》 ↩

  2. 注脚内容 ↩

10- 代码

对于技术员来说这一个成效是必须的,插入程序代码的措施有三种,意气风发种是运用缩进( Tab 卡塔尔(قطر‎, 另生机勃勃种是行使 " ` " 符号(日常在ESC键下方)包裹代码。

语法表明:

布署行内代码,即插入八个单词也许一句代码的情况,使用 `code` 那样的款型插入。
安顿多行代码,能够运用缩进或然 ``` code ``` ,具体看示例。
注意: 缩进式插入前方必得有空行

(15)分隔符

分割线的语法只需要另起一行,连续输入三个及以上 星号 *** 即可。
或者是三个及以上 下划线符号---即可。

9- 分隔线

您可以在大器晚成行中用多少个以上的星号、减号、底线来确立贰个分隔线,行内不能够有任李铁西。你也能够在星号或是减号中间插入空格。上面各类写法都得以成立分隔线:

代码:

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

展现效果 :



a.代码

*

5-1- 冬天列表

使用 *, ,- 表示冬辰列表。

代码:

- 无序列表项 一
- 无序列表项 二
- 无序列表项 三

来得效果:

  • 冬天列表项 意气风发
  • 冬季列表项 二
  • 无连串表项 三

a.示例代码
*斜体*,   
_斜体_  

7-2- 参考式

语法表达:

在文档要插入图片的地点写 ! [ 图片Alt ] [ 标记]

在文档的末段写上 [ 标记 ] : 图片地址 “Title”

代码:

卖姑娘的小火柴 :
![卖姑娘的小火柴][flower]
[flower]:http://oqiflua2i.bkt.clouddn.com/avatar.png   "卖姑娘的小火柴"

来得效果:

卖姑娘的温火柴 :

ca88编程 3

卖姑娘的大火柴

效果 (```)
// JQuery 的 Hello, world
$(function(){
    alert("Hello, world!")
});

7-1- 行内式

语法表明:

![图片Alt](图片地址 “图片Title”卡塔尔(قطر‎
语法中图片Alt的意味是假设图片因为有些原因不能够显得,就用定义的图片Alt文字来代表图片。 图片Title则和链接中的Title相像,表示鼠标悬停与图片上时现身的文字。 Alt 和 Title 都不是必得的,可以简轻易单,但提议写上。

代码:

卖姑娘的小火柴 :

![卖姑娘的小火柴](http://oqiflua2i.bkt.clouddn.com/avatar.png "卖姑娘的小火柴")

来得效果:

卖姑娘的文火柴 :

ca88编程 4

卖姑娘的大火柴

b.效果

粗斜体粗斜体
粗斜体粗斜体

3-2- 参考式

参考式超链接日常用在学术杂文下边,可能另生龙活虎种景况,借使某一个链接在小说中多处选取,那么使用援用的章程制造链接将十分好,它能够令你对链接实行归拢的管理。

语法表明:

参考式链接分为两部分,文中的写法 [链接文字][链接标志],在文书的即兴地方增加[链接标识]:链接地址 “链接标题”,链接地址与链接题如今有二个空格。

若果链接文字本人能够做为链接标志,你也足以写成[链接文字][]
[链接文字]:链接地址的样式,见代码的终极风流罗曼蒂克行。

代码:

友情链接:[Google][1]、[知乎][2] 以及 [卖姑娘的小火柴][3]

[知乎网站][2] :与世界分享你的知识、经验和见解

[点击][]开始分享

[1]:http://www.google.com "Google"
[2]:https://www.zhihu.com/ "知乎"
[3]:https://gfigure.github.io/ "梵居闹市"
[点击]:https://www.zhihu.com/people/geng-dong-fei/activities

来得效果:

友情链接:Google、知乎 以及 卖姑娘的温火柴

腾讯网网址 :与社会风气分享您的知识、涉世和观念

点击 开头大吃大喝


7. Markdown 与 HTML 的关系

HTML 是少年老成种公布的格式,Markdown 是生龙活虎种书写的格式。
马克down 的格式语法只蕴涵纯文本能够包涵的界定。
在 Markdown 中可直接使用 HTML 标签,但要求介怀

  • 对于 HTML 区块成分――如 div、table、pre、p 等标签,必得在左右加上空行与其余内容区隔开分离,还必要它们的始发标签与终极标签不可能用制表符(tab卡塔尔或空格来缩进
  • HTML 的行内标签——如 span、cite、del 能够在 Markdown 的段子、列表或是标题里自由动用。
  • 在 HTML 的区块标签中的 Markdown 标签是尚未效果的

10-2- 缩进式多行代码

缩进 4 个空格或是 1 个制表符

一个代码区块会向来不停到未有缩进的那大器晚成行(或是文件结尾)。

代码:

    #include <stdio.h>
    int main(void)
    {
        printf("Hello worldn");
    }

来得效果:

#include <stdio.h>
int main(void)
{
    printf("Hello worldn");
}

(4)代码块工具

<h2 id = "index_1">1- 斜体和粗体</h2>

1.代码

*要改变字体为斜体的内容*
**要改变字体为粗体的内容**
***要改变字体为斜体 粗体字的内容***

只顾符号和文书之间未有空格

8- 表格

语法表明:

不管是哪种方式,第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行。

列于列之间用管道符|隔开。原生方式的表格每一行的两边也要有管道符。

第二行还可以为不同的列指定对齐方向。默认为左对齐,在-右边加上:就右对齐。

代码:

简短方法写表格:

学号|姓名|分数
-|-|-
小明|男|75
小红|女|79
小陆|男|92

原生方式写表格:

|学号|姓名|分数|
|-|-|-|
|小明|男|75|
|小红|女|79|
|小陆|男|92|

来得效果:
综上说述方法写表格:

学号 姓名 分数
小明 75
小红 79
小陆 92

原生方式写表格:

学号 姓名 分数
小明 75
小红 79
小陆 92

b.效果

  1. 那是平稳列表
  2. 那是不改变列表
  3. 那是金城汤池列表
  4. 那是有体系表

备注

  • 八个列表之间无法相邻,否则会分解为嵌套的列表
  • 冬季列表的门类标记可选择 *, ,- 效果是生机勃勃律的。
  • 列表与持续内容之间要求一个空行隔绝,即:列表是二个段落
  • 列表允好些个档案的次序嵌套
  • 能够在项目中隐含段落,只需将段落前增多三个 tab 或 4 个空格
  • 区块标识:是指内容侵吞一块,需前后换行,不和此外标记共处生龙活虎行的号子。
  • 段落:就是意气风发段连接的文字,可含蓄*、空格、换行、tab等字符。五个段子之间接选举用空行分隔。注意:换行不是分支的标志,空行才是.

b.效果

一语未了,只听后院中有人笑声,说:“作者来迟了,不曾接待远客!"


a.代码

一语未了,只听后院中有人笑声,说:“我来迟了,不曾迎接远客!"

1.代码

```
graph TD
A[NO.1]-->B(No.2)
B --> C{think}
    C -->|是| C1[No.3]
    C -->|否| C2[No.4]
    C -->|随机|D[No.4]

```
b.效果

在 Java 输出 Hello, world :System.out.print("Hello, World!");
在 Java 输出 Hello, world :System.out.print("Hello, World!");

(2)制作标题

用法介绍
在马克down中,大家通过在文字侧边增多#来表示标题,且#的数量调控了标题标等第,最多能够象征六级标题,即选取四个#。
当然也得以在文字左侧边都应用#,比如#这是一流标题#,效果同上

(3) 删除文字

语法:使用前后各 2 个 ~ 富含的文字是去除文字

(17)增添空行

在markdown中添加空行可以结束先前的格式状态。个人建议在改变格式时,均添加一个空行。

3.分隔符

  • tab
  • 多个以上的***
  • 八个以上的---

a.代码

![有道云笔记图片](http://note.youdao.com/favicon.ico)
![天气预报](http://cdn.heweather.com/cond_icon/309.png)    
备注:括号一定要是英文字符哦!

a.代码

>引用状态
[空行]
###标题状态
[空行]
------
[空行]
- 列表状态
- 列表状态

本文由ca88发布,转载请注明来源

关键词: ca88网址 十分钟 快速 MarkDown 前端杂货铺