HexoでAlibabaベクターアイコンライブラリをエレガントに使用する

[Blogroot]_config.butterfly.yml の inject 設定項目にUnicodeおよびFont-classのオンラインリソースを導入します：

2) [Blogroot]/themes/butterfly/source/css/custom.css を開き、以下の内容を入力します：

外部タグを追加します。[Blogroot]/themes/butterfly/scripts/tag/ ディレクトリに iconfont.js を新規作成し、[Blogroot]/themes/butterfly/scripts/tag/iconfont.js を開いて次のように入力します：

4) hexo cl && hexo g を実行後、外部タグ形式でアイコンを記述できるようになります

パラメータ	説明
`icon-xxxx`	アイコンの`font-class`。Alibabaベクターアイコンライブラリプロジェクト内の`font-class`参照方式から検索・コピーできます
`font-size`	アイコンのサイズ。数値のみ入力、単位は`em`、デフォルト値は`1em`

Search