将 fontawesome-pro 替换为 alifont (后面保存到本地,并添加自定义项)
This commit is contained in:
parent
1ca487fbcb
commit
589b417bba
|
@ -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/)
|
||||||
|
|
||||||
|
|
||||||
## 预览
|
## 预览
|
||||||
|
|
||||||
## 支持的功能
|
## 支持的功能
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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&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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue