vitepress 引用fontawesome
时间: 2023-09-06 13:07:03 浏览: 320
VitePress-ES6,基于 VitePress 框架搭建的《ES6 入门教程》静态站点,可用于快速部署技术文档或个人博客
要在 Vitepress 中使用 Font Awesome,可以按照以下步骤操作:
1. 在项目中安装 Font Awesome:
```bash
npm install --save @fortawesome/fontawesome-free
```
2. 在 `.vuepress/config.js` 文件中添加以下代码:
```js
module.exports = {
head: [
['link', { rel: 'stylesheet', href: 'https://use.fontawesome.com/releases/v5.0.13/css/all.css' }]
]
}
```
注意,这里使用的是 Font Awesome 的 CDN 地址,也可以从本地文件中引入。
3. 在你的 Vuepress 页面中,可以使用 Font Awesome 的类名来引入图标,例如:
```html
<i class="fas fa-search"></i>
```
这将会显示一个搜索图标。你可以在 Font Awesome 的官方文档中查找更多的图标和类名。
阅读全文