Markdown如何学习,看完这篇文章就够了。(下)

简介: Markdown如何学习,看完这篇文章就够了

Markdown如何学习,看完这篇文章就够了。(上):https://developer.aliyun.com/article/1462404


四、Markdown区块


Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

> 区块引用

区块嵌套


一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推:

> 最外层
> > 一层嵌套
> > > 二层嵌套

区块中使用列表

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项

列表中使用区块

* 第一项
    > 区块1
* 第二项
    > 区块2

预览效果:


五、Markdown代码


段落上片段代码

`printf()` 函数

代码区块


1、使用 4 个空格或者一个制表符(Tab 键)。

<?php
    echo '代码区块';
    ?>

2. ``` 包裹一段代码,并指定一种语言(也可以不指定)

```javascript
$(document).ready(function(){
    alert('')
})
\```

预览效果:


六、Markdown链接


使用格式


1. `[链接文本](链接)`
2. 直接使用 `<链接>`
[链接](https://baidu.com)
<https://baidu.com>

高级链接

用 1 作为网址变量 [baidu][1] ,然后在文档的结尾为变量赋值(网址)
[1]: https://baidu.com

预览效果:


七、Markdown 图片


Markdown 图片语法格式如下:

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
![alt 属性文本](https://www.baidu.com/img/PCtm_d9c875234567620d6cf.png "图片标题")

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img> 标签。

<img decodeing="async" src="https://www.baidu.com/img/PCtm_d9c8ngghy57089fa7d55720d6cf.png" width="50%">

预览效果:


八、Markdown表格


Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |

设置表格对齐方式

-: 右对齐  
:- 左对齐  
:-: 居中对齐

实例如下:

| 此列右对齐 | 此列居中对齐 |
| ------: | :----: |  
| 单元格 | 单元格 |
| 单元格 | 单元格 |

预览效果:


九、Markdown高级技巧


使用 HTML 元素


Markdown可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 。

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

转义


Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

**加粗文本**  
\*\*不会加粗文本\*\*

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号


公式


默认下的分隔符:


$...$ 或者 \(...\) 中的数学表达式将会在行内显示。

$$...$$ 或者 \[...\] 或者 ```math 中的数学表达式将会在块内显示。

$f(x) = sin(x) + 12$
$$
\begin{Bmatrix}
   a & b \\
   c & d
\end{Bmatrix}
$$
$$
\begin{CD}
   A @>a>> B \\
@VbVV @AAcA \\
   C @= D
\end{CD}
$$

颜色字体


设置颜色字体格式如下:

<font color="颜色">文本内容

实例如下:

<font color="red">红色字体

预览效果:

相关文章
|
6月前
typro收费了,怎么看markdown文章?推荐谷歌markdown插件
typro收费了,怎么看markdown文章?推荐谷歌markdown插件
typro收费了,怎么看markdown文章?推荐谷歌markdown插件
如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
相信有很多童鞋跟我一样,热衷于用Markdown来编写文章。由于其简单的语法和清晰的渲染效果,受到广大码农朋友们的推崇。但是,当我们想维护起自己的公众号时,公众号编辑器往往让我们费劲了脑汁。本人尝试了各种工具,比如:秀米一些在线提供多种不同样式的编辑器。虽然这些编辑器都能够完成编辑任务,但是效果并不理想。与我们所追求的简洁、清晰风格总是格格不入,尤其是对于代码的展示非常的不友好。所以,这里给大家推荐一个本站的在线工具,可以帮助大家快速地把Markdown文章转换成微信公众号支持的漂亮格式。
355 0
如何将Markdown文章轻松地搬运到微信公众号并完美地呈现代码内容
|
4月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
|
6月前
Markdown如何学习,看完这篇文章就够了。(上)
Markdown如何学习,看完这篇文章就够了。
|
人工智能 Java Spring
很多博主用Markdown格式文章?直呼真不错!
很多博主用Markdown格式文章?直呼真不错!
103 0
|
程序员 Perl
MarkDown入门学习总结教程
我们坚信写作写的是内容,所思所想,而不是花样格式.
143 0
MarkDown入门学习总结教程
|
程序员 Perl
Markdown学习(入门级)(下)
Markdown学习(入门级)(下)
126 0
Markdown学习(入门级)(下)
typro收费了,怎么看markdown文章?推荐谷歌markdown插件
typro收费了,怎么看markdown文章?推荐谷歌markdown插件
168 0
typro收费了,怎么看markdown文章?推荐谷歌markdown插件
这么好用的markdown,还不知道怎么用,快来看看这篇文章吧
MARKDOWN基本语法 前几天我想朋友推荐了这个轻量级的标记语法,为了更好的帮助大家了解这个标记语言。我就出来写一篇文章来介绍一下这个标记语言。