Markdown中怎样显示HTML标签以及转义字符呢？
我们在使用Markdown编辑器时，如果遇到HTML标签，则编辑器会将内容转为HTML标记，这就与我们原来的本意像违背了，如果我们只是想显示一些标签的字面内容而不想被转换，这时我们需要懂得一些常用的转义字符表：
例如：我们只是想显示<HTML>这个内容，但是如果直接写就会被转换而看不见。
所以，写的形式应该为：
<HTML> 或者 <HTML>
还有一个改变字体颜色用html css的其他属性并没什么卵用，只能用下面这个：
<font color="red">变红了吧</font>
效果
变红了吧
既然到这了，就继续把Markdown的语法总结一下吧，下次忘记了再来次查看一下：
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。
相比WYSIWYG编辑器
优点：
1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可
缺点：
1、需要记一些语法（当然，是很简单。五分钟学会）。
2、有些平台不支持Markdown编辑模式。
还好，简书是支持Markdown编辑模式的。
开启方式：设置->默认编辑器->Markdown编辑器
一、标题
在想要设置为标题的文字前面加#来表示
一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。
注：标准语法一般在#后跟个空格再写文字，貌似简书不加空格也行。
示例：
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
效果如下：
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
二、字体
加粗
要加粗的文字左右分别用两个*号包起来
斜体
要倾斜的文字左右分别用一个*号包起来
斜体加粗
要倾斜和加粗的文字左右分别用三个*号包起来
删除线
要加删除线的文字左右分别用两个~~号包起来
示例：
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
效果如下：
这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字
三、引用
在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>
n个…
貌似可以一直加下去，但没神马卵用
示例：
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容
效果如下：
这是引用的内容
这是引用的内容
这是引用的内容
四、分割线
三个或者三个以上的 - 或者 * 都可以。
示例：
---
----
***
*****
效果如下：
可以看到，显示效果是一样的。
五、图片
语法：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yAz5I26m-1595927424124)(图片地址 ''图片title'')]
图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加
示例：
效果如下：
blockchain
上传本地图片直接点击导航栏的图片标志，选择图片即可
六、超链接
语法：
[超链接名](超链接地址 "超链接title")
title可加可不加
示例：
[简书](http://jianshu.com)
[百度](http://baidu.com)
效果如下：
简书
百度
注：Markdown本身语法不支持链接在新页面中打开，貌似简书做了处理，是可以的。别的平台可能就不行了，如果想要在新页面中打开的话可以用html语言的a标签代替。
<a href="超链接地址" target="_blank">超链接名</a>
示例
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>
七、列表
无序列表
语法：
无序列表用 - + * 任何一种都可以
- 列表内容
+ 列表内容
* 列表内容
注意：- + * 跟内容之间都要有一个空格
效果如下：
- 列表内容
- 列表内容
- 列表内容
有序列表
语法：
数字加点
1.列表内容
2.列表内容
3.列表内容
注意：序号跟内容之间要有空格
效果如下：
1.列表内容
2.列表内容
3.列表内容
列表嵌套
上一级和下一级之间敲三个空格即可
一级无序列表内容
二级无序列表内容
二级无序列表内容
二级无序列表内容
一级无序列表内容
二级有序列表内容
二级有序列表内容
二级有序列表内容
一级有序列表内容
二级无序列表内容
二级无序列表内容
二级无序列表内容
一级有序列表内容
二级有序列表内容
二级有序列表内容
二级有序列表内容
八、表格
语法：
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略
示例：
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
效果如下：
| 姓名 | 技能 | 排行 |
|---|---|---|
| 刘备 | 哭 | 大哥 |
| 关羽 | 打 | 二哥 |
| 张飞 | 骂 | 三弟 |
九、代码
语法：
单行代码：代码之间分别用一个反引号包起来
`代码内容`
代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行
(```)
代码...
代码...
代码...
(```)
注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。
示例：
单行代码
`create database hero;`
代码块
(```)
function fun(){
echo "这是一句非常牛逼的代码";
}
fun();
(```)
效果如下：
单行代码
create database hero;
代码块
function fun(){
echo "这是一句非常牛逼的代码";
}
fun();
十、流程图
```mermaid
flowchat
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```
效果如下：
以下是CSDN中markdown的特例
CSDN在如何将图片实现居中显示呢，当然可以用代码操作居中，
<div align=center><img src="image_path" width="600"/></div>
下面介绍个更简单的。
人家帮助文档里明明白白的写了!
直接在图片链接后面加上#pic_center就可以了!
比如:
1
改为
就可以了
CSDN如何自定义水印
首先这是原始的
下面是插入图片的时候编辑器中生成的代码：
https://img-blog.csdnimg.cn/20190624185904400.png?
x-oss-process=image/watermark,
type_ZmFuZ3poZW5naGVpdGk,
shadow_10,
text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3Njc0NDM5,
size_16,
color_FFFFFF,
t_70
修改text的参数即可
继续研究水印的URL参数：
第1个参数，watermark，值为数字“2”，改变其为1,2,3,4,5，测试发现，1,4,5均不能正常解析，2.1，2.2等介于2,3之间的数也无法解析，2,3可以正常解析，且3的颜色比2的白
第2个参数：text，可以看出是Base64加密后的，解密后即为：this is a dog，可以用其他字符串Base64之后替换。Base64算法转换可用以自定义转换
第3个参数：font，估计是字体，但没弄清楚具体的编码方式
第4个参数：fontsize，改成800后，不显示水印，改成200后，水印变成原来一半大小
第5个参数：fill，水印颜色的Base64，解码后为#BABAB0，同参数2，Base64之后可改变颜色
第6个参数：dissolve，类似于透明度，值越大，水印显示越明显
扫一扫
1088
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
