Wcowin/Mkdocs-Wcowin
1
0
Fork 0
mirror of https://github.com/Wcowin/Mkdocs-Wcowin.git synced 2025-07-20 08:56:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Deployed b9930d8 with MkDocs version: 1.5.3

Browse Source
This commit is contained in:
2024-04-11 16:42:52 +00:00
parent 07441b7e13
commit a821f7f83b
8 changed files with 310 additions and 538 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
_data/link.yaml Normal file
View File

@ -0,0 +1,21 @@
# 友链列表
friends:
- name: Wcowin's Web
link: https://wcowin.work/
avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
description: 循此苦旅，以达星辰
- name: W1ndysの小屋
link: https://blog.w1ndys.top/
avatar: https://blog.w1ndys.top/img/about/avatar.png
description: 欲戴皇冠，必承其重
# 失联列表
gone:
- name: 失联的友链1
link: https://wcowin.com/
avatar: /img/wcowin.png
description: 失联的友链1
- name: 失联的友链2
link: https://wcowin.com/
avatar: /img/wcowin.png
description: 失联的友链2

418
about/link/index.html
View File

@ -1850,377 +1850,35 @@
<h2>欢迎加入友链(不分先后)</h2>
</div>
<div class="links-content">
<div class="link-navigation">
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" />
<div class="card-header">
<div>
<a href="https://wcowin.work/ " target="_blank">Wcowin's Web</a>
</div>
<div class="info">
“循此苦旅，以达星辰”
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/02/07/S8GYheTZmCU96HK.png" />
<div class="card-header">
<div>
<a href="https://wcowin.work/WH-WKW/" target="_blank">小王和王老师的小站</a>
</div>
<div class="info">
无一是你，无一不是你
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://xpmrobot.tech/images/portrait.jpg" />
<div class="card-header">
<div>
<a href="https://xpmrobot.tech/" target="_blank">Xpm's Robot Lab</a>
</div>
<div class="info">
星星之火可以燎原
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.crant.cn/upload/Avatar.png" />
<div class="card-header">
<div>
<a href="https://www.crant.cn/" target="_blank">Crant</a>
</div>
<div class="info">
用心记录，美好生活
</div>
</div>
</div>
<div class="card">
<img class="ava" src=" https://finisky.github.io/images/avatar.png" />
<div class="card-header">
<div>
<a href="https://finisky.github.io/" target="_blank">Finisky Garden</a>
</div>
<div class="info">
互联网技术那些事儿
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://mungeryang.github.io/images/avatar.png?v=1696728951294" />
<div class="card-header">
<div>
<a href="https://mungeryang.github.io/" target="_blank">Munger yang's Blog</a>
</div>
<div class="info">
Mungeryang写字的地方
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://img.ixintu.com/upload/jpg/20210524/3a8cbb0f2da716313a3b18984a9ffe73_78863_800_772.jpg!con" />
<div class="card-header">
<div>
<a href="https://wcowin.work/myhexo/" target="_blank">Myhexo</a>
</div>
<div class="info">
Wcowin的个人Hexo网站
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://gravatar.cdn.iszy.xyz/avatar/5012e410377c7a93d14f7bf31aeeb7fd?d=mm" />
<div class="card-header">
<div>
<a href="https://www.iszy.cc/" target="_blank">随遇而安</a>
</div>
<div class="info">
生活吐槽＆学习记录
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/02/01/NcLn4XdMWQKV37f.jpg" />
<div class="card-header">
<div>
<a href="https://qiuyuair.com" target="_blank">Qiuyuair的自留地</a>
</div>
<div class="info">
Airyu’s Site
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.gkcoll.xyz/favicon.ico" />
<div class="card-header">
<div>
<a href="https://www.gkcoll.xyz/" target="_blank">极客藏源</a>
</div>
<div class="info">
探索互联网新大陆 in N ways.
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/02/01/2Ju6y1fmpWDUBaz.jpg" />
<div class="card-header">
<div>
<a href="https://www.cnblogs.com/miluluyo/" target="_blank">麋鹿鲁哟</a>
</div>
<div class="info">
大道至简，知易行难
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://image.h4ck.org.cn/wp-content/uploads/2023/11/gh_84aaef91c283_430-1.jpg" />
<div class="card-header">
<div>
<a href="https://h4ck.org.cn/" target="_blank">obaby@mars</a>
</div>
<div class="info">
爱好广泛的火星小妖精
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.yaguwu.com/1.png" />
<div class="card-header">
<div>
<a href="https://www.yaguwu.com/" target="_blank">雅故小筑</a>
</div>
<div class="info">
寻一处小筑，不遇车马喧器
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.styg.org.cn/zb_users/upload/2024/01/202401261706277157705448.png" />
<div class="card-header">
<div>
<a href="https://www.styg.org.cn/" target="_blank">温岭慈善义工石塘服务队</a>
</div>
<div class="info">
慈善义工在行动
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.luckyzh.cn/avatar.jpg" />
<div class="card-header">
<div>
<a href="https://www.luckyzh.cn/" target="_blank">旧梦</a>
</div>
<div class="info">
冰冻三尺非一日之寒
滴水穿石非一日之功
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://qkongtao.cn/file/images/favicon.png" />
<div class="card-header">
<div>
<a href="https://qkongtao.cn/" target="_blank">左眼会陪右眼哭の博客</a>
</div>
<div class="info">
干嘛这么想不开，要在脸上贴个输字！
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.zair.top/img/logo.png" />
<div class="card-header">
<div>
<a href="https://www.zair.top/" target="_blank">以太工坊</a>
</div>
<div class="info">
分享我的学习笔记、经验与有趣的小玩意.
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://ymh0000123.github.io/picture/picture/6.png" />
<div class="card-header">
<div>
<a href="https://xiaofeishu-boke.netlify.app/" target="_blank">没用的小废鼠的Blog</a>
</div>
<div class="info">
做学问可不是赶潮流、没有冷门热门之说。
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://ejsoon.win/wp-content/uploads/2022/08/alogobg.png" />
<div class="card-header">
<div>
<a href="https://ejsoon.win" target="_blank">天蒼人頡</a>
</div>
<div class="info">
發掘好玩事物
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://npm.onmicrosoft.cn/hrn-img@1.0.0/img/avatar.jpg" />
<div class="card-header">
<div>
<a href="https://blog.lvhrn.cn" target="_blank">JayHrn</a>
</div>
<div class="info">
發掘好玩事物
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.langhai.net/assets/images/langhai-logo.png" />
<div class="card-header">
<div>
<a href="https://www.langhai.net/" target="_blank">浪海导航</a>
</div>
<div class="info">
浪海导航 ~ 收录各种类型的博客
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.moraxyc.com/avatar.png" />
<div class="card-header">
<div>
<a href="https://moraxyc.com" target="_blank">Moraxyc’s Rhapsody</a>
</div>
<div class="info">
永远热爱！
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://pic.vimin.cc/logo.png" />
<div class="card-header">
<div>
<a href="https://vimin.cc/" target="_blank">XIAOMING'S BLOG</a>
</div>
<div class="info">
记录生活点滴，谱写精彩生活！
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://fastly.jsdelivr.net/gh/wkk-dev/cdn@master/png/kang-qq.jpg" />
<div class="card-header">
<div>
<a href="https://blog.wkk-dev.top" target="_blank">WKK & Blog</a>
</div>
<div class="info">
天生我材必有用，千金散尽还复来。
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://bu.dusays.com/2022/12/28/63ac2812183aa.png
" />
<div class="card-header">
<div>
<a href="https://blog.zhheo.com/" target="_blank">张洪Heo</a>
</div>
<div class="info">
分享设计与科技生活
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.lichenghao.cn/avatar.svg" />
<div class="card-header">
<div>
<a href="https://blog.lichenghao.cn" target="_blank">故事的程序猿</a>
</div>
<div class="info">
好好学习，天天向上↑
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://ovo.btwoa.com/btwoa.jpg" />
<div class="card-header">
<div>
<a href="https://blog.btwoa.com" target="_blank">btwoa</a>
</div>
<div class="info">
世界为你简单
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.linsnow.cn/img/avatar.png" />
<div class="card-header">
<div>
<a href="https://blog.linsnow.cn" target="_blank">L1nSn0w's Blog</a>
</div>
<div class="info">
无限进步.🎈
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.whispery.cn/img/tou.png" />
<div class="card-header">
<div>
<a href="https://blog.whispery.cn/" target="_blank">Whisper</a>
</div>
<div class="info">
</div>
</div>
<div class="links-content">
<div class="link-navigation">
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" />
<div class="card-header">
<div>
<a href="https://wcowin.work/" target="_blank">Wcowin's Web</a>
</div>
<div class="info">
循此苦旅，以达星辰
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://note.isshikih.top/_assets/iro/IroPatch_Brown.png" />
<div class="card-header">
<div>
<a href="https://note.isshikih.top/" target="_blank">IsshikiHugh's Notebook</a>
</div>
<div class="info">
我们登上高塔，看到的却只有黑夜。
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://bu.dusays.com/2023/12/23/65867c3357bb6.jpg" />
<div class="card-header">
<div>
<a href="https://kegongteng.cn/" target="_blank">Kegongteng</a>
</div>
<div class="info">
Blogger / Technophile / Student
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/03/31/Ht3QBqhgLYNAuwj.png" />
<div class="card-header">
<div>
<a href="https://lennychen.top/" target="_blank">Lenny's Web</a>
</div>
<div class="info">
天地不仁，以万物为刍狗
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://i.postimg.cc/MGCXBFxn/logo.png" />
<div class="card-header">
<div>
<a href="https://tkqtang.github.io" target="_blank">tkqtang’s Web</a>
</div>
<div class="info">
所谓自由，不是随心所欲，而是自我主宰
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.w1ndys.top/img/about/avatar.png" />
<div class="card-header">
<div>
<a href="https://blog.w1ndys.top/" target="_blank">W1ndysの小屋</a>
</div>
<div class="info">
欲戴皇冠，必承其重
</div>
</div>
</div>
</div>
</div>
</div>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
@ -2228,19 +1886,33 @@
<h2>失联人员</h2>
</div>
<div class="links-content">
<div class="link-navigation">
<div class="link-navigation">
<div class="card">
<img class="ava" src="http://liis.cc/hy.png" />
<div class="card">
<img class="ava" src="/img/wcowin.png" />
<div class="card-header">
<div>
<a href="http://liis.cc" target="_blank">郝宇博客</a>
<a href="https://wcowin.com/" target="_blank">失联的友链1</a>
</div>
<div class="info">
记录我的成长和青春
失联的友链1
</div>
</div>
</div>
</div>
<div class="card">
<img class="ava" src="/img/wcowin.png" />
<div class="card-header">
<div>
<a href="https://wcowin.com/" target="_blank">失联的友链2</a>
</div>
<div class="info">
失联的友链2
</div>
</div>
</div>
</div>
</div>
@ -2262,7 +1934,7 @@
<ul>
<li>独立博客(不要求独立域名)，https，访问流畅</li>
<li>原创内容为主，原创内容3篇以上</li>
<li>原创内容为主，原创内容 3 篇以上</li>
<li>处于活跃状态，有一定的更新频率</li>
<li>建站一个月以上</li>
<li>未添加友链或申请未通过，评论留言会被隐藏。</li>

19
blog/Mkdocs/mkdocs1/index.html
View File

@ -1954,6 +1954,9 @@
<h1>利用mkdocs部署静态网页至GitHub pages</h1>
<blockquote>
<p>下面全部内容把】改成}，把【改成{</p>
</blockquote>
<div class="admonition info">
<p class="admonition-title">Info</p>
<p>官方网站：<a href="https://www.mkdocs.org/" target="“_blank”">MkDocs</a></p>
@ -2097,7 +2100,7 @@
<a id="__codelineno-4-21" name="__codelineno-4-21"></a><span class="w"> </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="nt">run</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">echo &quot;cache_id=$(date --utc &#39;+%V&#39;)&quot; &gt;&gt; $GITHUB_ENV</span><span class="w"> </span>
<a id="__codelineno-4-22" name="__codelineno-4-22"></a><span class="w"> </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="nt">uses</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">actions/cache@v3</span>
<a id="__codelineno-4-23" name="__codelineno-4-23"></a><span class="w"> </span><span class="nt">with</span><span class="p">:</span>
<a id="__codelineno-4-24" name="__codelineno-4-24"></a><span class="w"> </span><span class="nt">key</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">mkdocs-material-${{ env.cache_id }}</span>
<a id="__codelineno-4-24" name="__codelineno-4-24"></a><span class="w"> </span><span class="nt">key</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">mkdocs-material-$【【 env.cache_id 】】</span><span class="w"> </span><span class="c1"># 此处把【【】】改成`{``{``}``}`（只有英文大括号）</span>
<a id="__codelineno-4-25" name="__codelineno-4-25"></a><span class="w"> </span><span class="nt">path</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">.cache</span>
<a id="__codelineno-4-26" name="__codelineno-4-26"></a><span class="w"> </span><span class="nt">restore-keys</span><span class="p">:</span><span class="w"> </span><span class="p p-Indicator">|</span>
<a id="__codelineno-4-27" name="__codelineno-4-27"></a><span class="w"> </span><span class="no">mkdocs-material-</span>
@ -2240,7 +2243,7 @@
<span class="md-icon" title="最后更新">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1-2.1-2M12.5 7v5.2l4 2.4-1 1L11 13V7h1.5M11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2v1.8Z"/></svg>
</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2024-04-01</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2024-04-11</span>
</span>
@ -2265,6 +2268,18 @@
<nav>
<a
href="https://github.com/W1ndys"
class="md-author"
title="@W1ndys"
>
<img
src="https://avatars.githubusercontent.com/u/109416673?v=4&size=72"
alt="W1ndys"
/>
</a>
<a
href="https://github.com/Wcowin"
class="md-author"

45
blog/websitebeauty/header/index.html
View File

@ -1861,6 +1861,9 @@
<h1>添加顶部公告栏</h1>
<blockquote>
<p>下面全部内容把】改成}，把【改成{</p>
</blockquote>
<p><img alt="image.png" src="https://s2.loli.net/2024/02/02/mvCEgeP4lANuXI8.png" /></p>
<p>docs/overrides下新建main.html ，针对main.html文件 <br />
树状结构如下:<br />
@ -1920,33 +1923,33 @@
<span class="normal"><a href="#__codelineno-1-24">24</a></span>
<span class="normal"><a href="#__codelineno-1-25">25</a></span>
<span class="normal"><a href="#__codelineno-1-26">26</a></span>
<span class="normal"><a href="#__codelineno-1-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>{#-
<span class="normal"><a href="#__codelineno-1-27">27</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>【#-
<a id="__codelineno-1-2" name="__codelineno-1-2"></a> This file was automatically generated - do not edit
<a id="__codelineno-1-3" name="__codelineno-1-3"></a> -#}
<a id="__codelineno-1-4" name="__codelineno-1-4"></a> {% extends &quot;base.html&quot; %}
<a id="__codelineno-1-5" name="__codelineno-1-5"></a> {% block extrahead %}
<a id="__codelineno-1-6" name="__codelineno-1-6"></a> <span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;{{ &#39;assets/stylesheets/custom.00c04c01.min.css&#39; | url }}&quot;</span><span class="p">&gt;</span>
<a id="__codelineno-1-7" name="__codelineno-1-7"></a> {% endblock %}
<a id="__codelineno-1-8" name="__codelineno-1-8"></a> {% block announce %}
<a id="__codelineno-1-3" name="__codelineno-1-3"></a> -#】
<a id="__codelineno-1-4" name="__codelineno-1-4"></a> 【% extends &quot;base.html&quot; %】
<a id="__codelineno-1-5" name="__codelineno-1-5"></a> 【% block extrahead %】
<a id="__codelineno-1-6" name="__codelineno-1-6"></a> <span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;【【 &#39;assets/stylesheets/custom.00c04c01.min.css&#39; | url 】】&quot;</span><span class="p">&gt;</span>
<a id="__codelineno-1-7" name="__codelineno-1-7"></a> 【% endblock %】
<a id="__codelineno-1-8" name="__codelineno-1-8"></a> 【% block announce %】
<a id="__codelineno-1-9" name="__codelineno-1-9"></a> Follow <span class="p">&lt;</span><span class="nt">strong</span><span class="p">&gt;</span>@Wcowin<span class="p">&lt;/</span><span class="nt">strong</span><span class="p">&gt;</span> on
<a id="__codelineno-1-10" name="__codelineno-1-10"></a> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;me&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0&quot;</span><span class="p">&gt;</span>
<a id="__codelineno-1-11" name="__codelineno-1-11"></a> <span class="p">&lt;</span><span class="nt">span</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;twemoji bilibili&quot;</span><span class="p">&gt;</span>
<a id="__codelineno-1-12" name="__codelineno-1-12"></a> {% include &quot;.icons/fontawesome/brands/bilibili.svg&quot; %}
<a id="__codelineno-1-12" name="__codelineno-1-12"></a> 【% include &quot;.icons/fontawesome/brands/bilibili.svg&quot; %】
<a id="__codelineno-1-13" name="__codelineno-1-13"></a> <span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
<a id="__codelineno-1-14" name="__codelineno-1-14"></a> <span class="p">&lt;</span><span class="nt">strong</span><span class="p">&gt;</span>Bilibili<span class="p">&lt;/</span><span class="nt">strong</span><span class="p">&gt;</span>
<a id="__codelineno-1-15" name="__codelineno-1-15"></a> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
<a id="__codelineno-1-16" name="__codelineno-1-16"></a> and
<a id="__codelineno-1-17" name="__codelineno-1-17"></a> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;https://twitter.com/Wcowin_&quot;</span><span class="p">&gt;</span>
<a id="__codelineno-1-18" name="__codelineno-1-18"></a> <span class="p">&lt;</span><span class="nt">span</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;twemoji twitter&quot;</span><span class="p">&gt;</span>
<a id="__codelineno-1-19" name="__codelineno-1-19"></a> {% include &quot;.icons/fontawesome/brands/twitter.svg&quot; %}
<a id="__codelineno-1-19" name="__codelineno-1-19"></a> 【% include &quot;.icons/fontawesome/brands/twitter.svg&quot; %】
<a id="__codelineno-1-20" name="__codelineno-1-20"></a> <span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
<a id="__codelineno-1-21" name="__codelineno-1-21"></a> <span class="p">&lt;</span><span class="nt">strong</span><span class="p">&gt;</span>Twitter<span class="p">&lt;/</span><span class="nt">strong</span><span class="p">&gt;</span>
<a id="__codelineno-1-22" name="__codelineno-1-22"></a> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
<a id="__codelineno-1-23" name="__codelineno-1-23"></a> {% endblock %}
<a id="__codelineno-1-24" name="__codelineno-1-24"></a> {% block scripts %}
<a id="__codelineno-1-25" name="__codelineno-1-25"></a> {{ super() }}
<a id="__codelineno-1-26" name="__codelineno-1-26"></a> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;{{ &#39;assets/javascripts/custom.9458f965.min.js&#39; | url }}&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-1-27" name="__codelineno-1-27"></a> {% endblock %}
<a id="__codelineno-1-23" name="__codelineno-1-23"></a> 【% endblock %】
<a id="__codelineno-1-24" name="__codelineno-1-24"></a> 【% block scripts %】
<a id="__codelineno-1-25" name="__codelineno-1-25"></a> 【【 super() 】】
<a id="__codelineno-1-26" name="__codelineno-1-26"></a> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;【【 &#39;assets/javascripts/custom.9458f965.min.js&#39; | url 】】&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-1-27" name="__codelineno-1-27"></a> 【% endblock %】
</code></pre></div></td></tr></table></div>
<p>自行修改即可</p>
<!--
@ -2016,7 +2019,7 @@
<span class="md-icon" title="最后更新">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1-2.1-2M12.5 7v5.2l4 2.4-1 1L11 13V7h1.5M11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2v1.8Z"/></svg>
</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2024-02-02</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2024-04-11</span>
</span>
@ -2041,6 +2044,18 @@
<nav>
<a
href="https://github.com/W1ndys"
class="md-author"
title="@W1ndys"
>
<img
src="https://avatars.githubusercontent.com/u/109416673?v=4&size=72"
alt="W1ndys"
/>
</a>
<a
href="https://github.com/Wcowin"
class="md-author"

267
blog/websitebeauty/mkcomments/index.html
View File

@ -1992,7 +1992,10 @@
<h1>添加评论系统(giscus为例)</h1>
<p>官方文档：<a href="https://squidfunk.github.io/mkdocs-material/setup/adding-a-comment-system/">Adding a comment system</a> </p>
<blockquote>
<p>下面全部内容把】改成}，把【改成{</p>
</blockquote>
<p>官方文档：<a href="https://squidfunk.github.io/mkdocs-material/setup/adding-a-comment-system/">Adding a comment system</a></p>
<p>这里我同样推荐<a href="https://giscus.app/zh-CN">giscus</a></p>
<p>利用 GitHub Discussions 实现的评论系统，让访客借助 GitHub 在你的网站上留下评论和反应吧！本项目深受 utterances 的启发。</p>
<ul>
@ -2007,15 +2010,15 @@
</ul>
<p>言归正传</p>
<h2 id="_1">第一步<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p>mkdocs.yml中添加
<p>mkdocs.yml 中添加</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
<span class="normal"><a href="#__codelineno-0-2">2</a></span>
<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>theme:
<a id="__codelineno-0-2" name="__codelineno-0-2"></a> name: material
<a id="__codelineno-0-3" name="__codelineno-0-3"></a> custom_dir: docs/overrides #主要是这一行
</code></pre></div></td></tr></table></div>
参考下图新建overrides文件，在此文件下参考下图新建覆盖html文件<br />
树状结构如下:<br />
<p>参考下图新建 overrides 文件，在此文件下参考下图新建覆盖 html 文件<br />
树状结构如下:</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
@ -2045,9 +2048,9 @@
<a id="__codelineno-1-13" name="__codelineno-1-13"></a>│ └──comments.html
<a id="__codelineno-1-14" name="__codelineno-1-14"></a>│
<a id="__codelineno-1-15" name="__codelineno-1-15"></a>└── mkdocs.yml
</code></pre></div></td></tr></table></div></p>
</code></pre></div></td></tr></table></div>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/214447b92070792905259a843de3e233.png" /></p>
<p>在comments.html中</p>
<p>在 comments.html 中</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
@ -2101,65 +2104,67 @@
<span class="normal"><a href="#__codelineno-2-51">51</a></span>
<span class="normal"><a href="#__codelineno-2-52">52</a></span>
<span class="normal"><a href="#__codelineno-2-53">53</a></span>
<span class="normal"><a href="#__codelineno-2-54">54</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>{% if page.meta.comments %}
<a id="__codelineno-2-2" name="__codelineno-2-2"></a> <span class="p">&lt;</span><span class="nt">h2</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;__comments&quot;</span><span class="p">&gt;</span>{{ lang.t(&quot;meta.comments&quot;) }}<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
<a id="__codelineno-2-3" name="__codelineno-2-3"></a> <span class="cm">&lt;!-- Insert generated snippet here --&gt;</span>
<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="hll"> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://giscus.app/client.js&quot;</span>
</span><a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="hll"> <span class="na">data-repo</span><span class="o">=</span><span class="s">&quot;你的仓库名称（如Wcowin/hexo-site-comments）&quot;</span>
</span><a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="hll"> <span class="na">data-repo-id</span><span class="o">=</span><span class="s">&quot; &quot;</span>
</span><a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="hll"> <span class="na">data-category</span><span class="o">=</span><span class="s">&quot; &quot;</span>
</span><a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="hll"> <span class="na">data-category-id</span><span class="o">=</span><span class="s">&quot; &quot;</span>
</span><a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="hll"> <span class="na">data-mapping</span><span class="o">=</span><span class="s">&quot;pathname&quot;</span>
</span><a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="hll"> <span class="na">data-strict</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
</span><a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="hll"> <span class="na">data-reactions-enabled</span><span class="o">=</span><span class="s">&quot;1&quot;</span>
</span><a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="hll"> <span class="na">data-emit-metadata</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
</span><a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="hll"> <span class="na">data-input-position</span><span class="o">=</span><span class="s">&quot;bottom&quot;</span>
</span><a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="hll"> <span class="na">data-theme</span><span class="o">=</span><span class="s">&quot;preferred_color_scheme&quot;</span>
</span><a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="hll"> <span class="na">data-lang</span><span class="o">=</span><span class="s">&quot;zh-CN&quot;</span>
</span><a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="hll"> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
</span><a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="hll"> <span class="na">async</span><span class="p">&gt;</span>
</span><a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="hll"><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</span><a id="__codelineno-2-19" name="__codelineno-2-19"></a> <span class="cm">&lt;!-- Synchronize Giscus theme with palette --&gt;</span>
<a id="__codelineno-2-20" name="__codelineno-2-20"></a> <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">giscus</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;script[src*=giscus]&quot;</span><span class="p">)</span>
<a id="__codelineno-2-22" name="__codelineno-2-22"></a>
<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="w"> </span><span class="c1">// Set palette on initial load</span>
<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">palette</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">__md_get</span><span class="p">(</span><span class="s2">&quot;__palette&quot;</span><span class="p">)</span>
<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">palette</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="ow">typeof</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;object&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">theme</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="p">.</span><span class="nx">scheme</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;slate&quot;</span>
<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s2">&quot;transparent_dark&quot;</span>
<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;light&quot;</span>
<a id="__codelineno-2-29" name="__codelineno-2-29"></a>
<a id="__codelineno-2-30" name="__codelineno-2-30"></a><span class="w"> </span><span class="c1">// Instruct Giscus to set theme</span>
<a id="__codelineno-2-31" name="__codelineno-2-31"></a><span class="w"> </span><span class="nx">giscus</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s2">&quot;data-theme&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">theme</span><span class="p">)</span><span class="w"> </span>
<a id="__codelineno-2-32" name="__codelineno-2-32"></a><span class="w"> </span><span class="p">}</span>
<a id="__codelineno-2-33" name="__codelineno-2-33"></a>
<a id="__codelineno-2-34" name="__codelineno-2-34"></a><span class="w"> </span><span class="c1">// Register event handlers after documented loaded</span>
<a id="__codelineno-2-35" name="__codelineno-2-35"></a><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s2">&quot;DOMContentLoaded&quot;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
<a id="__codelineno-2-36" name="__codelineno-2-36"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">ref</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;[data-md-component=palette]&quot;</span><span class="p">)</span>
<a id="__codelineno-2-37" name="__codelineno-2-37"></a><span class="w"> </span><span class="nx">ref</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s2">&quot;change&quot;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
<a id="__codelineno-2-38" name="__codelineno-2-38"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">palette</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">__md_get</span><span class="p">(</span><span class="s2">&quot;__palette&quot;</span><span class="p">)</span>
<a id="__codelineno-2-39" name="__codelineno-2-39"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">palette</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="ow">typeof</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;object&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
<a id="__codelineno-2-40" name="__codelineno-2-40"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">theme</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="p">.</span><span class="nx">scheme</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;slate&quot;</span>
<a id="__codelineno-2-41" name="__codelineno-2-41"></a><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s2">&quot;transparent_dark&quot;</span>
<a id="__codelineno-2-42" name="__codelineno-2-42"></a><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;light&quot;</span>
<a id="__codelineno-2-43" name="__codelineno-2-43"></a>
<a id="__codelineno-2-44" name="__codelineno-2-44"></a><span class="w"> </span><span class="c1">// Instruct Giscus to change theme</span>
<a id="__codelineno-2-45" name="__codelineno-2-45"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">frame</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;.giscus-frame&quot;</span><span class="p">)</span>
<a id="__codelineno-2-46" name="__codelineno-2-46"></a><span class="w"> </span><span class="nx">frame</span><span class="p">.</span><span class="nx">contentWindow</span><span class="p">.</span><span class="nx">postMessage</span><span class="p">(</span>
<a id="__codelineno-2-47" name="__codelineno-2-47"></a><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">giscus</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">setConfig</span><span class="o">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nx">theme</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">},</span>
<a id="__codelineno-2-48" name="__codelineno-2-48"></a><span class="w"> </span><span class="s2">&quot;https://giscus.app&quot;</span>
<a id="__codelineno-2-49" name="__codelineno-2-49"></a><span class="w"> </span><span class="p">)</span>
<a id="__codelineno-2-50" name="__codelineno-2-50"></a><span class="w"> </span><span class="p">}</span>
<a id="__codelineno-2-51" name="__codelineno-2-51"></a><span class="w"> </span><span class="p">})</span>
<a id="__codelineno-2-52" name="__codelineno-2-52"></a><span class="w"> </span><span class="p">})</span>
<a id="__codelineno-2-53" name="__codelineno-2-53"></a><span class="w"> </span><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-2-54" name="__codelineno-2-54"></a>{% endif %}
<span class="normal"><a href="#__codelineno-2-54">54</a></span>
<span class="normal"><a href="#__codelineno-2-55">55</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a>【% if page.meta.comments %】
<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p">&lt;</span><span class="nt">h2</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;__comments&quot;</span><span class="p">&gt;</span>【【 lang.t(&quot;meta.comments&quot;) 】】<span class="p">&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span>
<a id="__codelineno-2-3" name="__codelineno-2-3"></a><span class="cm">&lt;!-- Insert generated snippet here --&gt;</span>
<a id="__codelineno-2-4" name="__codelineno-2-4"></a><span class="hll"><span class="p">&lt;</span><span class="nt">script</span>
</span><a id="__codelineno-2-5" name="__codelineno-2-5"></a><span class="hll"> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://giscus.app/client.js&quot;</span>
</span><a id="__codelineno-2-6" name="__codelineno-2-6"></a><span class="hll"> <span class="na">data-repo</span><span class="o">=</span><span class="s">&quot;你的仓库名称（如Wcowin/hexo-site-comments）&quot;</span>
</span><a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="hll"> <span class="na">data-repo-id</span><span class="o">=</span><span class="s">&quot; &quot;</span>
</span><a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="hll"> <span class="na">data-category</span><span class="o">=</span><span class="s">&quot; &quot;</span>
</span><a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="hll"> <span class="na">data-category-id</span><span class="o">=</span><span class="s">&quot; &quot;</span>
</span><a id="__codelineno-2-10" name="__codelineno-2-10"></a><span class="hll"> <span class="na">data-mapping</span><span class="o">=</span><span class="s">&quot;pathname&quot;</span>
</span><a id="__codelineno-2-11" name="__codelineno-2-11"></a><span class="hll"> <span class="na">data-strict</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
</span><a id="__codelineno-2-12" name="__codelineno-2-12"></a><span class="hll"> <span class="na">data-reactions-enabled</span><span class="o">=</span><span class="s">&quot;1&quot;</span>
</span><a id="__codelineno-2-13" name="__codelineno-2-13"></a><span class="hll"> <span class="na">data-emit-metadata</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
</span><a id="__codelineno-2-14" name="__codelineno-2-14"></a><span class="hll"> <span class="na">data-input-position</span><span class="o">=</span><span class="s">&quot;bottom&quot;</span>
</span><a id="__codelineno-2-15" name="__codelineno-2-15"></a><span class="hll"> <span class="na">data-theme</span><span class="o">=</span><span class="s">&quot;preferred_color_scheme&quot;</span>
</span><a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="hll"> <span class="na">data-lang</span><span class="o">=</span><span class="s">&quot;zh-CN&quot;</span>
</span><a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="hll"> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
</span><a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="hll"> <span class="na">async</span>
</span><a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="cm">&lt;!-- Synchronize Giscus theme with palette --&gt;</span>
<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">giscus</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;script[src*=giscus]&quot;</span><span class="p">)</span>
<a id="__codelineno-2-23" name="__codelineno-2-23"></a>
<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="w"> </span><span class="c1">// Set palette on initial load</span>
<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">palette</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">__md_get</span><span class="p">(</span><span class="s2">&quot;__palette&quot;</span><span class="p">)</span>
<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">palette</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="ow">typeof</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;object&quot;</span><span class="p">)</span><span class="w"> </span><span class="err">【</span>
<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">theme</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="p">.</span><span class="nx">scheme</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;slate&quot;</span>
<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s2">&quot;transparent_dark&quot;</span>
<a id="__codelineno-2-29" name="__codelineno-2-29"></a><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;light&quot;</span>
<a id="__codelineno-2-30" name="__codelineno-2-30"></a>
<a id="__codelineno-2-31" name="__codelineno-2-31"></a><span class="w"> </span><span class="c1">// Instruct Giscus to set theme</span>
<a id="__codelineno-2-32" name="__codelineno-2-32"></a><span class="w"> </span><span class="nx">giscus</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s2">&quot;data-theme&quot;</span><span class="p">,</span><span class="w"> </span><span class="nx">theme</span><span class="p">)</span>
<a id="__codelineno-2-33" name="__codelineno-2-33"></a><span class="w"> </span><span class="err">】</span>
<a id="__codelineno-2-34" name="__codelineno-2-34"></a>
<a id="__codelineno-2-35" name="__codelineno-2-35"></a><span class="w"> </span><span class="c1">// Register event handlers after documented loaded</span>
<a id="__codelineno-2-36" name="__codelineno-2-36"></a><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s2">&quot;DOMContentLoaded&quot;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="err">【</span>
<a id="__codelineno-2-37" name="__codelineno-2-37"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">ref</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;[data-md-component=palette]&quot;</span><span class="p">)</span>
<a id="__codelineno-2-38" name="__codelineno-2-38"></a><span class="w"> </span><span class="nx">ref</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s2">&quot;change&quot;</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="err">【</span>
<a id="__codelineno-2-39" name="__codelineno-2-39"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">palette</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">__md_get</span><span class="p">(</span><span class="s2">&quot;__palette&quot;</span><span class="p">)</span>
<a id="__codelineno-2-40" name="__codelineno-2-40"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">palette</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="ow">typeof</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;object&quot;</span><span class="p">)</span><span class="w"> </span><span class="err">【</span>
<a id="__codelineno-2-41" name="__codelineno-2-41"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">theme</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">palette</span><span class="p">.</span><span class="nx">color</span><span class="p">.</span><span class="nx">scheme</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;slate&quot;</span>
<a id="__codelineno-2-42" name="__codelineno-2-42"></a><span class="w"> </span><span class="o">?</span><span class="w"> </span><span class="s2">&quot;transparent_dark&quot;</span>
<a id="__codelineno-2-43" name="__codelineno-2-43"></a><span class="w"> </span><span class="o">:</span><span class="w"> </span><span class="s2">&quot;light&quot;</span>
<a id="__codelineno-2-44" name="__codelineno-2-44"></a>
<a id="__codelineno-2-45" name="__codelineno-2-45"></a><span class="w"> </span><span class="c1">// Instruct Giscus to change theme</span>
<a id="__codelineno-2-46" name="__codelineno-2-46"></a><span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">frame</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s2">&quot;.giscus-frame&quot;</span><span class="p">)</span>
<a id="__codelineno-2-47" name="__codelineno-2-47"></a><span class="w"> </span><span class="nx">frame</span><span class="p">.</span><span class="nx">contentWindow</span><span class="p">.</span><span class="nx">postMessage</span><span class="p">(</span>
<a id="__codelineno-2-48" name="__codelineno-2-48"></a><span class="w"> </span><span class="err">【</span><span class="w"> </span><span class="nx">giscus</span><span class="o">:</span><span class="w"> </span><span class="err">【</span><span class="w"> </span><span class="nx">setConfig</span><span class="o">:</span><span class="w"> </span><span class="err">【</span><span class="w"> </span><span class="nx">theme</span><span class="w"> </span><span class="err">】</span><span class="w"> </span><span class="err">】</span><span class="w"> </span><span class="err">】</span><span class="p">,</span>
<a id="__codelineno-2-49" name="__codelineno-2-49"></a><span class="w"> </span><span class="s2">&quot;https://giscus.app&quot;</span>
<a id="__codelineno-2-50" name="__codelineno-2-50"></a><span class="w"> </span><span class="p">)</span>
<a id="__codelineno-2-51" name="__codelineno-2-51"></a><span class="w"> </span><span class="err">】</span>
<a id="__codelineno-2-52" name="__codelineno-2-52"></a><span class="w"> </span><span class="err">】</span><span class="p">)</span>
<a id="__codelineno-2-53" name="__codelineno-2-53"></a><span class="w"> </span><span class="err">】</span><span class="p">)</span>
<a id="__codelineno-2-54" name="__codelineno-2-54"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-2-55" name="__codelineno-2-55"></a>【% endif %】
</code></pre></div></td></tr></table></div>
<h2 id="_2">第二步<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p>打开<a href="https://giscus.app/zh-CN">https://giscus.app/zh-CN</a> 走完这个页面的流程就会得到(这会在你的Github创建新的仓库，建议自己先去新建个 Discussions)
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b0fabd6a0c967d5a846c087adea5b680.png" /> </p>
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d0c7b4e08a714b5c2b60421f58159c62.png" /> </p>
<p>打开<a href="https://giscus.app/zh-CN">https://giscus.app/zh-CN</a> 走完这个页面的流程就会得到(这会在你的 Github 创建新的仓库，建议自己先去新建个 Discussions)
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b0fabd6a0c967d5a846c087adea5b680.png" /></p>
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d0c7b4e08a714b5c2b60421f58159c62.png" /></p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
@ -2174,23 +2179,25 @@
<span class="normal"><a href="#__codelineno-3-12">12</a></span>
<span class="normal"><a href="#__codelineno-3-13">13</a></span>
<span class="normal"><a href="#__codelineno-3-14">14</a></span>
<span class="normal"><a href="#__codelineno-3-15">15</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://giscus.app/client.js&quot;</span>
<a id="__codelineno-3-2" name="__codelineno-3-2"></a> <span class="na">data-repo</span><span class="o">=</span><span class="s">&quot;[在此输入仓库]&quot;</span>
<a id="__codelineno-3-3" name="__codelineno-3-3"></a> <span class="na">data-repo-id</span><span class="o">=</span><span class="s">&quot;[在此输入仓库 ID]&quot;</span>
<a id="__codelineno-3-4" name="__codelineno-3-4"></a> <span class="na">data-category</span><span class="o">=</span><span class="s">&quot;[在此输入分类名]&quot;</span>
<a id="__codelineno-3-5" name="__codelineno-3-5"></a> <span class="na">data-category-id</span><span class="o">=</span><span class="s">&quot;[在此输入分类 ID]&quot;</span>
<a id="__codelineno-3-6" name="__codelineno-3-6"></a> <span class="na">data-mapping</span><span class="o">=</span><span class="s">&quot;pathname&quot;</span>
<a id="__codelineno-3-7" name="__codelineno-3-7"></a> <span class="na">data-strict</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
<a id="__codelineno-3-8" name="__codelineno-3-8"></a> <span class="na">data-reactions-enabled</span><span class="o">=</span><span class="s">&quot;1&quot;</span>
<a id="__codelineno-3-9" name="__codelineno-3-9"></a> <span class="na">data-emit-metadata</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
<a id="__codelineno-3-10" name="__codelineno-3-10"></a> <span class="na">data-input-position</span><span class="o">=</span><span class="s">&quot;bottom&quot;</span>
<a id="__codelineno-3-11" name="__codelineno-3-11"></a> <span class="na">data-theme</span><span class="o">=</span><span class="s">&quot;preferred_color_scheme&quot;</span>
<a id="__codelineno-3-12" name="__codelineno-3-12"></a> <span class="na">data-lang</span><span class="o">=</span><span class="s">&quot;zh-CN&quot;</span>
<a id="__codelineno-3-13" name="__codelineno-3-13"></a> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
<a id="__codelineno-3-14" name="__codelineno-3-14"></a> <span class="na">async</span><span class="p">&gt;</span>
<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="normal"><a href="#__codelineno-3-15">15</a></span>
<span class="normal"><a href="#__codelineno-3-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="p">&lt;</span><span class="nt">script</span>
<a id="__codelineno-3-2" name="__codelineno-3-2"></a> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://giscus.app/client.js&quot;</span>
<a id="__codelineno-3-3" name="__codelineno-3-3"></a> <span class="na">data-repo</span><span class="o">=</span><span class="s">&quot;[在此输入仓库]&quot;</span>
<a id="__codelineno-3-4" name="__codelineno-3-4"></a> <span class="na">data-repo-id</span><span class="o">=</span><span class="s">&quot;[在此输入仓库 ID]&quot;</span>
<a id="__codelineno-3-5" name="__codelineno-3-5"></a> <span class="na">data-category</span><span class="o">=</span><span class="s">&quot;[在此输入分类名]&quot;</span>
<a id="__codelineno-3-6" name="__codelineno-3-6"></a> <span class="na">data-category-id</span><span class="o">=</span><span class="s">&quot;[在此输入分类 ID]&quot;</span>
<a id="__codelineno-3-7" name="__codelineno-3-7"></a> <span class="na">data-mapping</span><span class="o">=</span><span class="s">&quot;pathname&quot;</span>
<a id="__codelineno-3-8" name="__codelineno-3-8"></a> <span class="na">data-strict</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
<a id="__codelineno-3-9" name="__codelineno-3-9"></a> <span class="na">data-reactions-enabled</span><span class="o">=</span><span class="s">&quot;1&quot;</span>
<a id="__codelineno-3-10" name="__codelineno-3-10"></a> <span class="na">data-emit-metadata</span><span class="o">=</span><span class="s">&quot;0&quot;</span>
<a id="__codelineno-3-11" name="__codelineno-3-11"></a> <span class="na">data-input-position</span><span class="o">=</span><span class="s">&quot;bottom&quot;</span>
<a id="__codelineno-3-12" name="__codelineno-3-12"></a> <span class="na">data-theme</span><span class="o">=</span><span class="s">&quot;preferred_color_scheme&quot;</span>
<a id="__codelineno-3-13" name="__codelineno-3-13"></a> <span class="na">data-lang</span><span class="o">=</span><span class="s">&quot;zh-CN&quot;</span>
<a id="__codelineno-3-14" name="__codelineno-3-14"></a> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
<a id="__codelineno-3-15" name="__codelineno-3-15"></a> <span class="na">async</span>
<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</code></pre></div></td></tr></table></div>
<p>复制将此代码，替换最上面👆🏻comments.html中高亮的代码</p>
<p>复制将此代码，替换最上面 👆🏻comments.html 中高亮的代码</p>
<p>终端里<code>mkdocs server</code>一下</p>
<h2 id="_3">最后<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<p>在你想插入评论的地方的元数据：<code>comments: true</code></p>
@ -2208,12 +2215,12 @@
<a id="__codelineno-4-4" name="__codelineno-4-4"></a> # - navigation # 显示右
<a id="__codelineno-4-5" name="__codelineno-4-5"></a> # - toc #显示左
<a id="__codelineno-4-6" name="__codelineno-4-6"></a> # - footer
<a id="__codelineno-4-7" name="__codelineno-4-7"></a> # - feedback
<a id="__codelineno-4-7" name="__codelineno-4-7"></a> # - feedback
<a id="__codelineno-4-8" name="__codelineno-4-8"></a>comments: true #默认不开启评论
<a id="__codelineno-4-9" name="__codelineno-4-9"></a>---
</code></pre></div></td></tr></table></div>
<h2 id="_4">效果<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<p>完美!快速相应 </p>
<p>完美!快速相应</p>
<figure>
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/0619f922f930e7649fb40405c7e49339.png" />
</p>
@ -2243,27 +2250,57 @@
<span class="normal"><a href="#__codelineno-5-18">18</a></span>
<span class="normal"><a href="#__codelineno-5-19">19</a></span>
<span class="normal"><a href="#__codelineno-5-20">20</a></span>
<span class="normal"><a href="#__codelineno-5-21">21</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
<a id="__codelineno-5-2" name="__codelineno-5-2"></a> <span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css&quot;</span> <span class="na">integrity</span><span class="o">=</span><span class="s">&quot;sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X&quot;</span> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span> <span class="p">/&gt;</span>
<a id="__codelineno-5-3" name="__codelineno-5-3"></a> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">defer</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js&quot;</span> <span class="na">integrity</span><span class="o">=</span><span class="s">&quot;sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4&quot;</span> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-4" name="__codelineno-5-4"></a> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">defer</span><span class="o">=</span><span class="s">&quot;&quot;</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js&quot;</span> <span class="na">integrity</span><span class="o">=</span><span class="s">&quot;sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa&quot;</span> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-5" name="__codelineno-5-5"></a>
<a id="__codelineno-5-6" name="__codelineno-5-6"></a> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
<a id="__codelineno-5-7" name="__codelineno-5-7"></a><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
<a id="__codelineno-5-8" name="__codelineno-5-8"></a> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;tcomment&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
<a id="__codelineno-5-9" name="__codelineno-5-9"></a> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-10" name="__codelineno-5-10"></a> <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-11" name="__codelineno-5-11"></a><span class="nx">twikoo</span><span class="p">.</span><span class="nx">init</span><span class="p">({</span>
<a id="__codelineno-5-12" name="__codelineno-5-12"></a><span class="w"> </span><span class="nx">envId</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo&#39;</span><span class="p">,</span><span class="w"> </span><span class="c1">// 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）</span>
<a id="__codelineno-5-13" name="__codelineno-5-13"></a><span class="w"> </span><span class="nx">el</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;#tcomment&#39;</span><span class="p">,</span><span class="w"> </span><span class="c1">// 容器元素</span>
<a id="__codelineno-5-14" name="__codelineno-5-14"></a><span class="w"> </span><span class="c1">//region: &#39;ap-guangzhou&#39;, // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填</span>
<a id="__codelineno-5-15" name="__codelineno-5-15"></a><span class="w"> </span><span class="c1">// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数</span>
<a id="__codelineno-5-16" name="__codelineno-5-16"></a><span class="w"> </span><span class="c1">//lang: &#39;zh-CN&#39;, // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js</span>
<a id="__codelineno-5-17" name="__codelineno-5-17"></a><span class="w"> </span><span class="nx">onCommentLoaded</span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
<a id="__codelineno-5-18" name="__codelineno-5-18"></a><span class="w"> </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;评论加载完成&#39;</span><span class="p">);</span>
<a id="__codelineno-5-19" name="__codelineno-5-19"></a><span class="w"> </span><span class="p">}</span>
<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="p">})</span>
<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<span class="normal"><a href="#__codelineno-5-21">21</a></span>
<span class="normal"><a href="#__codelineno-5-22">22</a></span>
<span class="normal"><a href="#__codelineno-5-23">23</a></span>
<span class="normal"><a href="#__codelineno-5-24">24</a></span>
<span class="normal"><a href="#__codelineno-5-25">25</a></span>
<span class="normal"><a href="#__codelineno-5-26">26</a></span>
<span class="normal"><a href="#__codelineno-5-27">27</a></span>
<span class="normal"><a href="#__codelineno-5-28">28</a></span>
<span class="normal"><a href="#__codelineno-5-29">29</a></span>
<span class="normal"><a href="#__codelineno-5-30">30</a></span>
<span class="normal"><a href="#__codelineno-5-31">31</a></span>
<span class="normal"><a href="#__codelineno-5-32">32</a></span>
<span class="normal"><a href="#__codelineno-5-33">33</a></span>
<span class="normal"><a href="#__codelineno-5-34">34</a></span>
<span class="normal"><a href="#__codelineno-5-35">35</a></span>
<span class="normal"><a href="#__codelineno-5-36">36</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
<a id="__codelineno-5-2" name="__codelineno-5-2"></a> <span class="p">&lt;</span><span class="nt">link</span>
<a id="__codelineno-5-3" name="__codelineno-5-3"></a> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span>
<a id="__codelineno-5-4" name="__codelineno-5-4"></a> <span class="na">href</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css&quot;</span>
<a id="__codelineno-5-5" name="__codelineno-5-5"></a> <span class="na">integrity</span><span class="o">=</span><span class="s">&quot;sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X&quot;</span>
<a id="__codelineno-5-6" name="__codelineno-5-6"></a> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
<a id="__codelineno-5-7" name="__codelineno-5-7"></a> <span class="p">/&gt;</span>
<a id="__codelineno-5-8" name="__codelineno-5-8"></a> <span class="p">&lt;</span><span class="nt">script</span>
<a id="__codelineno-5-9" name="__codelineno-5-9"></a> <span class="na">defer</span><span class="o">=</span><span class="s">&quot;&quot;</span>
<a id="__codelineno-5-10" name="__codelineno-5-10"></a> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js&quot;</span>
<a id="__codelineno-5-11" name="__codelineno-5-11"></a> <span class="na">integrity</span><span class="o">=</span><span class="s">&quot;sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4&quot;</span>
<a id="__codelineno-5-12" name="__codelineno-5-12"></a> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
<a id="__codelineno-5-13" name="__codelineno-5-13"></a> <span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-14" name="__codelineno-5-14"></a> <span class="p">&lt;</span><span class="nt">script</span>
<a id="__codelineno-5-15" name="__codelineno-5-15"></a> <span class="na">defer</span><span class="o">=</span><span class="s">&quot;&quot;</span>
<a id="__codelineno-5-16" name="__codelineno-5-16"></a> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js&quot;</span>
<a id="__codelineno-5-17" name="__codelineno-5-17"></a> <span class="na">integrity</span><span class="o">=</span><span class="s">&quot;sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa&quot;</span>
<a id="__codelineno-5-18" name="__codelineno-5-18"></a> <span class="na">crossorigin</span><span class="o">=</span><span class="s">&quot;anonymous&quot;</span>
<a id="__codelineno-5-19" name="__codelineno-5-19"></a> <span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-20" name="__codelineno-5-20"></a><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
<a id="__codelineno-5-21" name="__codelineno-5-21"></a><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
<a id="__codelineno-5-22" name="__codelineno-5-22"></a> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;tcomment&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
<a id="__codelineno-5-23" name="__codelineno-5-23"></a> <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-24" name="__codelineno-5-24"></a> <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-25" name="__codelineno-5-25"></a><span class="w"> </span><span class="nx">twikoo</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="err">【</span>
<a id="__codelineno-5-26" name="__codelineno-5-26"></a><span class="w"> </span><span class="nx">envId</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo&#39;</span><span class="p">,</span><span class="w"> </span><span class="c1">// 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）</span>
<a id="__codelineno-5-27" name="__codelineno-5-27"></a><span class="w"> </span><span class="nx">el</span><span class="o">:</span><span class="w"> </span><span class="s1">&#39;#tcomment&#39;</span><span class="p">,</span><span class="w"> </span><span class="c1">// 容器元素</span>
<a id="__codelineno-5-28" name="__codelineno-5-28"></a><span class="w"> </span><span class="c1">//region: &#39;ap-guangzhou&#39;, // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填</span>
<a id="__codelineno-5-29" name="__codelineno-5-29"></a><span class="w"> </span><span class="c1">// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数</span>
<a id="__codelineno-5-30" name="__codelineno-5-30"></a><span class="w"> </span><span class="c1">//lang: &#39;zh-CN&#39;, // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js</span>
<a id="__codelineno-5-31" name="__codelineno-5-31"></a><span class="w"> </span><span class="nx">onCommentLoaded</span><span class="o">:</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="err">【</span>
<a id="__codelineno-5-32" name="__codelineno-5-32"></a><span class="w"> </span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;评论加载完成&#39;</span><span class="p">);</span>
<a id="__codelineno-5-33" name="__codelineno-5-33"></a><span class="w"> </span><span class="err">】</span>
<a id="__codelineno-5-34" name="__codelineno-5-34"></a><span class="w"> </span><span class="err">】</span><span class="p">)</span>
<a id="__codelineno-5-35" name="__codelineno-5-35"></a><span class="w"> </span><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
<a id="__codelineno-5-36" name="__codelineno-5-36"></a><span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</code></pre></div></td></tr></table></div>
<p><head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous" />
@ -2276,19 +2313,19 @@
<div id="tcomment"></div>
<script src="https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js"></script>
<script>
twikoo.init({
twikoo.init(【
envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
el: '#tcomment', // 容器元素
//region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
//lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
onCommentLoaded: function () {
onCommentLoaded: function () 【
console.log('评论加载完成');
}
})
</script>
】
】)
</script>
我感觉twikoo也好看！
我感觉 twikoo 也好看！
<!--
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
@ -2356,7 +2393,7 @@ twikoo.init({
<span class="md-icon" title="最后更新">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1-2.1-2M12.5 7v5.2l4 2.4-1 1L11 13V7h1.5M11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2v1.8Z"/></svg>
</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2024-02-02</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2024-04-11</span>
</span>
@ -2381,6 +2418,18 @@ twikoo.init({
<nav>
<a
href="https://github.com/W1ndys"
class="md-author"
title="@W1ndys"
>
<img
src="https://avatars.githubusercontent.com/u/109416673?v=4&size=72"
alt="W1ndys"
/>
</a>
<a
href="https://github.com/Wcowin"
class="md-author"

2
search/search_index.json
View File

File diff suppressed because one or more lines are too long

76
sitemap.xml
View File

@ -2,192 +2,192 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/liuyanban/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/tag/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/about/geren/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/about/link/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/about/test/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocs1/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocs2/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocs3/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocsblog/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2021/12/18/%E5%8D%9A%E5%AE%A2%E6%96%87%E7%AB%A0%E6%B5%8B%E8%AF%95/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2022/06/06/2022%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2023/12/21/2023%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2024/01/01/2024%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/404/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/backgroud/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/header/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/linktech/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/mkcomments/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/mkdocsfont/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/shubiao/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/time/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/webtalknow/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/git/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/lighthouse/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/vercel/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/Markdown/MWeb/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/Markdown/markdown/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/designbeauty/db1/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/designbeauty/my-to-desihn/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2024/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2023/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2022/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2021/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/category/%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/category/hello-world/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/tag/</loc>
<lastmod>2024-04-06</lastmod>
<lastmod>2024-04-11</lastmod>
<changefreq>daily</changefreq>
</url>
</urlset>

BIN
sitemap.xml.gz
View File

Binary file not shown.