Markdown

闪光乱码颗粒
Page content

基础元素

|     效果      |    Markdown     |      HTML tag       |
| :-----------: | :-------------: | :-----------------: |
|    *斜体*     |    `*斜体*`     |     `<em></em>`     |
|   **加粗**    |   `**加粗**`    | `<strong></strong>` |
|    `代码`     |    ``代码``     |   `<code></code>`   |
|  ~~删除线~~   |  `~~删除线~~`   |    `<del></del`     |
| <u>下划线</u> | `<u>下划线</u>` |      `<u></u>`      |
效果 Markdown HTML tag
斜体 *斜体* <em></em>
加粗 **加粗** <strong></strong>
代码 代码 <code></code>
删除线 ~~删除线~~ <del></del
下划线 <u>下划线</u> <u></u>

标题

<!-- 注意#后要空格 -->
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

分割线

三个或三个以上的 ***或 --- 或 ___

摘要

<\!--more-->       ///去掉感叹号前面的反斜杠

脚注

 欢迎 [^1]。
 [^1]: 点击箭头可返回（这一句要放置在文末）

欢迎 1

列表

<!-- 有序列表 -->
1. 需要空格
2. 第二个
  1. 需要空格
  2. 第二个
<!-- 无序列表 -->
- 也要空格
- 你好！
  • 也要空格
  • 你好！
<!-- 任务列表 -->
- [ ] 还没完成（中间有空格）
- [x] 完成了
  • 还没完成（中间有空格）
  • 完成了

引用

> 需要空格
> >继续引用

需要空格

继续引用

表格

| 左对齐 | 居中  | 右对齐 |
| ------ | :---: | -----: |
| Hello  | World |   你好 |
左对齐 居中 右对齐
Hello World 你好

链接

方法一：

[链接标题](链接地址)

链接标题

方法二：

[链接标题1][1]
[链接标题2][2]

[1]:链接地址
[2]:链接地址

链接标题1
链接标题2

图片

![](图片地址)

或

<img src="图片地址">

代码

 `代码内容` 
<!-- 代码块是用```包住代码 -->

反斜杠\

相当于反转义作用。使符号成为普通符号。

\# 我只想要一个井号
\* 我只想要一个星号

# 我只想要一个井号

* 我只想要一个星号

借助HTML丰富编辑格式

文字颜色&大小

颜色可查询 HTML颜色名称 或 十六进制的颜色编码 

<font size=5px>这是5px的字号</font>
<font color=#208BFF>这是蓝色的字</font>
<font size=5px color=#208BFF>这是蓝色的字</font>

这是5px的字号

这是蓝色的字

这是蓝色的五号字

文字上标&下标

这是上标<sup>2</sup>
这是下标<sub>1</sub>

这是上标2

这是下标1

换行&空格

<br><!-- 换行 -->
&nbsp;  <!-- 一个字符的半角的空格 -->
&ensp;  <!-- 一个字符的半角的空格（1/2个中文宽度） -->
&emsp;  <!-- 两个字符的全角的空格（1个中文宽度） -->
&thinsp;  <!-- 小于一个字符的空格 -->

新标签页打开

<a href="链接地址" target="_blank">链接标题</a>

链接标题

高亮文本

<mark>高亮文本</mark>

高亮文本

位置

<center>居中</center>
<p style="text-align:left">居左</p>
<p style="text-align:right">居右</p>
居中

居左

居右

图片设置高宽

<img src="图片地址"  width="300" height="300">

文本提示

<abbr title="显示内容">将鼠标移上来看看</abbr>

将鼠标移上来看看

注音

<ruby>你好<rt>Ni Hao</rt>！<ruby>

你好Ni Hao！

折叠

<details>
<summary>点击展开文本</summary>
<p>Hello World!</p>
</details>
点击展开文本

Hello World!

禁止文字复制和选中

在文章中加入以下这段代码

<body oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'>

嵌入音视频

视频方法一：嵌入视频网站给的HTML代码。

B站等默认生成的代码窗口太小，需要调整，嵌入代码：

<iframe id="sp" src="视频网站提供的代码地址&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe> 

<script type="text/javascript">   document.getElementById("sp").style.height=document.getElementById("sp").scrollWidth*0.76+"px"; </script>

Youtube等生成的代码已经预先设置了播放窗口尺寸，没有特殊需求的话不需要手动调整。

视频方法二：添加视频直链地址。

<video src="视频地址（地址结尾为.mp4等视频格式）" controls></video>

音频方法一：嵌入音频网站给的HTML代码。

音频方法二：添加音频直链地址。

<audio src="音频地址（地址结尾为.mp3等音频格式）" controls></audio>

相关参考

  1. 点击箭头可返回（这一句要放置在文末） ↩︎ ↩︎