每日博客阅读 2024-2

3

99%的人都不知道的 markdown 技巧（大虚）

Kickass markdown 🤩 | github | Github

这篇文章介绍了一些 markdown 中不常用的语法，我选择了其中我觉得我可能会用得到的几个，在这里展示一下：

1. 显示差异

效果：

+ this text is highlighted in green
- this text is highlighted in red

代码：

```diff
+ this text is highlighted in green
- this text is highlighted in red
```

2. 警报

这个是我在查阅 vitepress 文档时意外发现的

效果：

NOTE

强调用户在快速浏览文档时也不应忽略的重要信息。

TIP

有助于用户更顺利达成目标的建议性信息。

IMPORTANT

对用户达成目标至关重要的信息。

WARNING

因为可能存在风险，所以需要用户立即关注的关键内容。

CAUTION

行为可能带来的负面影响。

代码：

> [!NOTE]
> 强调用户在快速浏览文档时也不应忽略的重要信息。

> [!TIP]
> 有助于用户更顺利达成目标的建议性信息。

> [!IMPORTANT]
> 对用户达成目标至关重要的信息。

> [!WARNING]
> 因为可能存在风险，所以需要用户立即关注的关键内容。

> [!CAUTION]
> 行为可能带来的负面影响。

1. 下拉详情

效果：

Item summary with dropdown

Dropdown content (supports markdown yay!)

{
  "awesome": "true"
}

代码：

<details>
<summary>Item summary with dropdown</summary>

Dropdown content (supports **markdown** ~~yay!~~)

    ```json
    {
      "awesome": "true"
    }
    ```

</details>

4. 上下标

属于记得但是经常忘记

效果：

Superscript^TM

Superscript-italic^tm

Subscript_x

Subscript-bold_min

代码：

Superscript<sup>TM</sup>

Superscript-italic<sup>_tm_</sup>

Subscript<sub>x</sub>

Subscript-bold<sub>**min**</sub>

5. 斜体，粗体和划线的组合

效果：

Italic-bold

Italic-bold-strikethrough

代码：

**_Italic-bold_**

~~**_Italic-bold-strikethrough_**~~

图形视窗系统：X

Cygwin 系列（十二）：了解 X

这篇文章讲述了 X Window System，一个图形视窗系统，的简单结构和历史，当前的问题和竞争对手相关的内容。

参考资料：

• linux 桌面系统排行榜

4

如何将形如%E8%AF%BE%E7%A8%8B%E7%AC的字符串转为中文

参考资料：

• javascript 中如何将 url 转换成汉字 vitepress 在打包的时候遇到 dead link 报错时，会将中文路径转换成%E8%AF%BE%E7%A8%8B%E7%AC这样的字符串，这时候就需要将其转换成中文。

使用 js 的decodeURIComponent函数可以将其转换成中文。

decodeURIComponent("%E8%AF%BE%E7%A8%8B%E7%AC");

如果需要将中文转换成%E8%AF%BE%E7%A8%8B%E7%AC这样的字符串，可以使用encodeURIComponent函数。

encodeURIComponent("课程笔记");

类似的还有encodeURI，decodeURI，escape，unescape等函数。