Skip to content

每日博客阅读 2024-2

3

99%的人都不知道的 markdown 技巧(大虚)

Kickass markdown 🤩 | github

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

  1. 显示差异

效果:

diff
+ 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
```
  1. 警报

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

效果:

NOTE

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

TIP

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

IMPORTANT

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

WARNING

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

CAUTION

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

代码:

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

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

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

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

> [!CAUTION]
> 行为可能带来的负面影响。
  1. 下拉详情

效果:

Item summary with dropdown

Dropdown content (supports markdown yay!)

json
{
  "awesome": "true"
}

代码:

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

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

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

</details>
  1. 上下标

属于记得但是经常忘记

效果:

SuperscriptTM

Superscript-italictm

Subscriptx

Subscript-boldmin

代码:

md
Superscript<sup>TM</sup>

Superscript-italic<sup>_tm_</sup>

Subscript<sub>x</sub>

Subscript-bold<sub>**min**</sub>
  1. 斜体,粗体和划线的组合

效果:

Italic-bold

Italic-bold-strikethrough

代码:

md
**_Italic-bold_**

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

图形视窗系统:X

Cygwin 系列(十二):了解 X

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

参考资料:

4

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

参考资料:

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

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

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

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

js
encodeURIComponent("课程笔记");

类似的还有encodeURIdecodeURIescapeunescape等函数。

Copyright © 2022 田园幻想乡 浙ICP备2021038778号-1