每日博客阅读 2024-2
3
99%的人都不知道的 markdown 技巧(大虚)
这篇文章介绍了一些 markdown 中不常用的语法,我选择了其中我觉得我可能会用得到的几个,在这里展示一下:
- 显示差异
效果:
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
```
- 警报
这个是我在查阅 vitepress 文档时意外发现的
效果:
NOTE
强调用户在快速浏览文档时也不应忽略的重要信息。
TIP
有助于用户更顺利达成目标的建议性信息。
IMPORTANT
对用户达成目标至关重要的信息。
WARNING
因为可能存在风险,所以需要用户立即关注的关键内容。
CAUTION
行为可能带来的负面影响。
代码:
md
> [!NOTE]
> 强调用户在快速浏览文档时也不应忽略的重要信息。
> [!TIP]
> 有助于用户更顺利达成目标的建议性信息。
> [!IMPORTANT]
> 对用户达成目标至关重要的信息。
> [!WARNING]
> 因为可能存在风险,所以需要用户立即关注的关键内容。
> [!CAUTION]
> 行为可能带来的负面影响。
- 下拉详情
效果:
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>
- 上下标
属于记得但是经常忘记
效果:
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>
- 斜体,粗体和划线的组合
效果:
Italic-bold
Italic-bold-strikethrough
代码:
md
**_Italic-bold_**
~~**_Italic-bold-strikethrough_**~~
图形视窗系统: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("课程笔记");
类似的还有encodeURI
,decodeURI
,escape
,unescape
等函数。