Skip to content

VuePress v1 集成 font awesome v5

yarn(或者 npm) 安装 fontawesome-free

bash
yarn add @fortawesome/fontawesome-free -D

在 .vuepress/enhanceApp.js 引入

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

在 README 文件中使用字体图标

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

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

「邮箱」

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

「邮箱」

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

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

「邮箱」

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