惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

A
About on SuperTechFans
Cloudbric
Cloudbric
C
CERT Recently Published Vulnerability Notes
G
GRAHAM CLULEY
V
Vulnerabilities – Threatpost
C
Cisco Blogs
T
Tenable Blog
P
Privacy International News Feed
T
The Exploit Database - CXSecurity.com
I
Intezer
AWS News Blog
AWS News Blog
IT之家
IT之家
博客园 - 司徒正美
C
Cybersecurity and Infrastructure Security Agency CISA
博客园 - 【当耐特】
The Hacker News
The Hacker News
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Spread Privacy
Spread Privacy
S
SegmentFault 最新的问题
博客园 - Franky
人人都是产品经理
人人都是产品经理
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
V
Visual Studio Blog
C
CXSECURITY Database RSS Feed - CXSecurity.com
H
Hacker News: Front Page
Latest news
Latest news
Scott Helme
Scott Helme
腾讯CDC
宝玉的分享
宝玉的分享
大猫的无限游戏
大猫的无限游戏
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
A
Arctic Wolf
S
Securelist
雷峰网
雷峰网
The GitHub Blog
The GitHub Blog
Project Zero
Project Zero
Google DeepMind News
Google DeepMind News
P
Palo Alto Networks Blog
F
Fortinet All Blogs
Schneier on Security
Schneier on Security
云风的 BLOG
云风的 BLOG
Security Archives - TechRepublic
Security Archives - TechRepublic
The Last Watchdog
The Last Watchdog
WordPress大学
WordPress大学
MongoDB | Blog
MongoDB | Blog
L
LINUX DO - 最新话题
S
Schneier on Security
NISL@THU
NISL@THU
Jina AI
Jina AI
M
MIT News - Artificial intelligence

爱吃猫的鱼

当身体被强制暂停 盘点开发者眼里的赛博大善人(一) 博客系统 FlecBlog 现已正式开源 Windows 注册表原理与实战指南 GitHub Actions 自动化部署全攻略 自研博客系统打造极致极简创作体验 2025 年度总结 替代 Alist 的多存储文件列表程序 OpenList 高通 410 随身 WiFi 刷入 Debian 利用 BAT 脚本实现高效自动化部署方案 B7c61c40 全面详解开箱即用的 AI 工具 Cursor 2024 年度总结 使用 Hexo 多种部署方法搭建个人网站 利用 Termux 让安卓手机成为专属家庭服务器 全面详细的常用Linux命令汇总(2) Follow:信息浏览聚合,万物皆可订阅 QRcodeGen项目介绍,基于Python打造二维码生成新利器 Nginx 可视化编辑工具 Nginx UI 安装和使用 深入探究电子邮件三大协议 使用Ventoy集成多PE打造强大U盘 Xterminal:颜值高、功能强,追求卓越体验的SSH工具 高效利用 GitHub 搜索,精准快速获取所需 IDM:广受欢迎的高速下载管理器 让Meting API解锁音乐开发新可能 零基础Docker入门指南 服务器最佳搭档,宝塔和1Panel的部署与选择 FinalShell:功能强大的服务器管理和远程连接工具 C3dc4fa3 玩转npm:从基础到实践的全面指南 GitHub Desktop:让代码托管不再高深莫测 85af4b3 推荐10个有趣的摸鱼网站,让快乐简单起来 F34ad695 E2f1455b 503a6294 22ea4c20 A43ddadb Ba7d8a84 Caffd8d6 20820ccd E3ddac0 88040fa7 Ca1756cf Aa5669ee 78084f29 98b56a65 Efba7c23
掌握Markdown技巧,轻松应对写作需求
Talen · 2024-05-22 · via 爱吃猫的鱼

Markdown 是一种轻量级标记语言,它以简洁易读的文本格式来编写文档。

特点

  1. 简单易学:语法简洁明了,容易上手。
  2. 可读性高:纯文本形式,便于阅读和理解。
  3. 跨平台:在各种操作系统和设备上都能使用。
  4. 广泛应用:常用于文档编写、博客文章、技术文档等。

注意:

本文 Markdown 语法使用 VSCode 编辑并使用其插件 Markdown Preview Enhanced 预览。

1 基本语法

最简单的语法,通常在大部分编辑器中都可以使用。

1.1 标题

使用一定数量的#标记标题,#的数量代表标题的级别。

MARKDOWN

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

image-20240520214045132

使用三个以上的=-在后一行可以标记一级标题和二级标题。

MARKDOWN

一级标题
===

二级标题
---

image-20240520214208160

1.2 段落

段落无特殊格式,直接编写文字就可以;换行需要在段落后面加一个空行表示重新开始一个新段落。

image-20240520214301969

1.3 强调

使用一定数量的*_标记加粗、倾斜等效果表示强调,它需要在目标文本的前后添加相同相等的符号来标记开始和结束。推荐使用*

MARKDOWN

**加粗**

*倾斜*

***加粗倾斜***

__加粗__

_倾斜_

___加粗倾斜___

image-20240520215755614

1.4 分割线

使用三个以上的*-_标记分割线,需要在单独一行使用。推荐使用-

image-20240520220402859

1.5 引用

使用>标记区块引用,使用两个以上的>标记嵌套的区块引用,其它大部分语法都可以嵌套在引用其中。

MARKDOWN

> 区块引用
>
>> 嵌套的区块引用

image-20240520221402730

1.6 列表

列表分为无序和有序两种。使用*+-标记无序列表,使用数字.标记有序列表。列表可以嵌套,有序列表可以自定义序号。

MARKDOWN

* 无序列表

+ 无序列表

- 无序列表
  - 嵌套的无序列表

1. 有序列表
5. 打乱的有序列表

image-20240520222930114

1.7 链接

使用[]()标记一个超链接,链接文本放在[]中,链接地址放在()中,还可以使用尖括号<>将URL或Email地址变成可点击链接。

MARKDOWN

[爱吃猫的鱼BLOG](https://talen.top)

<https://talen.top>

<talen2004@163.com>

image-20240520231339720

1.8 图片

使用![]()标记一张图片,图片描述放在[]中,图片地址放在()中,本地图片使用相对地址引用,网络图片使用网络链接引用。

MARKDOWN

![本地图片](/2024-05-19_hd.jpg)

![网络图片](https://bing.mcloc.cn/img/2024/05/19/2024-05-19_hd.jpg)

image-20240520232035205

1.9 代码

使用``标记行内代码,内容放在``中。

image-20240520233418426

1.10 转义

使用\将格式化字符转义为原义,可转移字符有\ * _ {} [] () # + - . ! |等。

image-20240520232430817

2 拓展语法

拓展语法可能在某些编辑器中无法使用。

2.1 表格

使用|分割每列、三个以上的-创建每列标题来标记表格,在---左右使用:表示对其方式。

MARKDOWN

| 默认 | 左对齐 | 居中 | 右对齐 |
| --- | :---  | :---: |  ---: |
| 内容 | 内容   | 内容 |   内容 |
| 内容 | 内容   | 内容 |   内容 |

image-20240520234516064

2.2 代码块

使用两个```在代码上下标记代码块,第一个```后指定语言可将代码高亮显示。

MARKDOWN

```json
{
  "Name": "Lisa",
  "Age": 25
}
```

image-20240520235420231

2.3 脚注

使用[^][^]:组合标记脚注,脚注标题在^后,脚注内容在:后。

MARKDOWN

第一个脚注[^1]和第二个脚注[^2]

[^1]: 第一个脚注的内容。

[^2]: 第二个脚注的内容。

image-20240521000344993

2.4 任务列表

使用- [ ]标记任务列表,[]中添加×表示复选框。

MARKDOWN

- [x] 完成
- [ ] 未完成

image-20240521000918425

2.5 删除线

使用~~标记删除线,在目标内容前后添加~~

image-20240521001341326

2.6 内容目录

使用[TOC]标记一个目录,它根据标题自动生成。

image-20240521002334233

2.7 公式

若支持 LaTeX 公式,$表示行内公式,$$表示整行公式。更多相关知识可参阅 LaTeX 入门 - OI Wiki

MARKDOWN

$$
\begin{Bmatrix}
   a & b \\
   c & d
\end{Bmatrix}
$$
$$
\begin{CD}
   A @>a>> B \\
@VbVV @AAcA \\
   C @= D
\end{CD}
$$

image-20240521004041255

3 进阶使用

Markdown 语法还支持 HTML 标签,所以可以使用 HTML 标签来完成一些进阶效果。

3.1 复杂表格

使用 HTML 标签可以让表格实现合并单元格等效果,rowspan 为跨行合并,colspan 为跨列合并,style 可以添加 CSS 样式。

MARKDOWN

<table>
    <tr>
        <th rowspan="2" style="color:#dea71f">值班人员</th>
        <th style="color:#fc5531">星期一</th>
        <th style="color:#fc5531">星期二</th>
        <th style="color:#fc5531">星期三</th>
        <th style="color:#fc5531">星期四</th>
    </tr>
    <tr>
        <td>李强</td>
        <td>张明</td>
        <td colspan="2">王平</td>
    </tr>
</table>

image-20240521164118238

3.2 更改文本

使用 HTML 标签还可以给文本添加各种 CSS 样式,如改变颜色、字体、大小等。

MARKDOWN

<font face="微软雅黑">微软雅黑</font>
<font face="STCAIYUN">华文彩云</font>
<font color=red>红色</font>
<font color=#008000>绿色</font>
<font size=5>尺寸5</font>
<font color=green face="黑体" size=5>绿色黑体尺寸5</font>

image-20240521164733868

3.3 特殊标志

使用<kbd> <sup> <sub>等标签可以实现键盘文本、上下标等效果。

MARKDOWN

复制:<kbd>Ctrl</kbd>+<kbd>C</kbd>

数学:3<sup>2</sup>=9

化学:CO<sub>2</sub>

image-20240521165945978

3.4 调整图片

使用<img>标签配合 CSS 样式可以调整图片。

MARKDOWN

<img src="https://bing.mcloc.cn/img/2024/05/19/2024-05-19_hd.jpg" width = "200" align="right" />

image-20240521170634199

4 高级技巧

Markdown 语法还有很多使用技巧需要探索发现。

4.1 插入bash64图片

将图片转化为 Bash64 编码,可以直接插入在![]()()中使用。推荐一个编码网站:图片转BASE64

MARKDOWN

![base64](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4.....dG7tzQTdtNWrn//2Q==)
.....内容已省略

image-20240521172424558

4.2 各类图表

Markdown 语法除了支持公式外,还支持多种图表。本节采集于网络,仅供参考。

1、横向流程图

MARKDOWN

```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
```

image-20240521173659952

2、竖向流程图

MARKDOWN

```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
```

image-20240521173734568

3、UML时序图

MARKDOWN

```mermaid
%% 时序图例子,-> 直线,-->虚线,->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗?
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
```

image-20240521173831504

4、甘特图

MARKDOWN

```mermaid
%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h
```

image-20240521173851730

5 工具

编写 Markdown 有很多好用的工具,就像编写文档有 Word 一样。

PC端:Typora(推荐)、Obsidian、VSCode等

移动端:Obsidian、坚果云Markdown等

Web端:Cmd MarkdownEditor.md

掌握Markdown技巧,轻松应对写作需求

https://blog.talen.top/posts/dcb9dac1