控制台组件实现
This commit is contained in:
liuzhihang
parent
d66e9268ba
commit
0d3a053c6e
|
|
@ -187,177 +187,10 @@
|
|||
<div class="loading-bg"><img class="loading-img" src="https://img.zhheo.com/i/2022/08/31/630f01a3755aa.webp"></div>
|
||||
</div>
|
||||
<div id="web_bg"></div>
|
||||
<div id="console">
|
||||
<div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
|
||||
</div>
|
||||
<div class="console-card-group">
|
||||
<div class="console-card-group-left">
|
||||
<div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">互动</div>
|
||||
<span class="author-content-item-title">最近评论</span></div>
|
||||
<div class="aside-list"><span>正在加载中...</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-card-group-right">
|
||||
<div class="console-card tags" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">标签</div>
|
||||
<span class="author-content-item-title">寻找感兴趣的领域</span></div>
|
||||
<div class="card-tag-cloud"><a href="../../tags/AfterEffects/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a> <a
|
||||
href="../../tags/Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a>
|
||||
<a href="../../tags/Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
|
||||
href="../../tags/Dribbble/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a> <a
|
||||
href="../../tags/FinalCutPro/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a> <a
|
||||
href="../../tags/Heocan/index.html" style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a>
|
||||
<a href="../../tags/Heomagic/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a> <a href="../../tags/Hexo/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a>
|
||||
<a href="../../tags/HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a>
|
||||
<a href="../../tags/Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
|
||||
href="../../tags/Photoshop/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a> <a
|
||||
href="../../tags/Principle/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a> <a
|
||||
href="../../tags/Python/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
|
||||
href="../../tags/Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a>
|
||||
<a href="../../tags/Sketch-Data/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a> <a
|
||||
href="../../tags/Swift/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
|
||||
href="../../tags/SwiftUI-100days/index.html" style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a>
|
||||
<a href="../../tags/VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
|
||||
href="../../tags/VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a>
|
||||
<a href="../../tags/iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
|
||||
href="../../tags/illustrator/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a> <a
|
||||
href="../../tags/%E4%BA%A7%E5%93%81/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a> <a
|
||||
href="../../tags/%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a> <a
|
||||
href="../../tags/%E4%BD%93%E9%AA%8C%E5%AE%98/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a> <a
|
||||
href="../../tags/%E5%8A%9E%E5%85%AC/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a> <a
|
||||
href="../../tags/%E5%AD%97%E4%BD%93/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a> <a
|
||||
href="../../tags/%E5%B9%B2%E8%B4%A7/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
|
||||
href="../../tags/%E5%BC%80%E5%8F%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
|
||||
href="../../tags/%E5%BF%85%E7%9C%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
|
||||
href="../../tags/%E6%95%99%E7%A8%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a
|
||||
href="../../tags/%E6%97%A5%E5%B8%B8/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a> <a
|
||||
href="../../tags/%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a> <a
|
||||
href="../../tags/%E6%B7%B7%E5%89%AA/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a> <a
|
||||
href="../../tags/%E7%83%AD%E9%97%A8/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a> <a
|
||||
href="../../tags/%E7%94%B5%E5%AD%90%E4%B9%A6/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a> <a
|
||||
href="../../tags/%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a> <a
|
||||
href="../../tags/%E8%A1%A8%E6%83%85/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a> <a
|
||||
href="../../tags/%E8%A7%86%E9%A2%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a> <a
|
||||
href="../../tags/%E8%AE%BE%E8%AE%A1/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
|
||||
href="../../tags/%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
|
||||
href="../../tags/%E8%AF%84%E6%B5%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
|
||||
href="../../tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
|
||||
href="../../tags/%E8%BD%AF%E4%BB%B6/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
|
||||
href="../../tags/%E8%BF%90%E7%BB%B4/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a> <a
|
||||
href="../../tags/%E8%BF%90%E8%90%A5/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a> <a
|
||||
href="../../tags/%E9%97%B2%E8%81%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a> <a
|
||||
href="../../tags/%E9%9F%B3%E4%B9%90/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a></div>
|
||||
</div>
|
||||
<div class="console-card history" onclick="heo.hideConsole()">
|
||||
<div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
|
||||
<ul class="card-archive-list">
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2022/index.html"><span
|
||||
class="card-archive-list-date">2022</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2021/index.html"><span
|
||||
class="card-archive-list-date">2021</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2020/index.html"><span
|
||||
class="card-archive-list-date">2020</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2019/index.html"><span
|
||||
class="card-archive-list-date">2019</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2018/index.html"><span
|
||||
class="card-archive-list-date">2018</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2017/index.html"><span
|
||||
class="card-archive-list-date">2017</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2016/index.html"><span
|
||||
class="card-archive-list-date">2016</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2015/index.html"><span
|
||||
class="card-archive-list-date">2015</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-group">
|
||||
<div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
|
||||
onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
|
||||
class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
|
||||
class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
|
||||
<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
|
||||
class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
|
||||
<a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
|
||||
class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
|
||||
</div>
|
||||
<div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
|
||||
</div>
|
||||
|
||||
<!-- 控制台 -->
|
||||
<div th:replace="modules/widgets/console :: console"></div>
|
||||
|
||||
<div id="sidebar">
|
||||
<div id="menu-mask"></div>
|
||||
<div id="sidebar-menus">
|
||||
|
|
|
|||
|
|
@ -183,168 +183,7 @@
|
|||
<div id="web_bg"></div>
|
||||
|
||||
<!-- 控制台 -->
|
||||
<div id="console">
|
||||
<div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
|
||||
</div>
|
||||
<div class="console-card-group">
|
||||
<div class="console-card-group-left">
|
||||
<div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">互动</div>
|
||||
<span class="author-content-item-title">最近评论</span></div>
|
||||
<div class="aside-list"><span>正在加载中...</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-card-group-right">
|
||||
<div class="console-card tags" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">标签</div>
|
||||
<span class="author-content-item-title">寻找感兴趣的领域</span></div>
|
||||
<div class="card-tag-cloud"><a href="tags/AfterEffects/index.html" style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a>
|
||||
<a href="tags/Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a> <a
|
||||
href="tags/Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
|
||||
href="tags/Dribbble/index.html" style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a>
|
||||
<a href="tags/FinalCutPro/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a> <a href="tags/Heocan/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a>
|
||||
<a href="tags/Heomagic/index.html" style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a> <a
|
||||
href="tags/Hexo/index.html" style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a> <a
|
||||
href="tags/HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a>
|
||||
<a href="tags/Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
|
||||
href="tags/Photoshop/index.html" style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a>
|
||||
<a href="tags/Principle/index.html" style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a> <a
|
||||
href="tags/Python/index.html" style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
|
||||
href="tags/Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a> <a
|
||||
href="tags/Sketch-Data/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a> <a
|
||||
href="tags/Swift/index.html" style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
|
||||
href="tags/SwiftUI-100days/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a> <a
|
||||
href="tags/VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
|
||||
href="tags/VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a> <a
|
||||
href="tags/iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
|
||||
href="tags/illustrator/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a> <a
|
||||
href="tags/%E4%BA%A7%E5%93%81/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a> <a
|
||||
href="tags/%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a> <a
|
||||
href="tags/%E4%BD%93%E9%AA%8C%E5%AE%98/index.html" style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a>
|
||||
<a href="tags/%E5%8A%9E%E5%85%AC/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a> <a
|
||||
href="tags/%E5%AD%97%E4%BD%93/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a> <a
|
||||
href="tags/%E5%B9%B2%E8%B4%A7/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
|
||||
href="tags/%E5%BC%80%E5%8F%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
|
||||
href="tags/%E5%BF%85%E7%9C%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
|
||||
href="tags/%E6%95%99%E7%A8%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a
|
||||
href="tags/%E6%97%A5%E5%B8%B8/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a> <a
|
||||
href="tags/%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a> <a
|
||||
href="tags/%E6%B7%B7%E5%89%AA/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a> <a
|
||||
href="tags/%E7%83%AD%E9%97%A8/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a> <a
|
||||
href="tags/%E7%94%B5%E5%AD%90%E4%B9%A6/index.html" style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a>
|
||||
<a href="tags/%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html" style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a>
|
||||
<a href="tags/%E8%A1%A8%E6%83%85/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a> <a
|
||||
href="tags/%E8%A7%86%E9%A2%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a> <a
|
||||
href="tags/%E8%AE%BE%E8%AE%A1/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
|
||||
href="tags/%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
|
||||
href="tags/%E8%AF%84%E6%B5%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
|
||||
href="tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
|
||||
href="tags/%E8%BD%AF%E4%BB%B6/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
|
||||
href="tags/%E8%BF%90%E7%BB%B4/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a> <a
|
||||
href="tags/%E8%BF%90%E8%90%A5/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a> <a
|
||||
href="tags/%E9%97%B2%E8%81%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a> <a
|
||||
href="tags/%E9%9F%B3%E4%B9%90/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a></div>
|
||||
</div>
|
||||
<div class="console-card history" onclick="heo.hideConsole()">
|
||||
<div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
|
||||
<ul class="card-archive-list">
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2022/index.html"><span
|
||||
class="card-archive-list-date">2022</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2021/index.html"><span
|
||||
class="card-archive-list-date">2021</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2020/index.html"><span
|
||||
class="card-archive-list-date">2020</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2019/index.html"><span
|
||||
class="card-archive-list-date">2019</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2018/index.html"><span
|
||||
class="card-archive-list-date">2018</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2017/index.html"><span
|
||||
class="card-archive-list-date">2017</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2016/index.html"><span
|
||||
class="card-archive-list-date">2016</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2015/index.html"><span
|
||||
class="card-archive-list-date">2015</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-group">
|
||||
<div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
|
||||
onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
|
||||
class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
|
||||
class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
|
||||
<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
|
||||
class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
|
||||
<a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
|
||||
class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
|
||||
</div>
|
||||
<div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
|
||||
</div>
|
||||
<div th:replace="modules/widgets/console :: console"></div>
|
||||
|
||||
<!-- 侧边栏 -->
|
||||
<div id="sidebar">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- 控制台，右上角点击的时候会显示 -->
|
||||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||
<div id="console" th:fragment="console">
|
||||
<div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()">
|
||||
<i class="fas fa-circle-xmark"></i>
|
||||
</div>
|
||||
<div class="console-card-group">
|
||||
<!-- 评论，需要使用评论插件，获取最近评论 -->
|
||||
<div class="console-card-group-left">
|
||||
<div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">互动</div>
|
||||
<span class="author-content-item-title">最近评论</span></div>
|
||||
<div class="aside-list"><span>正在加载中...</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 右侧展示 tag -->
|
||||
<div class="console-card-group-right">
|
||||
<div class="console-card tags" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">标签</div>
|
||||
<span class="author-content-item-title">寻找感兴趣的领域</span></div>
|
||||
<div class="card-tag-cloud" th:with="tags = ${tagFinder.listAll()}">
|
||||
<a style="font-size:1em;color:#d3d3d3"
|
||||
th:each="tag : ${tags}"
|
||||
th:href="${tag.status.permalink}"
|
||||
th:text="${tag.spec.displayName}">
|
||||
<sup th:text="${tag.status.postCount}"> </sup>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部展示时间归档 -->
|
||||
<!--<div class="console-card history" onclick="heo.hideConsole()">-->
|
||||
<!-- <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>-->
|
||||
<!-- <ul class="card-archive-list">-->
|
||||
<!-- <li class="card-archive-list-item" th:each="categoryItem : ${categoryFinder.listAll()}">-->
|
||||
<!-- <a class="card-archive-list-link" th:href="${categoryItem.status.permalink}">-->
|
||||
<!-- <span class="card-archive-list-date" th:text="">2022</span>-->
|
||||
<!-- <div class="card-archive-list-count-group">-->
|
||||
<!-- <span class="card-archive-list-count" th:text="${category.status.postCount}"></span>-->
|
||||
<!-- <span class="card-archive-list-count-unit">篇</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </a>-->
|
||||
<!-- </li>-->
|
||||
<!-- </ul>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-group">
|
||||
<div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
|
||||
onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
|
||||
class="fa-duotone fa-moon" style="font-size:1rem"></i></a>
|
||||
</div>
|
||||
<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
|
||||
class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a>
|
||||
</div>
|
||||
<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
|
||||
class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a>
|
||||
</div>
|
||||
<div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
|
||||
<a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a>
|
||||
</div>
|
||||
<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
|
||||
class="music-switch"><i class="fa-duotone fa-music"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow">
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -192,168 +192,7 @@
|
|||
<div id="web_bg"></div>
|
||||
|
||||
<!-- 控制台 -->
|
||||
<div id="console">
|
||||
<div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
|
||||
</div>
|
||||
<div class="console-card-group">
|
||||
<div class="console-card-group-left">
|
||||
<div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">互动</div>
|
||||
<span class="author-content-item-title">最近评论</span></div>
|
||||
<div class="aside-list"><span>正在加载中...</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-card-group-right">
|
||||
<div class="console-card tags" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">标签</div>
|
||||
<span class="author-content-item-title">寻找感兴趣的领域</span></div>
|
||||
<div class="card-tag-cloud"><a href="tags/AfterEffects/index.html" style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a>
|
||||
<a href="tags/Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a> <a
|
||||
href="tags/Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
|
||||
href="tags/Dribbble/index.html" style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a>
|
||||
<a href="tags/FinalCutPro/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a> <a href="tags/Heocan/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a>
|
||||
<a href="tags/Heomagic/index.html" style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a> <a
|
||||
href="tags/Hexo/index.html" style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a> <a
|
||||
href="tags/HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a>
|
||||
<a href="tags/Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
|
||||
href="tags/Photoshop/index.html" style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a>
|
||||
<a href="tags/Principle/index.html" style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a> <a
|
||||
href="tags/Python/index.html" style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
|
||||
href="tags/Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a> <a
|
||||
href="tags/Sketch-Data/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a> <a
|
||||
href="tags/Swift/index.html" style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
|
||||
href="tags/SwiftUI-100days/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a> <a
|
||||
href="tags/VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
|
||||
href="tags/VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a> <a
|
||||
href="tags/iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
|
||||
href="tags/illustrator/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a> <a
|
||||
href="tags/%E4%BA%A7%E5%93%81/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a> <a
|
||||
href="tags/%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a> <a
|
||||
href="tags/%E4%BD%93%E9%AA%8C%E5%AE%98/index.html" style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a>
|
||||
<a href="tags/%E5%8A%9E%E5%85%AC/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a> <a
|
||||
href="tags/%E5%AD%97%E4%BD%93/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a> <a
|
||||
href="tags/%E5%B9%B2%E8%B4%A7/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
|
||||
href="tags/%E5%BC%80%E5%8F%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
|
||||
href="tags/%E5%BF%85%E7%9C%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
|
||||
href="tags/%E6%95%99%E7%A8%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a
|
||||
href="tags/%E6%97%A5%E5%B8%B8/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a> <a
|
||||
href="tags/%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a> <a
|
||||
href="tags/%E6%B7%B7%E5%89%AA/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a> <a
|
||||
href="tags/%E7%83%AD%E9%97%A8/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a> <a
|
||||
href="tags/%E7%94%B5%E5%AD%90%E4%B9%A6/index.html" style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a>
|
||||
<a href="tags/%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html" style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a>
|
||||
<a href="tags/%E8%A1%A8%E6%83%85/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a> <a
|
||||
href="tags/%E8%A7%86%E9%A2%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a> <a
|
||||
href="tags/%E8%AE%BE%E8%AE%A1/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
|
||||
href="tags/%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
|
||||
href="tags/%E8%AF%84%E6%B5%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
|
||||
href="tags/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
|
||||
href="tags/%E8%BD%AF%E4%BB%B6/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
|
||||
href="tags/%E8%BF%90%E7%BB%B4/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a> <a
|
||||
href="tags/%E8%BF%90%E8%90%A5/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a> <a
|
||||
href="tags/%E9%97%B2%E8%81%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a> <a
|
||||
href="tags/%E9%9F%B3%E4%B9%90/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a></div>
|
||||
</div>
|
||||
<div class="console-card history" onclick="heo.hideConsole()">
|
||||
<div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
|
||||
<ul class="card-archive-list">
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2022/index.html"><span
|
||||
class="card-archive-list-date">2022</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2021/index.html"><span
|
||||
class="card-archive-list-date">2021</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2020/index.html"><span
|
||||
class="card-archive-list-date">2020</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2019/index.html"><span
|
||||
class="card-archive-list-date">2019</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2018/index.html"><span
|
||||
class="card-archive-list-date">2018</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2017/index.html"><span
|
||||
class="card-archive-list-date">2017</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2016/index.html"><span
|
||||
class="card-archive-list-date">2016</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="archives/2015/index.html"><span
|
||||
class="card-archive-list-date">2015</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-group">
|
||||
<div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
|
||||
onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
|
||||
class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
|
||||
class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
|
||||
<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
|
||||
class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
|
||||
<a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
|
||||
class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
|
||||
</div>
|
||||
<div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
|
||||
</div>
|
||||
<div th:replace="modules/widgets/console :: console"></div>
|
||||
<div id="sidebar">
|
||||
<div id="menu-mask"></div>
|
||||
<div id="sidebar-menus">
|
||||
|
|
|
|||
|
|
@ -187,158 +187,10 @@
|
|||
<div class="loading-bg"><img class="loading-img" src="../../../img.zhheo.com/i/2022/08/31/630f01a3755aa.webp"></div>
|
||||
</div>
|
||||
<div id="web_bg"></div>
|
||||
<div id="console">
|
||||
<div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"><i class="fas fa-circle-xmark"></i>
|
||||
</div>
|
||||
<div class="console-card-group">
|
||||
<div class="console-card-group-left">
|
||||
<div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">互动</div>
|
||||
<span class="author-content-item-title">最近评论</span></div>
|
||||
<div class="aside-list"><span>正在加载中...</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-card-group-right">
|
||||
<div class="console-card tags" onclick="heo.hideConsole()">
|
||||
<div class="card-content">
|
||||
<div class="author-content-item-tips">标签</div>
|
||||
<span class="author-content-item-title">寻找感兴趣的领域</span></div>
|
||||
<div class="card-tag-cloud">
|
||||
<a href="../AfterEffects/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">AfterEffects<sup>11</sup></a>
|
||||
<a href="../Chrome/index.html" style="font-size:1em;color:#d3d3d3">Chrome<sup>10</sup></a> <a
|
||||
href="../Docker/index.html" style="font-size:1em;color:#d3d3d3">Docker<sup>1</sup></a> <a
|
||||
href="../Dribbble/index.html" style="font-size:1em;color:#d3d3d3">Dribbble<sup>9</sup></a>
|
||||
<a href="../FinalCutPro/index.html" style="font-size:1em;color:#d3d3d3">FinalCutPro<sup>5</sup></a>
|
||||
<a href="../Heocan/index.html" style="font-size:1em;color:#d3d3d3">Heocan<sup>21</sup></a> <a
|
||||
href="../Heomagic/index.html" style="font-size:1em;color:#d3d3d3">Heomagic<sup>5</sup></a>
|
||||
<a href="../Hexo/index.html" style="font-size:1em;color:#d3d3d3">Hexo<sup>43</sup></a> <a
|
||||
href="../HomePod/index.html" style="font-size:1em;color:#d3d3d3">HomePod<sup>2</sup></a> <a
|
||||
href="../Mac/index.html" style="font-size:1em;color:#d3d3d3">Mac<sup>48</sup></a> <a
|
||||
href="../Photoshop/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">Photoshop<sup>23</sup></a> <a
|
||||
href="../Principle/index.html" style="font-size:1em;color:#d3d3d3">Principle<sup>2</sup></a>
|
||||
<a href="../Python/index.html" style="font-size:1em;color:#d3d3d3">Python<sup>9</sup></a> <a
|
||||
href="../Sketch/index.html" style="font-size:1em;color:#d3d3d3">Sketch<sup>75</sup></a> <a
|
||||
href="../Sketch-Data/index.html" style="font-size:1em;color:#d3d3d3">Sketch-Data<sup>3</sup></a>
|
||||
<a href="../Swift/index.html" style="font-size:1em;color:#d3d3d3">Swift<sup>98</sup></a> <a
|
||||
href="../SwiftUI-100days/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">SwiftUI-100days<sup>48</sup></a> <a
|
||||
href="../VI/index.html" style="font-size:1em;color:#d3d3d3">VI<sup>10</sup></a> <a
|
||||
href="../VLOG/index.html" style="font-size:1em;color:#d3d3d3">VLOG<sup>2</sup></a> <a
|
||||
href="../iOS/index.html" style="font-size:1em;color:#d3d3d3">iOS<sup>30</sup></a> <a
|
||||
href="../illustrator/index.html" style="font-size:1em;color:#d3d3d3">illustrator<sup>8</sup></a>
|
||||
<a href="../%E4%BA%A7%E5%93%81/index.html" style="font-size:1em;color:#d3d3d3">产品<sup>16</sup></a>
|
||||
<a href="../%E4%BC%98%E8%B4%A8%E6%8A%A5%E5%91%8A/index.html" style="font-size:1em;color:#d3d3d3">优质报告<sup>3</sup></a>
|
||||
<a href="../%E4%BD%93%E9%AA%8C%E5%AE%98/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">体验官<sup>3</sup></a> <a
|
||||
href="../%E5%8A%9E%E5%85%AC/index.html" style="font-size:1em;color:#d3d3d3">办公<sup>1</sup></a>
|
||||
<a href="../%E5%AD%97%E4%BD%93/index.html" style="font-size:1em;color:#d3d3d3">字体<sup>10</sup></a>
|
||||
<a href="../%E5%B9%B2%E8%B4%A7/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">干货<sup>138</sup></a> <a
|
||||
href="../%E5%BC%80%E5%8F%91/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">开发<sup>179</sup></a> <a
|
||||
href="../%E5%BF%85%E7%9C%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">必看<sup>45</sup></a> <a
|
||||
href="../%E6%95%99%E7%A8%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">教程<sup>254</sup></a> <a href="index.html"
|
||||
style="font-size:1em;color:#d3d3d3">日常<sup>27</sup></a>
|
||||
<a href="../%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97/index.html" style="font-size:1em;color:#d3d3d3">更新日志<sup>7</sup></a>
|
||||
<a href="../%E6%B7%B7%E5%89%AA/index.html" style="font-size:1em;color:#d3d3d3">混剪<sup>5</sup></a>
|
||||
<a href="../%E7%83%AD%E9%97%A8/index.html" style="font-size:1em;color:#d3d3d3">热门<sup>50</sup></a>
|
||||
<a href="../%E7%94%B5%E5%AD%90%E4%B9%A6/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">电子书<sup>1</sup></a> <a
|
||||
href="../%E7%BD%91%E9%A1%B5%E5%89%8D%E7%AB%AF/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">网页前端<sup>44</sup></a> <a
|
||||
href="../%E8%A1%A8%E6%83%85/index.html" style="font-size:1em;color:#d3d3d3">表情<sup>2</sup></a>
|
||||
<a href="../%E8%A7%86%E9%A2%91/index.html" style="font-size:1em;color:#d3d3d3">视频<sup>17</sup></a>
|
||||
<a href="../%E8%AE%BE%E8%AE%A1/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计<sup>216</sup></a> <a
|
||||
href="../%E8%AE%BE%E8%AE%A1%E6%8A%A5%E5%91%8A/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">设计报告<sup>12</sup></a> <a
|
||||
href="../%E8%AF%84%E6%B5%8B/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">评测<sup>10</sup></a> <a
|
||||
href="../%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">读书笔记<sup>6</sup></a> <a
|
||||
href="../%E8%BD%AF%E4%BB%B6/index.html"
|
||||
style="font-size:1em;color:#d3d3d3">软件<sup>50</sup></a> <a
|
||||
href="../%E8%BF%90%E7%BB%B4/index.html" style="font-size:1em;color:#d3d3d3">运维<sup>8</sup></a>
|
||||
<a href="../%E8%BF%90%E8%90%A5/index.html" style="font-size:1em;color:#d3d3d3">运营<sup>4</sup></a>
|
||||
<a href="../%E9%97%B2%E8%81%8A/index.html" style="font-size:1em;color:#d3d3d3">闲聊<sup>18</sup></a>
|
||||
<a href="../%E9%9F%B3%E4%B9%90/index.html" style="font-size:1em;color:#d3d3d3">音乐<sup>6</sup></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-card history" onclick="heo.hideConsole()">
|
||||
<div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
|
||||
<ul class="card-archive-list">
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2022/index.html"><span
|
||||
class="card-archive-list-date">2022</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">92</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2021/index.html"><span
|
||||
class="card-archive-list-date">2021</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">147</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2020/index.html"><span
|
||||
class="card-archive-list-date">2020</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">319</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2019/index.html"><span
|
||||
class="card-archive-list-date">2019</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">62</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2018/index.html"><span
|
||||
class="card-archive-list-date">2018</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">1</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2017/index.html"><span
|
||||
class="card-archive-list-date">2017</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">6</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2016/index.html"><span
|
||||
class="card-archive-list-date">2016</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">3</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
<li class="card-archive-list-item"><a class="card-archive-list-link"
|
||||
href="../../archives/2015/index.html"><span
|
||||
class="card-archive-list-date">2015</span>
|
||||
<div class="card-archive-list-count-group"><span class="card-archive-list-count">19</span><span
|
||||
class="card-archive-list-count-unit">篇</span></div>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-group">
|
||||
<div class="console-btn-item"><a class="darkmode_switchbutton" href="javascript:void(0);"
|
||||
onclick="rm.switchDarkMode()" rel="external nofollow" title="显示模式切换"><i
|
||||
class="fa-duotone fa-moon" style="font-size:1rem"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a
|
||||
class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a></div>
|
||||
<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a
|
||||
class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关">
|
||||
<a class="commentBarrage"><i class="fa-solid fa-message-captions"></i></a></div>
|
||||
<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a
|
||||
class="music-switch"><i class="fa-duotone fa-music"></i></a></div>
|
||||
</div>
|
||||
<div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow"></div>
|
||||
</div>
|
||||
|
||||
<!-- 控制台 -->
|
||||
<div th:replace="modules/widgets/console :: console"></div>
|
||||
|
||||
<div id="sidebar">
|
||||
<div id="menu-mask"></div>
|
||||
<div id="sidebar-menus">
|
||||
|
|
|
|||
Loading…
Reference in New Issue