将 fontawesome-pro 替换为 alifont (后面保存到本地,并添加自定义项)

This commit is contained in:
liuzhihang 2022-11-03 00:13:16 +08:00
parent 1ca487fbcb
commit 589b417bba
5 changed files with 75 additions and 50 deletions

View File

@ -15,6 +15,9 @@
- [懒加载](https://github.com/liuzhihang/plugin-lazyload) - [懒加载](https://github.com/liuzhihang/plugin-lazyload)
- [文章目录](https://github.com/liuzhihang/plugin-tocbot) - [文章目录](https://github.com/liuzhihang/plugin-tocbot)
图标 icon 来自于 [iconfont](https://www.iconfont.cn/)
## 预览 ## 预览
## 支持的功能 ## 支持的功能

View File

@ -25,7 +25,7 @@
<link media="print" <link media="print"
onload='this.media="all"' onload='this.media="all"'
rel="stylesheet" rel="stylesheet"
href="//at.alicdn.com/t/c/font_3736806_pk2ex880fzl.css"> href="//at.alicdn.com/t/c/font_3736806_gm4x2ewgk4j.css">
<!-- 右下角通知 --> <!-- 右下角通知 -->
<link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.css" <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.css"

View File

@ -73,7 +73,7 @@
<!-- 上一页 --> <!-- 上一页 -->
<a class="extend prev" rel="prev" th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}"> <a class="extend prev" rel="prev" th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}">
<i class="fas fa-chevron-left fa-fw"></i> <i class="iconfont icon-chevron-left"></i>
<div class="pagination_tips_prev">上页</div> <div class="pagination_tips_prev">上页</div>
</a> </a>
@ -87,7 +87,7 @@
<!-- 下一页 --> <!-- 下一页 -->
<a class="extend next" rel="next" th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}"> <a class="extend next" rel="next" th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}">
<div class="pagination_tips_next">下页</div> <div class="pagination_tips_next">下页</div>
<i class="fas fa-chevron-right fa-fw"></i> <i class="iconfont icon-chevron-right"></i>
</a> </a>
</div> </div>
@ -99,7 +99,7 @@
<!-- 上一页 --> <!-- 上一页 -->
<a class="extend prev" rel="prev" th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}"> <a class="extend prev" rel="prev" th:href="@{${posts.prevUrl}}" th:if="${posts.hasPrevious()}">
<i class="fas fa-chevron-left fa-fw"></i> <i class="iconfont icon-chevron-left"></i>
<div class="pagination_tips_prev">上页</div> <div class="pagination_tips_prev">上页</div>
</a> </a>
@ -153,7 +153,7 @@
<!-- 下一页 --> <!-- 下一页 -->
<a class="extend next" rel="next" th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}"> <a class="extend next" rel="next" th:href="@{${posts.nextUrl}}" th:if="${posts.hasNext()}">
<div class="pagination_tips_next">下页</div> <div class="pagination_tips_next">下页</div>
<i class="fas fa-chevron-right fa-fw"></i> <i class="iconfont icon-chevron-right"></i>
</a> </a>
</div> </div>

View File

@ -4,58 +4,80 @@
<div th:fragment="right-menu"> <div th:fragment="right-menu">
<div id="rightMenu"> <div id="rightMenu">
<div class="rightMenu-group rightMenu-small"> <div class="rightMenu-group rightMenu-small">
<div class="rightMenu-item" id="menu-backward"><i class="fa-solid fa-arrow-left"></i></div> <div class="rightMenu-item" id="menu-backward"><i class="iconfont icon-arrow-left"></i></div>
<div class="rightMenu-item" id="menu-forward"><i class="fa-solid fa-arrow-right"></i></div> <div class="rightMenu-item" id="menu-forward"><i class="iconfont icon-arrow-right"></i></div>
<div class="rightMenu-item" id="menu-refresh"><i class="fa-solid fa-arrow-rotate-right"></i></div> <div class="rightMenu-item" id="menu-refresh"><i class="iconfont icon-redo-alt"></i></div>
<div class="rightMenu-item" id="menu-top"><i class="fa-solid fa-arrow-up"></i></div> <div class="rightMenu-item" id="menu-top"><i class="iconfont icon-arrow-up"></i></div>
</div> </div>
<div class="rightMenu-group rightMenu-line rightMenuPlugin"> <div class="rightMenu-group rightMenu-line rightMenuPlugin">
<div class="rightMenu-item" id="menu-copytext"><i class="fa-duotone fa-copy"></i><span>复制选中文本</span> <div class="rightMenu-item" id="menu-copytext">
<i class="fa-duotone fa-copy"></i>
<span>复制选中文本</span>
</div> </div>
<div class="rightMenu-item" id="menu-pastetext"><i class="fa-duotone fa-paste"></i><span>粘贴文本</span> <div class="rightMenu-item" id="menu-pastetext">
<i class="fa-duotone fa-paste"></i>
<span>粘贴文本</span>
</div> </div>
<a class="rightMenu-item" id="menu-commenttext"><i <a class="rightMenu-item" id="menu-commenttext">
class="fa-duotone fa-comment-medical"></i><span>引用到评论</span></a> <i class="fa-duotone fa-comment-medical"></i>
<div class="rightMenu-item" id="menu-newwindow"><i <span>引用到评论</span>
class="fa-duotone fa-window-restore"></i><span>新窗口打开</span></div> </a>
<div class="rightMenu-item" id="menu-copylink"><i <div class="rightMenu-item" id="menu-newwindow">
class="fa-duotone fa-link-horizontal"></i><span>复制链接地址</span></div> <i class="fa-duotone fa-window-restore"></i>
<div class="rightMenu-item" id="menu-copyimg"><i class="fa-duotone fa-images"></i><span>复制此图片</span> <span>新窗口打开</span>
</div> </div>
<div class="rightMenu-item" id="menu-downloadimg"><i <div class="rightMenu-item" id="menu-copylink">
class="fa-duotone fa-download"></i><span>下载此图片</span></div> <i class="fa-duotone fa-link-horizontal"></i>
<div class="rightMenu-item" id="menu-search"><i <span>复制链接地址</span>
class="fa-solid fa-magnifying-glass"></i><span>站内搜索</span></div> </div>
<div class="rightMenu-item" id="menu-searchBaidu"><i <div class="rightMenu-item" id="menu-copyimg">
class="fa-solid fa-magnifying-glass"></i><span>百度搜索</span></div> <i class="fa-duotone fa-images"></i>
<div class="rightMenu-item" id="menu-music-toggle"><i class="fas fa-play"></i><span>播放音乐</span></div> <span>复制此图片</span>
<div class="rightMenu-item" id="menu-music-back"><i </div>
class="fa-duotone fa-backward"></i><span>切换到上一首</span></div> <div class="rightMenu-item" id="menu-downloadimg">
<div class="rightMenu-item" id="menu-music-forward"><i <i class="fa-duotone fa-download"></i>
class="fa-duotone fa-forward"></i><span>切换到下一首</span></div> <span>下载此图片</span>
<div class="rightMenu-item" id="menu-music-playlist" </div>
onclick='window.open("https://music.163.com/#/playlist?app_version=8.8.36&amp;id=5197802668","_blank")'> <div class="rightMenu-item" id="menu-search">
<i class="fa-duotone fa-list-music"></i><span>查看所有歌曲</span></div> <i class="fa-solid fa-magnifying-glass"></i>
<div class="rightMenu-item" id="menu-music-copyMusicName"><i class="fa-duotone fa-copy"></i> <span>站内搜索</span>
<span>复制歌名</span></div> </div>
<div class="rightMenu-item" id="menu-searchBaidu">
<i class="fa-solid fa-magnifying-glass"></i>
<span>百度搜索</span>
</div>
</div>
<div class="rightMenu-group rightMenu-line rightMenuOther">
<a class="rightMenu-item menu-link" id="menu-randomPost">
<i class="fa-duotone fa-dice"></i>
<span>随便逛逛</span>
</a>
<a class="rightMenu-item menu-link" href="categories/index.html">
<i class="fa-duotone fa-list-tree"></i>
<span>博客分类</span>
</a>
<a class="rightMenu-item menu-link" href="tags/index.html">
<i class="fa-duotone fa-tags"></i><span>文章标签</span>
</a>
</div>
<div class="rightMenu-group rightMenu-line">
<a class="rightMenu-item menu-link" href="cc/index.html">
<i class="fa-solid fa-hand"></i>
<span>隐私协议</span>
</a>
<a class="rightMenu-item menu-link" href="cc/index.html">
<i class="fa-solid fa-closed-captioning"></i>
<span>版权协议</span>
</a>
</div> </div>
<div class="rightMenu-group rightMenu-line rightMenuOther"><a class="rightMenu-item menu-link"
id="menu-randomPost"><i
class="fa-duotone fa-dice"></i><span>随便逛逛</span></a><a class="rightMenu-item menu-link"
href="categories/index.html"><i
class="fa-duotone fa-list-tree"></i><span>博客分类</span></a><a class="rightMenu-item menu-link"
href="tags/index.html"><i
class="fa-duotone fa-tags"></i><span>文章标签</span></a></div>
<div class="rightMenu-group rightMenu-line"><a class="rightMenu-item menu-link" href="cc/index.html"><i
class="fa-solid fa-hand"></i><span>隐私协议</span></a><a class="rightMenu-item menu-link"
href="cc/index.html"><i
class="fa-solid fa-closed-captioning"></i><span>版权协议</span></a></div>
<div class="rightMenu-group rightMenu-line rightMenuOther"> <div class="rightMenu-group rightMenu-line rightMenuOther">
<div class="rightMenu-item" id="menu-copy"> <div class="rightMenu-item" id="menu-copy">
<i class="fa-duotone fa-link-horizontal"></i><span>复制地址</span> <i class="fa-duotone fa-link-horizontal"></i>
<span>复制地址</span>
</div> </div>
<div class="rightMenu-item" id="menu-darkmode"> <div class="rightMenu-item" id="menu-darkmode">
<i class="fa-solid fa-moon"></i><span class="menu-darkmode-text">显示模式</span> <i class="fa-solid fa-moon"></i>
<span class="menu-darkmode-text">显示模式</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -25,19 +25,19 @@
<!-- <div class="item-count">606.7k</div>--> <!-- <div class="item-count">606.7k</div>-->
<!--</div>--> <!--</div>-->
<div class="webinfo-item"> <div class="webinfo-item">
<div class="webinfo-item-title"><i class="item-icon fas fa-sliders"></i> <div class="webinfo-item-title"><i class="iconfont icon-sliders"></i>
<div class="item-name">分类数 :</div> <div class="item-name">分类数 :</div>
</div> </div>
<div class="item-count" th:text="${stats.category}"></div> <div class="item-count" th:text="${stats.category}"></div>
</div> </div>
<div class="webinfo-item"> <div class="webinfo-item">
<div class="webinfo-item-title"><i class="item-icon fas fa-pencil"></i> <div class="webinfo-item-title"><i class="iconfont icon-comment-alt"></i>
<div class="item-name">评论数 :</div> <div class="item-name">评论数 :</div>
</div> </div>
<div class="item-count" th:text="${stats.comment}"></div> <div class="item-count" th:text="${stats.comment}"></div>
</div> </div>
<div class="webinfo-item"> <div class="webinfo-item">
<div class="webinfo-item-title"><i class="item-icon fas fa-eye"></i> <div class="webinfo-item-title"><i class="iconfont icon-bullseye"></i>
<div class="item-name">访问量 :</div> <div class="item-name">访问量 :</div>
</div> </div>
<div class="item-count" th:text="${stats.visit}"></div> <div class="item-count" th:text="${stats.visit}"></div>