VitePress 集成 fontawesome

安装 fontawesome-free

npm install @fortawesome/fontawesome-free -D

import 导入

• VitePress：在 .vitepress/theme/index.js 引入
• VuePress：在 .vuepress/enhanceApp.js 引入

import '@fortawesome/fontawesome-free/css/all.min.css'

在 README 文件中使用字体图标

<i class="far fa-envelope">「邮箱」</i>

可以在 vite 中的 markdown 扩展功能中使用 html 标签。

「邮箱」

可以在 markdown 中的超链接中使用 i 标签。

「邮箱」

[<i class="far fa-envelope">「邮箱」</i>](#)

可以在 html 中的 a 标签中实现超链接。

「邮箱」

<a href="#"><i class="far fa-envelope">「邮箱」</i></a>