<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <author>
    <name>小朱 195-5426-3693</name>
  </author>
  <generator uri="https://hexo.io/">Hexo</generator>
  <id>https://80tz.cn/</id>
  <link href="https://80tz.cn/" rel="alternate"/>
  <link href="https://80tz.cn/atom.xml" rel="self"/>
  <rights>All rights reserved 2026, 小朱 195-5426-3693</rights>
  <title>小朱 195-5426-3693 网站制作 程序开发 网站部署 数据恢复 QQ:623869193</title>
  <updated>2026-06-05T01:01:44.934Z</updated>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="页脚 运行时长 代码" scheme="https://80tz.cn/tags/%E9%A1%B5%E8%84%9A-%E8%BF%90%E8%A1%8C%E6%97%B6%E9%95%BF-%E4%BB%A3%E7%A0%81/"/>
    <content>
      <![CDATA[<p>只需要在主题配置中的 footer: content 添加：</p><figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><code class="hljs XML">footer:<br>  content: &#x27;<br>    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;https://hexo.io&quot;</span> <span class="hljs-attr">target</span>=<span class="hljs-string">&quot;_blank&quot;</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">&quot;nofollow noopener&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Hexo<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;iconfont icon-love&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;https://github.com/fluid-dev/hexo-theme-fluid&quot;</span> <span class="hljs-attr">target</span>=<span class="hljs-string">&quot;_blank&quot;</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">&quot;nofollow noopener&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Fluid<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;font-size: 0.85rem&quot;</span>&gt;</span><br>      <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;timeDate&quot;</span>&gt;</span>载入天数...<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>      <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;times&quot;</span>&gt;</span>载入时分秒...<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>      <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;/js/duration.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>  &#x27;<br></code></pre></td></tr></table></figure><p>content 前三行是 Fluid 原有的页脚内容，建议不要删除，可稍作修改，保留 Fluid 的超链接，用于向更多人推广主题。</p><p>duration.js 包含的才是功能代码，我们在博客目录下创建 source&#x2F;js&#x2F;duration.js，内容如下：</p><figure class="highlight java"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br></pre></td><td class="code"><pre><code class="hljs JAVA">!(function() &#123;<br>  <span class="hljs-comment">/** 计时起始时间，自行修改 **/</span><br>  <span class="hljs-type">var</span> <span class="hljs-variable">start</span> <span class="hljs-operator">=</span> <span class="hljs-keyword">new</span> <span class="hljs-title class_">Date</span>(<span class="hljs-string">&quot;2020/01/01 00:00:00&quot;</span>);<br><br>  function <span class="hljs-title function_">update</span><span class="hljs-params">()</span> &#123;<br>    <span class="hljs-type">var</span> <span class="hljs-variable">now</span> <span class="hljs-operator">=</span> <span class="hljs-keyword">new</span> <span class="hljs-title class_">Date</span>();<br>    now.setTime(now.getTime()+<span class="hljs-number">250</span>);<br>    days = (now - start) / <span class="hljs-number">1000</span> / <span class="hljs-number">60</span> / <span class="hljs-number">60</span> / <span class="hljs-number">24</span>;<br>    dnum = Math.floor(days);<br>    hours = (now - start) / <span class="hljs-number">1000</span> / <span class="hljs-number">60</span> / <span class="hljs-number">60</span> - (<span class="hljs-number">24</span> * dnum);<br>    hnum = Math.floor(hours);<br>    <span class="hljs-keyword">if</span>(String(hnum).length === <span class="hljs-number">1</span> )&#123;<br>      hnum = <span class="hljs-string">&quot;0&quot;</span> + hnum;<br>    &#125;<br>    minutes = (now - start) / <span class="hljs-number">1000</span> /<span class="hljs-number">60</span> - (<span class="hljs-number">24</span> * <span class="hljs-number">60</span> * dnum) - (<span class="hljs-number">60</span> * hnum);<br>    mnum = Math.floor(minutes);<br>    <span class="hljs-keyword">if</span>(String(mnum).length === <span class="hljs-number">1</span> )&#123;<br>      mnum = <span class="hljs-string">&quot;0&quot;</span> + mnum;<br>    &#125;<br>    seconds = (now - start) / <span class="hljs-number">1000</span> - (<span class="hljs-number">24</span> * <span class="hljs-number">60</span> * <span class="hljs-number">60</span> * dnum) - (<span class="hljs-number">60</span> * <span class="hljs-number">60</span> * hnum) - (<span class="hljs-number">60</span> * mnum);<br>    snum = Math.round(seconds);<br>    <span class="hljs-keyword">if</span>(String(snum).length === <span class="hljs-number">1</span> )&#123;<br>      snum = <span class="hljs-string">&quot;0&quot;</span> + snum;<br>    &#125;<br>    document.getElementById(<span class="hljs-string">&quot;timeDate&quot;</span>).innerHTML = <span class="hljs-string">&quot;本站安全运行&amp;nbsp&quot;</span>+dnum+<span class="hljs-string">&quot;&amp;nbsp天&quot;</span>;<br>    document.getElementById(<span class="hljs-string">&quot;times&quot;</span>).innerHTML = hnum + <span class="hljs-string">&quot;&amp;nbsp小时&amp;nbsp&quot;</span> + mnum + <span class="hljs-string">&quot;&amp;nbsp分&amp;nbsp&quot;</span> + snum + <span class="hljs-string">&quot;&amp;nbsp秒&quot;</span>;<br>  &#125;<br><br>  update();<br>  setInterval(update, <span class="hljs-number">1000</span>);<br>&#125;)();<br></code></pre></td></tr></table></figure><p>不要忘记把上面注释的时间改为自己的时间，至此这项功能就引入了。</p>]]>
    </content>
    <id>https://80tz.cn/2026/06/05/footer/</id>
    <link href="https://80tz.cn/2026/06/05/footer/"/>
    <published>2026-06-04T23:00:00.000Z</published>
    <summary>文章转载自官方博客，无需再修改源代码</summary>
    <title>Fluid 页脚增加网站运行时长</title>
    <updated>2026-06-05T01:01:44.934Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="倩女幽魂 技术 哲学" scheme="https://80tz.cn/tags/%E5%80%A9%E5%A5%B3%E5%B9%BD%E9%AD%82-%E6%8A%80%E6%9C%AF-%E5%93%B2%E5%AD%A6/"/>
    <content>
      <![CDATA[<h2 id="80后的记忆"><a href="#80后的记忆" class="headerlink" title="80后的记忆"></a>80后的记忆</h2><h3 id="重温经典"><a href="#重温经典" class="headerlink" title="重温经典"></a>重温经典</h3><p>最近有把三部曲看了一遍，我比较喜欢第三部，你还有印象吗？那我们开始重温吧…</p><p><img src="/xian/xian.jpeg" alt="心中女神"></p><h2 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h2><p>三部《倩女幽魂》电影的主要内容如下：</p><p>《倩女幽魂1:妖魔道》（1987年）：书生宁采臣（张国荣饰）夜宿兰若寺，邂逅女鬼聂小倩（王祖贤饰），两人渐生情愫。在道士燕赤霞（午马饰）的帮助下，宁采臣最终将小倩的骨灰送归故里，让其得以安息123。</p><p>《倩女幽魂2:人间道》（1990年）：宁采臣在赴京赶考途中，被误认为是叛贼入狱，结识了傅清风、傅月池姐妹。他们被卷入人妖大战，宁采臣再次与燕赤霞携手，对抗树妖和朝廷奸臣，拯救苍生1。</p><p>《倩女幽魂3:道道道》（1991年）：小和尚十方随师父白云禅师护送金佛去五台山，途中夜宿兰若寺，遇上女鬼小卓。小卓爱上十方，十方也对她心生怜悯。在燕赤霞的帮助下，他们共同对抗姥姥和黑山老妖，最终十方成功超度小卓1。</p><p>以上三部电影构成了《倩女幽魂》三部曲，讲述了不同阶段的奇幻爱情故事和除魔卫道的冒险经历。</p><p><img src="/xian/178.jpg" alt="心中女神"></p><h2 id="故事"><a href="#故事" class="headerlink" title="故事"></a>故事</h2><h2 id="十里平湖霜满天：一场跨越生死的情惘"><a href="#十里平湖霜满天：一场跨越生死的情惘" class="headerlink" title="十里平湖霜满天：一场跨越生死的情惘"></a>十里平湖霜满天：一场跨越生死的情惘</h2><p>开篇兰若寺的森冷雾色漫出来，那首题在画上的诗便随着琴音飘进耳里：“十里平湖霜满天，寸寸青丝愁华年。对月形单望相护，只羡鸳鸯不羡仙。”三十年过去，再读这句诗，有不一样的感受</p><p>故事从宁采臣收账避祸兰若寺开始，本来是荒山野岭撞鬼的俗套，偏生这只女鬼不是索命的恶鬼，是被树妖控制、身不由己的可怜人。她见过太多觊觎她美色的俗人，见多了人比鬼更肮脏的心思，却偏偏撞上这个傻书生：孤男寡女共处一室，他只想着替她挡追兵，丝毫不存半分邪念。就像吃过太多苦的人，忽然接住一块温软的糖，哪能不心动？</p><p>于是琴音寄情，画中题诗，把不敢说的爱慕全藏进字里行间。十里平湖铺着漫天霜色，就像她和他之间横亘着人鬼殊途的天堑，寸寸青丝都在为匆匆流逝的年华发愁——她等不到光明，更等不到和他相守的来日。对着月亮形单影只，只能遥遥望着彼此护着对方，到最后，所有的心愿都浓缩成一句：只羡鸳鸯不羡仙。做神仙又如何，比不过和你做一对凡间鸳鸯，哪怕只有一朝一夕的厮守.</p><p>这段感情能撑到最后，全靠着那个躲在兰若寺吃酒舞剑的隐世侠客燕赤霞。他早看透了这个世道，一开口就是戳破真相的冷：“其实做人生不逢时，比做鬼还惨。”初听只当是侠客归隐的牢骚，如今再品，只觉得字字诛心。影片里兰若寺外的人间，是贪财的奸商、索贿的昏官、见死不救的路人，魑魅魍魉比寺里的鬼怪还要吓人，连聂小倩都忍不住叹：“你以为鬼可怕，其实人更可怕，有时候，人害人比鬼还不知道残忍多少倍呢..</p><p><img src="/xian/hd.jpg" alt="第二部"></p><p>燕赤霞本来早对人间死了心，他原本是名震关东的辣手判官，最恨贪官污吏，可奸臣当道，他拼尽一身本领也争不来半分公道，只能躲进这荒寺，说什么“我退出江湖，就是体验了世人的势力与虚伪。我不想做人，小倩却不想做鬼，我已经分不清自己是人是鬼”。可当傻书生“扑通”一声跪在他面前，头磕得地面发红，说一定要带小倩的骨灰回家时，这个嘴上说着“人有人世，鬼有鬼界，我们不必多管”的老侠客，终究还是动了心。他望着宁采臣的眼睛，恍惚看见了年轻时那个一腔热血的自己，于是长叹一声拔出剑，甘愿为了两个陌生人破一次戒.</p><h2 id="感悟"><a href="#感悟" class="headerlink" title="感悟"></a>感悟</h2><p>影片最戳人的，从来都不是人鬼恋的猎奇，而是这份爱情里的“真”。宁采臣不是降妖除魔的大侠，只是个手无缚鸡之力的穷书生，却敢为了一个女鬼闯地府斗黑山，拼了命也要给她挣一个投胎转世的机会；聂小倩明明可以躲得安稳，却愿意为了救他，暴露自己招惹树妖。明明知道没有结局，还是拼尽了全身力气去爱，这种明知不可为而为之的勇敢，才最动人心魄.</p><p><img src="/xian/019.jpeg" alt="第三部"></p><h2 id="现实"><a href="#现实" class="headerlink" title="现实"></a>现实</h2><p>结局总是遗憾的。天快亮了，阳光要透过窗棂照进来，宁采臣用身体挡住那道能灼魂的光，哭着催她进骨灰坛去投胎。小倩抓着他的衣袖，一句“想不到临分别，也不能好好见你最后一面”，赚了多少观众的眼泪。燕赤霞斩了树妖，看着这对有情人分离，只是把剑往地上一插，喝酒沉默——他见惯了分离，却还是会为这份纯粹的心动容。最后小倩还是走了，只留下那幅题着诗的画，留在书生怀里，成了往后余生年年月月的念想。</p><p>小时候看，只觉得人鬼殊途太可惜，怨命运太弄人。长大了再看才懂，世间哪有那么多圆满的爱情？很多时候，我们就像宁采臣和聂小倩，明明拼尽了力气相爱，最后还是要输给现实，输给距离，输给阴差阳错的命运。可哪怕不能相守，曾经掏心掏肺爱过一场，就已经够了。</p><p>关掉播放器，再念一遍“十里平湖霜满天”，兰若寺的雾、月下的琴、白衣女鬼的眉眼，还有燕赤霞仗剑高歌的身影，又浮在眼前。原来有些故事，不管看多少遍，只要那一句诗出来，还是会心动，还是会感叹：问世间情为何物，直教人生死相许。哪怕天人永隔，这份爱过的痕迹，永远都不会消散。</p><p><img src="/xian/hun.jpg" alt="第一部"></p><h2 id="不同版本音乐"><a href="#不同版本音乐" class="headerlink" title="不同版本音乐"></a>不同版本音乐</h2><ul><li>张国荣-倩女幽魂_粤语版</li></ul><audio controls>  <source src="/xian/yue.mp3" type="audio/mpeg"></audio><ul><li>倩女幽魂-道道道主题曲</li></ul><audio controls>  <source src="/xian/guo.mp3" type="audio/mpeg"></audio><ul><li>陈晓东-倩女幽魂_国语版</li></ul><audio controls>  <source src="/xian/chen.mp3" type="audio/mpeg"></audio>]]>
    </content>
    <id>https://80tz.cn/2026/06/03/youhun/</id>
    <link href="https://80tz.cn/2026/06/03/youhun/"/>
    <published>2026-06-02T16:00:00.000Z</published>
    <summary>十里平湖霜满天,寸寸青丝愁华年.对月形单望相护,只羡鸳鸯不羡仙.</summary>
    <title>倩女幽魂三部曲</title>
    <updated>2026-06-05T01:02:31.355Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="评论 哲学 技术" scheme="https://80tz.cn/tags/%E8%AF%84%E8%AE%BA-%E5%93%B2%E5%AD%A6-%E6%8A%80%E6%9C%AF/"/>
    <content>
      <![CDATA[<h1 id="弹幕评论系统"><a href="#弹幕评论系统" class="headerlink" title="弹幕评论系统"></a>弹幕评论系统</h1><h2 id="体验地址"><a href="#体验地址" class="headerlink" title="体验地址"></a>体验地址</h2><p><a href="https://www.80tz.cn/">测试网站</a>(本站首页)</p><h2 id="下载地址"><a href="#下载地址" class="headerlink" title="下载地址"></a>下载地址</h2><p><a href="https://github.com/zhuning2026/danmu.git">github下载地址</a><br><a href="https://gitee.com/ddddddddasdfasdfasdf/xiaozhu2026.git">git下载地址</a></p><h2 id="版本信息"><a href="#版本信息" class="headerlink" title="版本信息"></a>版本信息</h2><ul><li><strong>版本号</strong>：3.0.0</li><li><strong>作者</strong>：小朱</li><li><strong>联系方式</strong>：QQ：623869193（微信同号）</li><li><strong>注意</strong>：目前只支持fluid主题（基于此主题开发）</li></ul><h2 id="功能特性"><a href="#功能特性" class="headerlink" title="功能特性"></a>功能特性</h2><ul><li>评论发布与展示</li><li>QQ表情支持</li><li>点赞&#x2F;取消点赞</li><li>评论删除（管理模式）</li><li>CORS跨域支持</li><li>自动适配主域名和WWW域名</li><li>PM2进程管理</li><li>开机自启</li></ul><h2 id="快速部署"><a href="#快速部署" class="headerlink" title="快速部署"></a>快速部署</h2><p>文件全部下载后，执行命令就两步：</p><ol><li>本地运行： npm run clean &amp;&amp; npm run build</li><li>把 public&#x2F; 文件夹里的所有内容上传到服务器网站根目录<br>就这么简单！</li></ol><h3 id="后端部署"><a href="#后端部署" class="headerlink" title="后端部署"></a>后端部署</h3><ul><li><p>把根目录下的这4个文件上传到服务器 &#x2F;www&#x2F;wwwroot&#x2F;backend&#x2F;：<br>server.js<br>package.json<br>package-lock.json<br>comments.json</p></li><li><p>在服务器运行：cd &#x2F;www&#x2F;wwwroot&#x2F;backend &amp;&amp; npm install</p></li><li><p>用PM2启动：pm2 start server.js –name comment-api</p></li><li><p>配置Nginx反向代理 &#x2F;api 到 # 127.0.0.1:5001</p></li></ul>]]>
    </content>
    <id>https://80tz.cn/2026/05/30/dan/</id>
    <link href="https://80tz.cn/2026/05/30/dan/"/>
    <published>2026-05-29T17:00:00.000Z</published>
    <summary>一个功能完善的Hexo博客弹幕评论系统，支持QQ表情、点赞等功能，欢迎测试..</summary>
    <title>弹幕评论系统 v3.0</title>
    <updated>2026-06-03T02:00:06.515Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="钱 历史 哲学 技术" scheme="https://80tz.cn/tags/%E9%92%B1-%E5%8E%86%E5%8F%B2-%E5%93%B2%E5%AD%A6-%E6%8A%80%E6%9C%AF/"/>
    <content>
      <![CDATA[<ul><li>文章转载自网络，如有侵权，联系删除QQ：623869193（微信同号）</li></ul><h2 id="钱壮飞"><a href="#钱壮飞" class="headerlink" title="钱壮飞"></a>钱壮飞</h2><ul><li>“如果没有钱壮飞，我们这些人早就不在了……”周恩来总理说</li></ul><p>1985年，北京电影制片厂拍过一部非常精彩的电影《金陵之夜》。影片浓墨重彩地描写了一位地下党员在周恩来同志的领导下，打入国民党中央组织部党务调查科，为保卫中共中央机关的安全做出了重大贡献。</p><p>这位地下党员叫钱壮飞。</p><p><img src="/img/fei.jpg" alt="钱壮飞"></p><p>钱壮飞出身于富商家庭，毕业于国立北京医科专门学校——就是今天的北京大学医学部。他这人很聪明，作为医生的他，擅长书法、绘画和无线电技术，竟然还演过电影！</p><p>1925年，钱壮飞加入了中国共产党。1927年，蒋介石发动“四一二”反革命政变后，钱壮飞到冯玉祥的西北军当了一段时间的军医。由于部队开不起工资，他只好离开，辗转来到上海。</p><p>就在钱壮飞为生机发愁的时候，他无意在报纸上看到一个无线电训练班招考的广告。懂得无线电技术的钱壮飞抱着试一试的心态前去报名，居被以第一名的成绩被录取。</p><p>钱壮飞进入这个无线电训练班，本来是只是想混口饭吃。没想到，这却是国民党中央组织部总务科科长徐恩曾新建立的一个特务组织。进入无线电训练班后，钱壮飞显示出过人的才华，徐恩曾很满意，打算要调他当机要秘书。</p><p><img src="/img/qian.jpg" alt="图片来自网络"></p><p>钱壮飞通过李克农，向周恩来报告了这个情况。周恩来大喜，认为这是一个 难得的机会，同意了钱壮飞做徐恩曾机要秘书，并让钱壮飞、李克农、胡底组成特别党小组，打入国民党中央组织部总务科，由周恩来负责的中央特科单线领导。</p><p>钱壮飞做徐恩曾机要秘书后，很受徐的信赖。徐恩曾生性风流，一度把自己的“红粉佳人”偷偷藏在钱壮飞家里。但是，毕竟钱壮飞是从社会上招聘来的，徐恩曾还是对他留了一手。徐恩曾让钱壮飞处理文件和电报收发，密码本却随身携带，机要电报也一直由自己亲译。</p><p>怎么办呢？钱壮飞与李克农商议后，一次趁徐恩曾到上海玩耍时，在歌舞厅换衣服，钱壮飞把衣服里的密码本悄悄拿出去拍照，然后神不知鬼不觉地放回去。</p><p>这样，钱壮飞就拿到了徐恩曾的密码本。</p><p>就那以后，钱壮飞就凭借这个密码本，翻译了许多国民党重大作战计划，通过周恩来转发给中共中央，为中央红军打破第一次和第二次“围剿”立下了汗马功劳。</p><p>1931年4月25日晚，正值星期六。徐恩曾像以往一样到上海寻欢作乐去了，钱壮飞在总务科值班。突然，他收到了一封来自武汉的注明“徐恩曾亲译”的绝密电报。开初钱壮飞并没有特别留意，将电报放在一边。</p><p>可接下来不到一个小时，机要员连续送来5份同样来自武汉的绝密电报，并且全都注明“徐恩曾亲译”。</p><p>钱壮飞立即敏锐地感到：武汉出事情了。于是，他拿出从徐恩曾那里偷偷复制的电报密码本开始逐一破译电报，得到了担任中央特科领导职务的顾顺章已经叛变的消息……</p><p>当时的情况是怎么样呢？</p><p>4月24日，顾顺章在武汉叛变。4月25日晚，顾顺章被秘密送上一艘货轮，连夜押送南京，大约在4月27日上午到达南京。顾顺章是负责中央特科工作的主要领导人，掌握着中共中央的大量核心机密，如果把这一切和盘托出，几天后的大上海将是一片腥风血雨。</p><p>必须尽快将顾顺章已经叛变的消息传递给在上海的中共中央。</p><p>钱壮飞当即叫起担任交通员的女婿刘杞夫，让他连夜赶往上海通知李克农。4月27日早晨，刘杞夫在李克农的帮助下，几经周折找到周恩来。周恩来迅速采取行动，中共中央、江苏省委和共产国际远东局的机关立即全部转移，并切断一切与顾顺章的联系。</p><p>由于钱壮飞、李克农等及时送到情报，使在上海的党中央机关避免了一次重大危害。</p><p>钱壮飞知道自己也已经暴露了，必须马上撤离。考虑到带着女儿和年幼的儿子不便行动，只好忍痛将他们留下。在撤离之前，他给徐恩曾写了一个纸条：“可均先生大鉴：行色匆匆，未及面辞，尚祈见谅。政见之争，希勿罹及子女。不然，先生之秽行，一旦披露报端，悔之晚矣！”</p><p>后来，徐恩曾抓住了钱壮飞的子女，关押一段时间又将他们释放了。</p><p>不过，此后，钱壮飞再也没有见到他的子女。他到了中央苏区，并参加了长征。在长征经过贵州时，钱壮飞不幸壮烈牺牲，时年39岁，后被追认为烈士。</p><p>1945年8月，周恩来在重庆将钱壮飞牺牲的消息告诉钱妻张振华。钱壮飞的孙子钱泓回忆：“我奶奶就哭了，周总理当时就朝着贵州这个方向，跪地下了，就哭了。”</p><p>多年以后，周恩来仍然没有忘记钱壮飞，他曾多次提到：“如果没有钱壮飞，我们这些人早就不在了……”</p><p><img src="/img/zhou.jpg" alt="图片来自网络"></p><h2 id="钱学森"><a href="#钱学森" class="headerlink" title="钱学森"></a>钱学森</h2><p>钱学森（1911年12月11日—2009年10月31日），出生于上海，祖籍浙江省杭州市 ，著名航天科学家，中国科学院、中国工程院资深院士，中国人民政治协商会议第六届、七届、八届全国委员会副主席，中国航天事业奠基人.</p><p><img src="/img/xue.jpeg" alt="图片来自网络"></p><p>海军部副部长甚至威胁说：“一个钱学森抵得上五个海军陆战师，我宁可把这个家伙枪毙了，也不能放他回中国去。”1950年9月7日，美国司法部移民规划局非法拘留了钱学森，并把他关押在洛杉矶以南特米洛岛的拘留所里.</p><p>探照灯24小时对准他，不让他获得休息，每隔十分钟就有一个士兵要打开铁门，伸头查看他有没有逃走。被拘禁15天后，加州理工学院院长和钱学森的导师等人凑齐了一万五千元美金将他保释出狱.</p><p>出狱当天，蒋英来到特米洛岛接钱学森回家，到家后发现钱学森失声，无法说话，体重15天之内掉了15千克。经过休养，钱学森的失声得到康复，但他不能从事之前的研究，必须每月向洛杉矶移民局汇报行踪.</p><p>1953年，在美国政府迫害钱学森的几年中，除了教书外，他仍未放弃学术研究。当年，他正式提出物理力学概念，主张从物质的微观规律确定其宏观力学特征，并开拓了高温高压的新领域。</p><p>钱学森于1929-1934年就读于上海国立交通大学机械工程系。1939年，获得美国加州理工学院航空和数学博士学位。1947年，任美国麻省理工学院教授；曾任加州理工学院教授兼喷气推进中心主任。1955年10月，钱学森冲破重重阻力回到祖国 。1956年，任中国科学院力学研究所所长。1957年，补选为中国科学院学部委员（院士）1986年6月，任中国科学技术协会主席 1994年当选为中国工程院院士 </p><p>钱学森开创了工程控制论、物理力学两门新兴学科，为人类科学事业的发展作出了重要贡献 。钱学森最先为中国火箭导弹技术的发展提出了极为重要的实施方案，并长期担任中国火箭导弹和航天事业的技术领导职务，为实现中国国防尖端技术的新突破建立了卓越功勋 。他潜心研究的工程控制论、系统工程理论，广泛应用于军事、农业、林业乃至社会经济各个领域的实践活动，在中国现代化建设中发挥了重要作用.</p><p>1991年10月，钱学森被授予“国家杰出贡献科学家”荣誉称号，被授予一级英雄模范奖章。1999年9月，被授予“两弹一星功勋奖章”.钱学森是中国共产党的优秀党员，忠诚的共产主义战士，享誉世界的中国国家杰出贡献科学家.</p><p>2009年10月31日，钱学森在北京逝世，享年98岁.</p><h2 id="更正"><a href="#更正" class="headerlink" title="更正"></a>更正</h2><ul><li>人就算再笨，14 岁了还能学不会微积分</li></ul><p>‌这句话是对钱学森教育建议的讹传或艺术化加工，并非钱学森原话‌.</p><p>‌原意解读‌：钱学森强调的是通过教育改革和条件培养，正常智力的人在 14 岁具备学习微积分的可能性，而非断言”再笨也能学会”。‌‌‌</p><ul><li>想要瓦解一个民族，只要抽掉男人的脊梁和血性，拿走女人的廉耻和善良，社会风气坏了，几代人也难以修复！</li></ul><p>钱学森作为科学家，其公开著作、演讲和传记（如《钱学森传》）中‌未见此语‌，现有说法多见于网络文章、自媒体或短视频，缺乏原始档案、书籍、录音等可信佐证.</p><p>类似表述常被用于讨论社会风气或道德危机，但‌将复杂社会问题简化为“男女责任”的二元论断，并不符合钱学森一贯强调系统科学、教育与国家现代化的立场‌.</p><p>钱学森确实忧心国家科技自主与文化自信，如强调“不能总当学生”“要建立中国自己的科学体系”，但‌从未以如此文学化、性别化的方式定义“毁掉民族”的路径‌.</p><p>若关注钱学森对民族精神或社会风气的真实观点，可参考其关于‌科学伦理、教育根本与爱国主义‌的论述，而非网络流传的“警句”。建议查阅《钱学森文集》或权威传记以获取准确思想</p><p>但是这句话值得深思….现在社会风气差不多了,国人越来越麻木…希望不要回到半殖民地，半封建社会，老一辈革命家给我们造就的幸福空间，让我们共同维护..</p><h2 id="乱七八糟"><a href="#乱七八糟" class="headerlink" title="乱七八糟"></a>乱七八糟</h2><p>唐宋元明清按照五行属性分别为：土、木、金、火、水.</p><p>具体解释如下：</p><ul><li>1.唐朝：五行属土，依据土克水的规律，唐朝取代了属水的汉朝.</li><li>2.宋朝：五行属木，依据木克土的规律，宋朝取代了属土的唐朝.</li><li>3.元朝：五行属金，依据金克木的规律，元朝取代了属木的宋朝.</li><li>4.明朝：五行属火，依据火克金的规律，明朝取代了属金的元朝.</li><li>5.清朝：五行属水，依据水克火的规律，清朝取代了属火的明朝.</li></ul><p>这种五行相克的理论被古人用来解释朝代更替的合理性，尽管带有一定的人为建构色彩，但反映了古人对自然规律与社会秩序的哲学思考,读史使人明智，有一定的生活哲学.</p><p>本文仅代表作者个人观点，不代表全部立场.<br>未经许可，请勿转载。如有需要，请联系qq:623869193（微信同号）</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/27/qian/</id>
    <link href="https://80tz.cn/2026/05/27/qian/"/>
    <published>2026-05-27T07:00:00.000Z</published>
    <summary>我觉得新中国的成立离不开钱，新中国的建设飞速发展也离不开钱</summary>
    <title>我们今天只谈&quot;钱&quot;</title>
    <updated>2026-06-03T02:00:17.724Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="2026 源码 教程 哲学 技术" scheme="https://80tz.cn/tags/2026-%E6%BA%90%E7%A0%81-%E6%95%99%E7%A8%8B-%E5%93%B2%E5%AD%A6-%E6%8A%80%E6%9C%AF/"/>
    <content>
      <![CDATA[<h2 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h2><ul><li>留言板系统 拆箱即用 页面自适应 适合个人和企业展示</li></ul><h2 id="亲测截图"><a href="#亲测截图" class="headerlink" title="亲测截图"></a>亲测截图</h2><p><img src="/img/me.png" alt="本地测试"></p><p><img src="/img/me1.png" alt="本地测试"></p><p><img src="/img/me2.png" alt="本地测试"></p>]]>
    </content>
    <id>https://80tz.cn/2026/05/27/2026/</id>
    <link href="https://80tz.cn/2026/05/27/2026/"/>
    <published>2026-05-27T03:00:00.000Z</published>
    <summary>2026最新精美个人主页系统源码 需要部署留言 亲测完美</summary>
    <title>2026最美个人主页源码</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="道 哲学 hexo教程" scheme="https://80tz.cn/tags/%E9%81%93-%E5%93%B2%E5%AD%A6-hexo%E6%95%99%E7%A8%8B/"/>
    <content>
      <![CDATA[<div class="note note-success">            <p>真正的道理是平静的，是简单的，使你感受到平静和毫无波澜接受的才是真的道，凡是和你讲话，激起你的欲望的、使你内心不平静的，都不是道，记住这点，你会平静很多，然后少走弯路…</p>           </div> <h2 id="随笔"><a href="#随笔" class="headerlink" title="随笔"></a>随笔</h2><ul><li><p>中国有一些这样的人，善于把简单的问题讲复杂了，两肩膀一端，不说人话，因为江海能为百川之大者，以其善下为之，坡度立的越低，其实就代表着，你传播的手段越有效.大道至简</p></li><li><p>很多人说，我了解的东西特别复杂，怎们讲简单，它有一个比喻的问题，中国古代的文学修辞，起点是三种形式，叫赋比兴，赋是赋陈其事儿直言之，比是以此物比彼物也，兴是先言他物，而引起所咏之物也.</p></li><li><p>举例说明，银行加息，不明白啥意思，一句俗语，好白菜都让猪拱了，说这个猪呀，不好好在猪圈里待着，出来拱白菜，猪是什么？就是钱呀，猪圈是什么？就是银行呀，这个钱不好好在银行里待着，猪把圈门拱开了，去拱白菜去了.</p></li><li><p>白菜就好比，楼市，房地产，股市，投资，收藏，你怎么能让猪不拱圈？不从银行里跑出来呢？去拱白菜呢？那你得把猪喂它上等的饲料，吃好了，就不离开猪圈了，加息就是好饲料，你想把复杂的事情讲简单.</p></li><li><p>你要对复杂的事情，认知特别通透，别一知半解，</p></li><li><p>你要对高度生活化的场景有了解，我们身边有很多人，第一点做不到，一知半解，还有的第二点做不到，别的事情什么也不关心，你什么都不热爱，怎么能讲明白</p></li></ul><h2 id="精华"><a href="#精华" class="headerlink" title="精华"></a>精华</h2><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">真正的道理是平静的，是简单的，使你感受到平静和毫无波澜接受的才是真的道，凡是和你讲话，激起你的欲望的、使你内心不平静的，都不是道，记住这点，你会平静很多，然后少走弯路...<br></code></pre></td></tr></table></figure><p><img src="/img/dx.jpg" alt="大道至简"></p>]]>
    </content>
    <id>https://80tz.cn/2026/05/27/dao/</id>
    <link href="https://80tz.cn/2026/05/27/dao/"/>
    <published>2026-05-26T22:00:00.000Z</published>
    <summary>真正的道理是平静的，是简单的，使你感受到平静和毫无波澜接受的才是真的道</summary>
    <title>大道至简</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="matery 教程 安装" scheme="https://80tz.cn/tags/matery-%E6%95%99%E7%A8%8B-%E5%AE%89%E8%A3%85/"/>
    <content>
      <![CDATA[<div class="note note-success">            <p>是一个极为强大的综合型 Hexo 主题，包含博客系统、知识库系统、专栏系统、笔记系统，内置海量的标签和动态数据组件。</p>           </div> <p><a href="#"><img src="/img/HD.gif" alt="体验截图"></a></p><h1 id="Stellar-每个人的独立博客"><a href="#Stellar-每个人的独立博客" class="headerlink" title="Stellar - 每个人的独立博客"></a>Stellar - 每个人的独立博客</h1><p>Stellar 是一个极为强大的综合型 Hexo 主题，包含博客系统、知识库系统、专栏系统、笔记系统，内置海量的标签和动态数据组件。</p><h2 id="亮点"><a href="#亮点" class="headerlink" title="亮点"></a>亮点</h2><ul><li>支持技术&#x2F;生活文章布局风格，为不同类型的文章使用不同的风格。</li><li>内置 wiki 系统，可以展示多个项目文档，或个人知识库。</li><li>内置专栏系统，可以沉浸式阅读专栏系列文章。</li><li>内置笔记系统，更方便梳理笔记。</li><li>内置海量的灵活而强大的标签组件，互相之间还可以混搭嵌套。</li><li>内置多种动态数据组件，静态博客更新不再依赖于重新部署。<ul><li>动态时间线（像发朋友圈一样发布短文，也可以订阅他人的时间线）</li><li>自动化的动态友链（自动检测友链状态、打标签、友链文章订阅）</li><li>渲染远程 markdown 文件（例如渲染项目仓库的 README 以减少重复工作）</li></ul></li><li>模块化设计，内置多种复用性极强的小组件，自由搭配布局。</li><li>图片懒加载占位固定原图长宽比，不会发生高度跳变，体验更佳。</li><li>支持一站多作者，可以为不同文章指定不同的作者，每位作者都有专属主页。</li><li>社区文化：可订阅「探索号」时间线数据源获取社区用户的宝贵经验分享。</li></ul><h2 id="Getting-Started"><a href="#Getting-Started" class="headerlink" title="Getting Started"></a>Getting Started</h2><p>Check your environment:</p><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><code class="hljs yaml"><span class="hljs-attr">Hexo:</span> <span class="hljs-number">6.3</span><span class="hljs-number">.0</span> <span class="hljs-string">~</span> <span class="hljs-string">latest</span><br><span class="hljs-attr">hexo-cli:</span> <span class="hljs-number">4.3</span><span class="hljs-number">.0</span> <span class="hljs-string">~</span> <span class="hljs-string">latest</span><br><span class="hljs-attr">node:</span> <span class="hljs-number">14.17</span><span class="hljs-number">.3</span> <span class="hljs-string">～</span> <span class="hljs-string">latest</span> <span class="hljs-string">LTS</span> <span class="hljs-comment"># 建议选择 LTS 版本，过高的版本 hexo 还没有进行兼容。</span><br><span class="hljs-attr">npm:</span> <span class="hljs-number">6.14</span><span class="hljs-number">.13</span> <span class="hljs-string">~</span> <span class="hljs-string">latest</span><br></code></pre></td></tr></table></figure><p>Edit your <code>_config.yml</code>:</p><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs yaml"><span class="hljs-attr">theme:</span> <span class="hljs-string">stellar</span><br></code></pre></td></tr></table></figure><p>Install Stellar in terminal:</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm i hexo-theme-stellar<br></code></pre></td></tr></table></figure>]]>
    </content>
    <id>https://80tz.cn/2026/05/26/stellar/</id>
    <link href="https://80tz.cn/2026/05/26/stellar/"/>
    <published>2026-05-25T23:00:00.000Z</published>
    <summary>Stellar 是一个极为强大的综合型 Hexo 主题，包含博客系统、知识库系统、专栏系统、笔记系统，内置海量的标签和动态数据组件。</summary>
    <title>每个人的独立博客</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="zblog 教程 安装" scheme="https://80tz.cn/tags/zblog-%E6%95%99%E7%A8%8B-%E5%AE%89%E8%A3%85/"/>
    <content>
      <![CDATA[<h2 id="下载安装"><a href="#下载安装" class="headerlink" title="下载安装"></a>下载安装</h2><h3 id="环境要求"><a href="#环境要求" class="headerlink" title="环境要求"></a>环境要求</h3><p>PHP：PHP 7.2 - 8.5</p><p>数据库：MySQL（兼容 MariaDB） SQLite PostgreSQL</p><h2 id="下载地址"><a href="#下载地址" class="headerlink" title="下载地址"></a>下载地址</h2><p>下载入口页：<a href="https://www.zblogcn.com/zblogphp/">https://www.zblogcn.com/zblogphp/</a> 下面方式都可以选择，不懂的可以提供支持</p><ul><li><a href="https://update.zblogcn.com/zip/Z-BlogPHP_1_7_5_3540_Optimus.zip">Z-BlogPHP 1.7 Tenet</a>（最新版本直链下载）</li><li>单文件在线安装程序</li><li>宝塔面板一键部署</li><li><a href="https://aliyun.com/">阿里云一键部署</a>（基于 Serverless 架构）</li></ul><h2 id="安装"><a href="#安装" class="headerlink" title="安装"></a>安装</h2><ul><li><p>1.将下载后的程序代码解压到你的网站根目录，如&#x2F;home&#x2F;wwwroot&#x2F;example.com&#x2F;，运行你的网站，会自动跳转到安装页面：<a href="http://example.com/zb_install/index.php%E3%80%82">http://example.com/zb_install/index.php。</a></p></li><li><p>2.在安装页面输入您的数据库信息、博客名称、用户名、密码等信息后程序将会自动安装。</p></li></ul><h2 id="升级"><a href="#升级" class="headerlink" title="升级"></a>升级</h2><ul><li><p>「后台管理」→ 应用中心 → 系统更新与校验 → 升级新版程序；</p><ul><li><p>当新版本发布时会出现升级新版程序按钮；</p></li><li><p>「后台管理」→ 应用中心 → 设置 → 开启检查 Beta 版程序选项，可以获取到 Beta 版更新推送；</p></li></ul></li></ul><h2 id="配置管理"><a href="#配置管理" class="headerlink" title="配置管理"></a>配置管理</h2><h3 id="配置文件"><a href="#配置文件" class="headerlink" title="配置文件"></a>配置文件</h3><p>正确安装 Z-BlogPHP 后会以如路径 path&#x2F;zb_users&#x2F;c_option.php 生成一份配置文件，记录有数据库连接信息等基础信息，进行空间迁移，数据库更换等操作时，可能需要手动修改此文件来完成操作。</p><div class="note note-success">            <p>path：当前博客程序所放置的路径，比如&#x2F;home&#x2F;wwwroot&#x2F;<a href="http://www.80tz.cn;/">www.80tz.cn；</a></p>           </div> <h3 id="后台登陆"><a href="#后台登陆" class="headerlink" title="后台登陆"></a>后台登陆</h3><p>host&#x2F;zb_system&#x2F;cmd.php?act&#x3D;login 会跳转到：host&#x2F;zb_system&#x2F;login.php</p><div class="note note-success">            <p>host：用于浏览器访问的网址路径，比如<a href="https://www.80tz.cn/%EF%BC%9B">https://www.80tz.cn/；</a></p>           </div> <p>可以在 网站设置 选项中对站点进行设置管理；</p><p>重要：网站设置→全局设置→开发模式 ←在网站出现错误提示时可以启用该选项来排查</p><h2 id="Composer-安装-PHP-包"><a href="#Composer-安装-PHP-包" class="headerlink" title="Composer 安装 PHP 包"></a>Composer 安装 PHP 包</h2><p>自 Z-BlogPHP 1.7.2 版本起，系统可以自动加载 vendor 目录里的包</p><p>所以只需要安装 composer 包到 verndor，不需要引入 vendor 下的 autoload.php 文件</p><h2 id="先创建-c-option-php-后执行安装过程-1-7-2-开始支持"><a href="#先创建-c-option-php-后执行安装过程-1-7-2-开始支持" class="headerlink" title="先创建 c_option.php 后执行安装过程 (1.7.2 开始支持)"></a>先创建 c_option.php 后执行安装过程 (1.7.2 开始支持)</h2><p>一般是在安装程序完成后会自动生成 c_option.php 配置文件在 zb_users 目录下</p><p>如何提前配置好 c_option.php 再执行安装过程？</p><p>需要在新建文件 c_option.php 加入 ‘ZC_INSTALL_AFTER_CONFIG’ &#x3D;&gt; true ,再填入其它的数据库配置,这样打开网站就会自动转入安装页面进行安装过程(前提是数据库配置正确能连接上)</p><figure class="highlight php"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><code class="hljs php"><span class="hljs-comment">// c_option.php 示例如下</span><br><span class="hljs-keyword">return</span> <span class="hljs-keyword">array</span> (<br>  <span class="hljs-string">&#x27;ZC_INSTALL_AFTER_CONFIG&#x27;</span> =&gt; <span class="hljs-literal">true</span>,<br>  <span class="hljs-string">&#x27;ZC_DATABASE_TYPE&#x27;</span> =&gt; <span class="hljs-string">&#x27;mysqli&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_SERVER&#x27;</span> =&gt; <span class="hljs-string">&#x27;localhost&#x27;</span>,<span class="hljs-comment">// 数据库地址</span><br>  <span class="hljs-string">&#x27;ZC_MYSQL_USERNAME&#x27;</span> =&gt; <span class="hljs-string">&#x27;账号名&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_PASSWORD&#x27;</span> =&gt; <span class="hljs-string">&#x27;账号密码&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_NAME&#x27;</span> =&gt; <span class="hljs-string">&#x27;数据库名&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_CHARSET&#x27;</span> =&gt; <span class="hljs-string">&#x27;utf8mb4&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_COLLATE&#x27;</span> =&gt; <span class="hljs-string">&#x27;utf8mb4_general_ci&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_PRE&#x27;</span> =&gt; <span class="hljs-string">&#x27;zbp_&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_ENGINE&#x27;</span> =&gt; <span class="hljs-string">&#x27;MyISAM&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_PORT&#x27;</span> =&gt; <span class="hljs-string">&#x27;3306&#x27;</span>,<span class="hljs-comment">// 数据库端口号</span><br>  <span class="hljs-string">&#x27;ZC_MYSQL_PERSISTENT&#x27;</span> =&gt; <span class="hljs-literal">false</span>,<br>);<br><br></code></pre></td></tr></table></figure><h2 id="从环境变量中读取数据库配置"><a href="#从环境变量中读取数据库配置" class="headerlink" title="从环境变量中读取数据库配置"></a>从环境变量中读取数据库配置</h2><p>c_option.php 配置文件中参数的值为Zbp_GetEnv(‘环境变量名’)，就会用 Zbp_GetEnv 函数读取环境变量的值 (1.7.3 开始支持)</p><figure class="highlight php"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><code class="hljs php">-<span class="hljs-comment">// c_option.php 示例如下</span><br><span class="hljs-meta">&lt;?php</span><br><span class="hljs-keyword">return</span> <span class="hljs-keyword">array</span> (<br>  <span class="hljs-string">&#x27;ZC_DATABASE_TYPE&#x27;</span> =&gt; <span class="hljs-string">&#x27;mysqli&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_SERVER&#x27;</span> =&gt; <span class="hljs-title function_ invoke__">Zbp_GetEnv</span>(<span class="hljs-string">&#x27;DB_HOST&#x27;</span>),<span class="hljs-comment">// 环境变量名</span><br>  <span class="hljs-string">&#x27;ZC_MYSQL_USERNAME&#x27;</span> =&gt; <span class="hljs-title function_ invoke__">Zbp_GetEnv</span>(<span class="hljs-string">&#x27;DB_USER&#x27;</span>),<span class="hljs-comment">// 环境变量名</span><br>  <span class="hljs-string">&#x27;ZC_MYSQL_PASSWORD&#x27;</span> =&gt; <span class="hljs-title function_ invoke__">Zbp_GetEnv</span>(<span class="hljs-string">&#x27;DB_PASSWORD&#x27;</span>),<span class="hljs-comment">// 环境变量名</span><br>  <span class="hljs-string">&#x27;ZC_MYSQL_NAME&#x27;</span> =&gt; <span class="hljs-title function_ invoke__">Zbp_GetEnv</span>(<span class="hljs-string">&#x27;DB_DATABASE&#x27;</span>),<span class="hljs-comment">// 环境变量名</span><br>  <span class="hljs-string">&#x27;ZC_MYSQL_PORT&#x27;</span> =&gt; <span class="hljs-string">&#x27;3306&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_CHARSET&#x27;</span> =&gt; <span class="hljs-string">&#x27;utf8mb4&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_COLLATE&#x27;</span> =&gt; <span class="hljs-string">&#x27;utf8mb4_general_ci&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_PRE&#x27;</span> =&gt; <span class="hljs-string">&#x27;zbp_&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_ENGINE&#x27;</span> =&gt; <span class="hljs-string">&#x27;MyISAM&#x27;</span>,<br>  <span class="hljs-string">&#x27;ZC_MYSQL_PERSISTENT&#x27;</span> =&gt; <span class="hljs-literal">false</span>,<br>);<br><br></code></pre></td></tr></table></figure><p>那么 ZC_MYSQL_SERVER, ZC_MYSQL_USERNAME, ZC_MYSQL_PASSWORD, ZC_MYSQL_NAME 这 4 个参数的值就会从 Zbp_GetEnv(‘DB_HOST’) 等中获取</p><p>注：</p><p>Zbp_GetEnv 函数是 1.7.3 加入的，Zbp_GetEnv 调用的是 ZbpEnv 类的 Get 方法，Get 方法会按 $_ENV，getenv 顺序获取环境变量</p><p>ZbpEnv 类在初始化时会自动加载 .env 文件（如果存在的话），会将 .env 文件里的配置的项和值加入环境变量中，如果您在系统根目录放置和使用 .env 文件，请一定要注意保护好该文件不被 web 端下载造成意外风险</p><p>注 2：</p><p>1.7.2 及以上版本也可以填入 env:DB_HOST，env:DB_USER，env:PASSWORD，env:DB_DATABASE 以获取环境变量的值</p><figure class="highlight php"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs php"><span class="hljs-comment">//示例如下：</span><br><span class="hljs-string">&#x27;ZC_MYSQL_SERVER&#x27;</span> =&gt; <span class="hljs-string">&#x27;env:DB_HOST&#x27;</span>,<span class="hljs-comment">// 环境变量名:DB_HOST</span><br><span class="hljs-string">&#x27;ZC_MYSQL_USERNAME&#x27;</span> =&gt; <span class="hljs-string">&#x27;env:DB_USER&#x27;</span>,<span class="hljs-comment">// 环境变量名:DB_USER</span><br><span class="hljs-string">&#x27;ZC_MYSQL_PASSWORD&#x27;</span> =&gt; <span class="hljs-string">&#x27;env:DB_PASSWORD&#x27;</span>,<span class="hljs-comment">// 环境变量名:DB_PASSWORD</span><br><span class="hljs-string">&#x27;ZC_MYSQL_NAME&#x27;</span> =&gt; <span class="hljs-string">&#x27;env:DB_DATABASE&#x27;</span>,<span class="hljs-comment">// 环境变量名:DB_DATABASE</span><br><br></code></pre></td></tr></table></figure><p>其它版本也可以通过 getenv 函数获取环境变量的值</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/25/zblog/</id>
    <link href="https://80tz.cn/2026/05/25/zblog/"/>
    <published>2026-05-25T08:00:00.000Z</published>
    <summary>博客程序Zblog安装教程..</summary>
    <title>Z-blog官方安装教程</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="matery 教程 安装" scheme="https://80tz.cn/tags/matery-%E6%95%99%E7%A8%8B-%E5%AE%89%E8%A3%85/"/>
    <content>
      <![CDATA[<div class="note note-success">            <p>这是一个采用Material Design和响应式设计的 Hexo 博客主题。</p>           </div> <ul><li><a href="#%E7%89%B9%E6%80%A7">特性</a></li><li><a href="#%E4%B8%8B%E8%BD%BD">下载</a></li><li><a href="#%E9%85%8D%E7%BD%AE">配置</a><br><a href="#%E5%88%87%E6%8D%A2%E4%B8%BB%E9%A2%98">切换主题</a><br><a href="#%E6%96%B0%E5%BB%BA%E5%88%86%E7%B1%BB-categories-%E9%A1%B5">新建分类 categories 页</a><br><a href="#%E6%96%B0%E5%BB%BA-tags-%E9%A1%B5">新建标签 tags 页</a><br><a href="#%E6%96%B0%E5%BB%BA%E5%85%B3%E4%BA%8E%E6%88%91-about-%E9%A1%B5">新建关于我 about 页</a><br><a href="#%E6%96%B0%E5%BB%BA%E5%8F%8B%E6%83%85%E8%BF%9E%E6%8E%A5-friends-%E9%A1%B5%E5%8F%AF%E9%80%89%E7%9A%84">新建友情连接 friends 页（可选的）</a><br><a href="#%E6%90%9C%E7%B4%A2">搜索</a><br><a href="#%E4%B8%AD%E6%96%87%E9%93%BE%E6%8E%A5%E8%BD%AC%E6%8B%BC%E9%9F%B3%E5%8F%AF%E9%80%89%E7%9A%84">中文链接转拼音（可选的）</a><br><a href="#%E6%96%87%E7%AB%A0%E5%AD%97%E6%95%B0%E7%BB%9F%E8%AE%A1%E6%8F%92%E4%BB%B6%E5%8F%AF%E9%80%89%E7%9A%84">文章字数统计插件（可选的)</a><br><a href="#%E4%BF%AE%E6%94%B9%E9%A1%B5%E8%84%9A">修改页脚</a><br><a href="#%E4%BF%AE%E6%94%B9%E7%A4%BE%E4%BA%A4%E9%93%BE%E6%8E%A5">修改社交链接</a><br><a href="#%E4%BF%AE%E6%94%B9%E6%89%93%E8%B5%8F%E7%9A%84%E4%BA%8C%E7%BB%B4%E7%A0%81%E5%9B%BE%E7%89%87">修改打赏的二维码图片</a><br><a href="#%E9%85%8D%E7%BD%AE%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8">配置音乐播放器</a></li><li><a href="#%E6%96%87%E7%AB%A0-front-matter-%E4%BB%8B%E7%BB%8D">文章 Front-matter 介绍</a><br><a href="#front-matter-%E9%80%89%E9%A1%B9%E8%AF%A6%E8%A7%A3">front-matter-选项详解</a><br><a href="#%E6%9C%80%E7%AE%80%E7%A4%BA%E4%BE%8B">最简示例</a><br><a href="#%E6%9C%80%E5%85%A8%E7%A4%BA%E4%BE%8B">最全示例</a></li><li><a href="#%E6%95%88%E6%9E%9C%E6%88%AA%E5%9B%BE">效果截图</a></li><li><a href="#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BF%AE%E6%94%B9">特性</a><br><a href="#%E4%BF%AE%E6%94%B9%E4%B8%BB%E9%A2%98%E9%A2%9C%E8%89%B2">修改主题颜色</a><br><a href="#%E4%BF%AE%E6%94%B9-banner-%E5%9B%BE%E5%92%8C%E6%96%87%E7%AB%A0%E7%89%B9%E8%89%B2%E5%9B%BE">修改文章和banner图</a></li><li><a href="#%E7%89%88%E6%9C%AC%E8%AE%B0%E5%BD%95">版本记录</a></li></ul><h2 id="特性"><a href="#特性" class="headerlink" title="特性"></a>特性</h2><ul><li>简单漂亮，文章内容美观易读.</li><li>Material Design 设计</li><li>响应式设计，博客在桌面端、平板、手机等设备上均能很好的展现</li><li>首页轮播文章及每天动态切换 Banner 图片</li><li>瀑布流式的博客文章列表（文章无特色图片时会有 24 张漂亮的图片代替）</li><li>时间轴式的归档页</li><li>词云的标签页和雷达图的分类页</li><li>丰富的关于我页面（包括关于我、文章统计图、我的项目、我的技能、相册等）</li><li>可自定义的数据的友情链接页面</li><li>支持文章置顶和文章打赏</li><li>支持 MathJax</li><li>TOC 目录</li><li>可设置复制文章内容时追加版权信息</li><li>可设置阅读文章时做密码验证</li><li>Gitalk、Gitment、Valine 和 Disqus 评论模块（推荐使用 Gitalk）</li><li>集成了不蒜子统计、谷歌分析（Google Analytics）和文章字数统计等功能</li><li>支持在首页的音乐播放和视频播放功能</li></ul><h2 id="下载"><a href="#下载" class="headerlink" title="下载"></a>下载</h2><p>喜欢原创和作品展览分类的可以考虑，不妨使用 Hexo 和 <a href="https://example.com/">markdwon</a> 来写博客和文章。点击 <a href="https://codeload.github.com/blinkfox/hexo-theme-matery/zip/master">这里</a>下载 master 分支的最新稳定版的代码，解压缩后，将 hexo-theme-matery 的文件夹复制到你 Hexo 的 themes 文件夹中即可。</p><p>当然你也可以在你的 themes 文件夹下使用 Git clone 命令来下载:</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">git <span class="hljs-built_in">clone</span> https://github.com/blinkfox/hexo-theme-matery.git<br></code></pre></td></tr></table></figure><h2 id="配置"><a href="#配置" class="headerlink" title="配置"></a>配置</h2><details><summary>点击展开</summary><h3 id="切换主题"><a href="#切换主题" class="headerlink" title="切换主题"></a>切换主题</h3><p>修改 Hexo 根目录下的 _config.yml 的 theme 的值：theme: hexo-theme-matery</p><p>_config.yml 文件的其它修改建议:<br>请修改 _config.yml 的 url 的值为你的网站主 URL（如：<a href="http://xxx.github.io)./">http://xxx.github.io）。</a><br>建议修改两个 per_page 的分页条数值为 6 的倍数，如：12、18 等，这样文章列表在各个屏幕下都能较好的显示。<br>如果你是中文用户，则建议修改 language 的值为 zh-CN</p><h3 id="新建分类-categories-页"><a href="#新建分类-categories-页" class="headerlink" title="新建分类 categories 页"></a>新建分类 categories 页</h3><p>categories 页是用来展示所有分类的页面，如果在你的博客 source 目录下还没有 categories&#x2F;index.md 文件，那么你就需要新建一个，命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo new page <span class="hljs-string">&quot;categories&quot;</span><br></code></pre></td></tr></table></figure><p>编辑你刚刚新建的页面文件 &#x2F;source&#x2F;categories&#x2F;index.md，至少需要以下内容：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs bash">---<br>title: categories<br><span class="hljs-built_in">date</span>: 2018-09-30 17:25:30<br><span class="hljs-built_in">type</span>: <span class="hljs-string">&quot;categories&quot;</span><br>layout: <span class="hljs-string">&quot;categories&quot;</span><br>---<br></code></pre></td></tr></table></figure><h3 id="新建-tags-页"><a href="#新建-tags-页" class="headerlink" title="新建 tags 页"></a>新建 tags 页</h3><p>tags 页是用来展示所有标签的页面，如果在你的博客 source 目录下还没有 tags&#x2F;index.md 文件，那么你就需要新建一个，命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo new page <span class="hljs-string">&quot;tags&quot;</span><br></code></pre></td></tr></table></figure><p>编辑你刚刚新建的页面文件 &#x2F;source&#x2F;tags&#x2F;index.md，至少需要以下内容：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs bash">---<br>title: tags<br><span class="hljs-built_in">date</span>: 2026-05-25 01:23:38<br><span class="hljs-built_in">type</span>: <span class="hljs-string">&quot;tags&quot;</span><br>layout: <span class="hljs-string">&quot;tags&quot;</span><br>---<br></code></pre></td></tr></table></figure><h3 id="新建关于我-about-页"><a href="#新建关于我-about-页" class="headerlink" title="新建关于我 about 页"></a>新建关于我 about 页</h3><p>about 页是用来展示关于我和我的博客信息的页面，如果在你的博客 source 目录下还没有 about&#x2F;index.md 文件，那么你就需要新建一个，命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo new page <span class="hljs-string">&quot;about&quot;</span><br></code></pre></td></tr></table></figure><p>编辑你刚刚新建的页面文件 &#x2F;source&#x2F;about&#x2F;index.md，至少需要以下内容：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs bash">---<br>title: about<br><span class="hljs-built_in">date</span>: 2026-05-25 01:25:30<br><span class="hljs-built_in">type</span>: <span class="hljs-string">&quot;about&quot;</span><br>layout: <span class="hljs-string">&quot;about&quot;</span><br>---<br></code></pre></td></tr></table></figure><h3 id="新建友情连接-friends-页（可选的）"><a href="#新建友情连接-friends-页（可选的）" class="headerlink" title="新建友情连接 friends 页（可选的）"></a>新建友情连接 friends 页（可选的）</h3><p>friends 页是用来展示友情连接信息的页面，如果在你的博客 source 目录下还没有 friends&#x2F;index.md 文件，那么你就需要新建一个，命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">hexo new page <span class="hljs-string">&quot;friends&quot;</span><br></code></pre></td></tr></table></figure><p>编辑你刚刚新建的页面文件 &#x2F;source&#x2F;friends&#x2F;index.md，至少需要以下内容：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs bash">---<br>title: friends<br><span class="hljs-built_in">date</span>: 2026-05-25 01:25:30<br><span class="hljs-built_in">type</span>: <span class="hljs-string">&quot;friends&quot;</span><br>layout: <span class="hljs-string">&quot;friends&quot;</span><br>---<br></code></pre></td></tr></table></figure><p>同时，在你的博客 source 目录下新建 _data 目录，在 _data 目录中新建 friends.json 文件，文件内容如下所示：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br></pre></td><td class="code"><pre><code class="hljs bash">[&#123;<br>    <span class="hljs-string">&quot;avatar&quot;</span>: <span class="hljs-string">&quot;http://image.luokangyuan.com/1_qq_27922023.jpg&quot;</span>,<br>    <span class="hljs-string">&quot;name&quot;</span>: <span class="hljs-string">&quot;码酱&quot;</span>,<br>    <span class="hljs-string">&quot;introduction&quot;</span>: <span class="hljs-string">&quot;我不是大佬，只是在追寻大佬的脚步&quot;</span>,<br>    <span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;http://luokangyuan.com/&quot;</span>,<br>    <span class="hljs-string">&quot;title&quot;</span>: <span class="hljs-string">&quot;前去学习&quot;</span><br>&#125;, &#123;<br>    <span class="hljs-string">&quot;avatar&quot;</span>: <span class="hljs-string">&quot;http://image.luokangyuan.com/4027734.jpeg&quot;</span>,<br>    <span class="hljs-string">&quot;name&quot;</span>: <span class="hljs-string">&quot;闪烁之狐&quot;</span>,<br>    <span class="hljs-string">&quot;introduction&quot;</span>: <span class="hljs-string">&quot;编程界大佬，技术牛，人还特别好，不懂的都可以请教大佬&quot;</span>,<br>    <span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;https://blinkfox.github.io/&quot;</span>,<br>    <span class="hljs-string">&quot;title&quot;</span>: <span class="hljs-string">&quot;前去学习&quot;</span><br>&#125;, &#123;<br>    <span class="hljs-string">&quot;avatar&quot;</span>: <span class="hljs-string">&quot;http://80tz.cn/fluid.png&quot;</span>,<br>    <span class="hljs-string">&quot;name&quot;</span>: <span class="hljs-string">&quot;80后技术哲学博客&quot;</span>,<br>    <span class="hljs-string">&quot;introduction&quot;</span>: <span class="hljs-string">&quot;不以物喜 不以己悲。&quot;</span>,<br>    <span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;https://www.80tz.cn&quot;</span>,<br>    <span class="hljs-string">&quot;title&quot;</span>: <span class="hljs-string">&quot;前去学习&quot;</span><br>&#125;]<br></code></pre></td></tr></table></figure><h3 id="代码高亮"><a href="#代码高亮" class="headerlink" title="代码高亮"></a>代码高亮</h3><p>由于 Hexo 自带的代码高亮主题显示不好看，所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮，安装命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm i -S hexo-prism-plugin<br></code></pre></td></tr></table></figure><p>然后，修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false，并新增 prism 插件相关的配置，主要配置如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><code class="hljs bash">highlight:<br>  <span class="hljs-built_in">enable</span>: <span class="hljs-literal">false</span><br><br>prism_plugin:<br>  mode: <span class="hljs-string">&#x27;preprocess&#x27;</span>    <span class="hljs-comment"># realtime/preprocess</span><br>  theme: <span class="hljs-string">&#x27;tomorrow&#x27;</span><br>  line_number: <span class="hljs-literal">false</span>    <span class="hljs-comment"># default false</span><br>  custom_css:<br></code></pre></td></tr></table></figure><h3 id="搜索"><a href="#搜索" class="headerlink" title="搜索"></a>搜索</h3><p>本主题中还使用到了 hexo-generator-search 的 Hexo 插件来做内容搜索，安装命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm install hexo-generator-search --save<br></code></pre></td></tr></table></figure><p>在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs bash">search:<br>  path: search.xml<br>  field: post<br></code></pre></td></tr></table></figure><h3 id="中文链接转拼音（可选的）"><a href="#中文链接转拼音（可选的）" class="headerlink" title="中文链接转拼音（可选的）"></a>中文链接转拼音（可选的）</h3><p>如果你的文章名称是中文的，那么 Hexo 默认生成的永久链接也会有中文，这样不利于 SEO，且 gitment 评论对中文链接也不支持。我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。</p><p>安装命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm i hexo-permalink-pinyin --save<br></code></pre></td></tr></table></figure><p>在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs bash">permalink_pinyin:<br>  <span class="hljs-built_in">enable</span>: <span class="hljs-literal">true</span><br>  separator: <span class="hljs-string">&#x27;-&#x27;</span> <span class="hljs-comment"># default: &#x27;-&#x27;</span><br></code></pre></td></tr></table></figure><div class="note note-success">            <p>注：除了此插件外，hexo-abbrlink 插件也可以生成非中文的链接。</p>           </div> <h3 id="文章字数统计插件（可选的）"><a href="#文章字数统计插件（可选的）" class="headerlink" title="文章字数统计插件（可选的）"></a>文章字数统计插件（可选的）</h3><p>如果你想要在文章中显示文章字数、阅读时长信息，可以安装 hexo-wordcount插件。</p><p>安装命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm i --save hexo-wordcount<br></code></pre></td></tr></table></figure><p>然后只需在本主题下的 _config.yml 文件中，激活以下配置项即可：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><code class="hljs bash">wordCount:<br>  <span class="hljs-built_in">enable</span>: <span class="hljs-literal">false</span> <span class="hljs-comment"># 将这个值设置为 true 即可.</span><br>  postWordCount: <span class="hljs-literal">true</span><br>  min2read: <span class="hljs-literal">true</span><br>  totalCount: <span class="hljs-literal">true</span><br></code></pre></td></tr></table></figure><h3 id="添加-RSS-订阅支持（可选的）"><a href="#添加-RSS-订阅支持（可选的）" class="headerlink" title="添加 RSS 订阅支持（可选的）"></a>添加 RSS 订阅支持（可选的）</h3><p>本主题中还使用到了 hexo-generator-feed 的 Hexo 插件来做 RSS，安装命令如下：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs bash">npm install hexo-generator-feed --save<br></code></pre></td></tr></table></figure><p>在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><code class="hljs bash">feed:<br>  <span class="hljs-built_in">type</span>: atom<br>  path: atom.xml<br>  <span class="hljs-built_in">limit</span>: 20<br>  hub:<br>  content:<br>  content_limit: 140<br>  content_limit_delim: <span class="hljs-string">&#x27; &#x27;</span><br>  order_by: -<span class="hljs-built_in">date</span><br></code></pre></td></tr></table></figure><p>执行 hexo clean &amp;&amp; hexo g 重新生成博客文件，然后在 public 文件夹中即可看到 atom.xml 文件，说明你已经安装成功了.</p><h3 id="修改页脚"><a href="#修改页脚" class="headerlink" title="修改页脚"></a>修改页脚</h3><p>脚信息可能需要做定制化修改，而且它不便于做成配置信息，所以可能需要你自己去再修改和加工。修改的地方在主题文件的 &#x2F;layout&#x2F;_partial&#x2F;footer.ejs 文件中，包括站点、使用的主题、访问量等</p><h3 id="修改社交链接"><a href="#修改社交链接" class="headerlink" title="修改社交链接"></a>修改社交链接</h3><p>在主题的 _config.yml 文件中，默认支持 QQ、GitHub 和邮箱的配置，你可以在主题文件的 &#x2F;layout&#x2F;_partial&#x2F;social-link.ejs 文件中，新增、修改你需要的社交链接地址，增加链接可参考如下代码：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><code class="hljs bash">&lt;a href=<span class="hljs-string">&quot;https://github.com/blinkfox&quot;</span> class=<span class="hljs-string">&quot;tooltipped&quot;</span> target=<span class="hljs-string">&quot;_blank&quot;</span> data-tooltip=<span class="hljs-string">&quot;访问我的GitHub&quot;</span> data-position=<span class="hljs-string">&quot;top&quot;</span> data-delay=<span class="hljs-string">&quot;50&quot;</span>&gt;<br>    &lt;i class=<span class="hljs-string">&quot;fa fa-github&quot;</span>&gt;&lt;/i&gt;<br>&lt;/a&gt;<br></code></pre></td></tr></table></figure><p>其中，社交图标（如：fa-github）你可以在 Font Awesome 中搜索找到。以下是常用社交图标的标识，供你参考：</p><ul><li>Facebook: fa-facebook</li><li>Twitter: fa-twitter</li><li>Google-plus: fa-google-plus</li><li>Linkedin: fa-linkedin</li><li>Tumblr: fa-tumblr</li><li>Medium: fa-medium</li><li>Slack: fa-slack</li><li>新浪微博: fa-weibo</li><li>微信: fa-wechat</li><li>Q: fa-qq</li></ul><div class="note note-success">            <p>注意: 本主题中使用的 Font Awesome 版本为 4.7.0</p>           </div> <h3 id="修改打赏的二维码图片"><a href="#修改打赏的二维码图片" class="headerlink" title="修改打赏的二维码图片"></a>修改打赏的二维码图片</h3><p>在主题文件的 source&#x2F;medias&#x2F;reward 文件中，你可以替换成你的的微信和支付宝的打赏二维码图片。</p><h3 id="配置音乐播放器"><a href="#配置音乐播放器" class="headerlink" title="配置音乐播放器"></a>配置音乐播放器</h3><p>要支持音乐播放，就必须开启音乐的播放配置和音乐数据的文件。</p><p>首先，在你的博客 source 目录下的 _data 目录（没有的话就新建一个）中新建 musics.json 文件，文件内容如下所示：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><code class="hljs bash">[&#123;<br><span class="hljs-string">&quot;name&quot;</span>: <span class="hljs-string">&quot;五月雨变奏电音&quot;</span>,<br><span class="hljs-string">&quot;artist&quot;</span>: <span class="hljs-string">&quot;AnimeVibe&quot;</span>,<br><span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;http://xxx.com/music1.mp3&quot;</span>,<br><span class="hljs-string">&quot;cover&quot;</span>: <span class="hljs-string">&quot;http://xxx.com/music-cover1.png&quot;</span><br>&#125;, &#123;<br><span class="hljs-string">&quot;name&quot;</span>: <span class="hljs-string">&quot;Take me hand&quot;</span>,<br><span class="hljs-string">&quot;artist&quot;</span>: <span class="hljs-string">&quot;DAISHI DANCE,Cecile Corbel&quot;</span>,<br><span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;/medias/music/music2.mp3&quot;</span>,<br><span class="hljs-string">&quot;cover&quot;</span>: <span class="hljs-string">&quot;/medias/music/cover2.png&quot;</span><br>&#125;, &#123;<br><span class="hljs-string">&quot;name&quot;</span>: <span class="hljs-string">&quot;Shape of You&quot;</span>,<br><span class="hljs-string">&quot;artist&quot;</span>: <span class="hljs-string">&quot;J.Fla&quot;</span>,<br><span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;http://xxx.com/music3.mp3&quot;</span>,<br><span class="hljs-string">&quot;cover&quot;</span>: <span class="hljs-string">&quot;http://xxx.com/music-cover3.png&quot;</span><br>&#125;]<br></code></pre></td></tr></table></figure><div class="note note-success">            <p>注：以上 JSON 中的属性：name、artist、url、cover 分别表示音乐的名称、作者、音乐文件地址、音乐封面。</p>           </div> <p>然后，在主题的 _config.yml 配置文件中激活配置即可：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><code class="hljs bash"><span class="hljs-comment"># 是否在首页显示音乐.</span><br>music:<br>  <span class="hljs-built_in">enable</span>: <span class="hljs-literal">true</span><br>  showTitle: <span class="hljs-literal">false</span><br>  title: 听听音乐<br>  fixed: <span class="hljs-literal">false</span> <span class="hljs-comment"># 是否开启吸底模式</span><br>  autoplay: <span class="hljs-literal">false</span> <span class="hljs-comment"># 是否自动播放</span><br>  theme: <span class="hljs-string">&#x27;#42b983&#x27;</span><br>  loop: <span class="hljs-string">&#x27;all&#x27;</span> <span class="hljs-comment"># 音频循环播放, 可选值: &#x27;all&#x27;, &#x27;one&#x27;, &#x27;none&#x27;</span><br>  order: <span class="hljs-string">&#x27;list&#x27;</span> <span class="hljs-comment"># 音频循环顺序, 可选值: &#x27;list&#x27;, &#x27;random&#x27;</span><br>  preload: <span class="hljs-string">&#x27;auto&#x27;</span> <span class="hljs-comment"># 预加载，可选值: &#x27;none&#x27;, &#x27;metadata&#x27;, &#x27;auto&#x27;</span><br>  volume: 0.7 <span class="hljs-comment"># 默认音量，请注意播放器会记忆用户设置，用户手动设置音量后默认音量即失效</span><br>  listFolded: <span class="hljs-literal">false</span> <span class="hljs-comment"># 列表默认折叠</span><br>  listMaxHeight: <span class="hljs-comment"># 列表最大高度</span><br></code></pre></td></tr></table></figure></details><h2 id="文章-Front-matter-介绍"><a href="#文章-Front-matter-介绍" class="headerlink" title="文章 Front-matter 介绍"></a>文章 Front-matter 介绍</h2><h3 id="Front-matter-选项详解"><a href="#Front-matter-选项详解" class="headerlink" title="Front-matter 选项详解"></a>Front-matter 选项详解</h3><p>Front-matter 选项中的所有内容均为非必填的。但我仍然建议至少填写 title 和 date 的值。</p><table><thead><tr><th>配置选项</th><th>默认值</th><th>描述</th></tr></thead><tbody><tr><td>title</td><td>Markdown 的文件标题</td><td>文章标题，强烈建议填写此选项</td></tr><tr><td>date</td><td>文件创建时的日期时间</td><td>发布时间，强烈建议填写此选项，且最好保证全局唯一</td></tr><tr><td>author</td><td>根 _config.yml 中的 author</td><td>文章作者</td></tr><tr><td>img</td><td>featureImages 中的某个值</td><td>文章特征图，推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.</td></tr><tr><td>top</td><td>true</td><td>推荐文章（文章是否置顶），如果 top 值为 true，则会作为首页推荐文章</td></tr><tr><td>cover</td><td>false</td><td>v1.0.2版本新增，表示该文章是否需要加入到首页轮播封面中</td></tr><tr><td>coverImg</td><td>无</td><td>v1.0.2版本新增，表示该文章在首页轮播封面需要显示的图片路径，如果没有，则默认使用文章的特色图片</td></tr><tr><td>password</td><td>无</td><td>文章阅读密码，如果要对文章设置阅读验证密码的话，就可以设置 password 的值，该值必须是用 SHA256 加密后的密码，防止被他人识破。前提是在主题的 config.yml 中激活了 verifyPassword 选项</td></tr><tr><td>toc</td><td>true</td><td>是否开启 TOC，可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 config.yml 中激活了 toc 选项</td></tr><tr><td>mathjax</td><td>false</td><td>是否开启数学公式支持 ，本文章是否开启 mathjax，且需要在主题的 _config.yml 文件中也需要开启才行</td></tr><tr><td>summary</td><td>无</td><td>文章摘要，自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要</td></tr><tr><td>categories</td><td>无</td><td>文章分类，本主题的分类表示宏观上大的分类，只建议一篇文章一个分类</td></tr><tr><td>tags</td><td>无</td><td>文章标签，一篇文章可以多个标签</td></tr></tbody></table><div class="note note-success">            <p>注意:</p> <p> 1、如果 img 属性不填写的话，文章特色图会根据文章标题的 hashcode 的值取余，然后选取主题中对应的特色图片，从而达到让所有文章都的特色图各有特色。</p> <p> 2、date 的值尽量保证每篇文章是唯一的，因为本主题中 Gitalk 和 Gitment 识别 id 是通过 date 的值来作为唯一标识的。</p> <p> 3、如果要对文章设置阅读验证密码的功能，不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值，还需要在主题的 _config.yml 中激活了配置。有些在线的 SHA256 加密的地址，可供你使用：开源中国在线工具、chahuo、站长工具。</p>           </div> <p>以下为文章的 Front-matter 示例。</p><h3 id="最简示例"><a href="#最简示例" class="headerlink" title="最简示例"></a>最简示例</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><code class="hljs bash">---<br>title: typora-vue-theme主题介绍<br><span class="hljs-built_in">date</span>: 2026-05-25 01:25:00<br>---<br></code></pre></td></tr></table></figure><h3 id="最全示例"><a href="#最全示例" class="headerlink" title="最全示例"></a>最全示例</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><code class="hljs bash">---<br>title: theme主题介绍<br><span class="hljs-built_in">date</span>: 2026-05-25 01:25:00<br>author: 小朱<br>img: /source/images/xxx.jpg<br>top: <span class="hljs-literal">true</span><br>cover: <span class="hljs-literal">true</span><br>coverImg: /images/1.jpg<br>password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92<br>toc: <span class="hljs-literal">false</span><br>mathjax: <span class="hljs-literal">false</span><br>summary: 这是你自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要<br>categories: Markdown<br>tags:<br>  - Typora<br>  - Markdown<br>---<br></code></pre></td></tr></table></figure><h2 id="效果截图"><a href="#效果截图" class="headerlink" title="效果截图"></a>效果截图</h2><p><img src="/img/-1.png" alt="首页"></p><p><img src="/img/-2.png" alt="首页推荐文章"></p><p><img src="/img/-3.png" alt="首页文章列表"></p><p><img src="/img/-7.png" alt="首页文章列表"></p><p><img src="/img/-8.png" alt="首页文章列表"></p><h2 id="自定义修改"><a href="#自定义修改" class="headerlink" title="自定义修改"></a>自定义修改</h2><p>在本主题的 _config.yml 中可以修改部分自定义信息，有以下几个部分：</p><ul><li>菜单</li><li>我的梦想</li><li>首页的音乐播放器和视频播放器配置</li><li>是否显示推荐文章名称和按钮配置</li><li>favicon 和 Logo</li><li>个人信息</li><li>TOC 目录</li><li>文章打赏信息</li><li>复制文章内容时追加版权信息</li><li>MathJax</li><li>文章字数统计、阅读时长</li><li>点击页面的’爱心’效果</li><li>我的项目</li><li>我的技能</li><li>我的相册</li><li>Gitalk、Gitment、Valine 和 disqus 评论配置</li><li>不蒜子统计和谷歌分析（Google Analytics）</li><li>默认特色图的集合。当文章没有设置特色图时，本主题会根据文章标题的 hashcode 值取余，来选择展示对应的特色图</li></ul><h3 id="修改主题颜色"><a href="#修改主题颜色" class="headerlink" title="修改主题颜色"></a>修改主题颜色</h3><p>在主题文件的 &#x2F;source&#x2F;css&#x2F;matery.css 文件中，搜索 .bg-color 来修改背景颜色：</p><figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><code class="hljs CSS"><span class="hljs-comment">/* 整体背景颜色，包括导航、移动端的导航、页尾、标签页等的背景颜色. */</span><br><span class="hljs-selector-class">.bg-color</span> &#123;<br>    <span class="hljs-attribute">background-image</span>: <span class="hljs-built_in">linear-gradient</span>(to right, <span class="hljs-number">#4cbf30</span> <span class="hljs-number">0%</span>, <span class="hljs-number">#0f9d58</span> <span class="hljs-number">100%</span>);<br>&#125;<br><br><span class="hljs-keyword">@-webkit-keyframes</span> rainbow &#123;<br>   <span class="hljs-comment">/* 动态切换背景颜色. */</span><br>&#125;<br><br><span class="hljs-keyword">@keyframes</span> rainbow &#123;<br>    <span class="hljs-comment">/* 动态切换背景颜色. */</span><br>&#125;<br></code></pre></td></tr></table></figure><h3 id="修改-banner-图和文章特色图"><a href="#修改-banner-图和文章特色图" class="headerlink" title="修改 banner 图和文章特色图"></a>修改 banner 图和文章特色图</h3><p>你可以直接在 &#x2F;source&#x2F;medias&#x2F;banner 文件夹中更换你喜欢的 banner 图片，主题代码中是每天动态切换一张，只需 7 张即可。如果你会 JavaScript 代码，可以修改成你自己喜欢切换逻辑，如：随机切换等，banner 切换的代码位置在 &#x2F;layout&#x2F;_partial&#x2F;bg-cover-content.ejs 文件的 <script></script> 代码中：</p><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs javascript">$(<span class="hljs-string">&#x27;.bg-cover&#x27;</span>).<span class="hljs-title function_">css</span>(<span class="hljs-string">&#x27;background-image&#x27;</span>, <span class="hljs-string">&#x27;url(/medias/banner/&#x27;</span> + <span class="hljs-keyword">new</span> <span class="hljs-title class_">Date</span>().<span class="hljs-title function_">getDay</span>() + <span class="hljs-string">&#x27;.jpg)&#x27;</span>);<br></code></pre></td></tr></table></figure><p>在 &#x2F;source&#x2F;medias&#x2F;featureimages 文件夹中默认有 24 张特色图片，你可以再增加或者减少，并需要在 _config.yml 做同步修改。</p><h2 id="版本记录"><a href="#版本记录" class="headerlink" title="版本记录"></a>版本记录</h2><ul><li>v1.0.0<br>新增了所有基础功能；</li><li>v1.0.1<br>调整 css、js 的文件请求路径在主题的_config.yml中配置，便于你更快捷的配置自己的 CDN；<br>新增代码是否折行为可配置，默认为折行；<br>默认激活 TOC 功能，并新增为某篇文章关闭 TOC 的 Front-matter 配置选项；<br>修复文章滚动时，高亮的目录选项不准确的问题；<br>IOS下移除搜索框自动获得焦点属性，防止自动获得焦点后导致视图上移；</li><li>v1.0.2<br>升级了 Materialize 框架版本为1.0.0，重构和修改了升级过程中的部分文件或问题；<br>新增了首页封面的全屏轮播特效，可以将更重要的文章设置到首页轮播中；<br>修复首页第一个按钮是中文的问题<br>修复了 iPhone 上点击搜索输入获取焦点的问题；<br>修复了 iPhone 上输入框获取焦点后页面放大的问题；<br>修复一些文章或 UI 显示问题；</li></ul>]]>
    </content>
    <id>https://80tz.cn/2026/05/25/matery/</id>
    <link href="https://80tz.cn/2026/05/25/matery/"/>
    <published>2026-05-24T17:00:00.000Z</published>
    <summary>这是一个采用Material Design和响应式设计的 Hexo 博客主题，喜欢分类作品和写作的可以考虑</summary>
    <title>matery主题介绍</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="大语言模型 自动化翻译" scheme="https://80tz.cn/tags/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B-%E8%87%AA%E5%8A%A8%E5%8C%96%E7%BF%BB%E8%AF%91/"/>
    <content>
      <![CDATA[<div class="note note-success">            <p>本文由 Fluid 用户授权转载，版权归原作者所有。</p> <p>本文作者：Tokisaki Galaxy<br>原文地址：<a href="https://tokisaki.top/blog/hexo-translate-llm/">https://tokisaki.top/blog/hexo-translate-llm/</a></p>           </div> <div class="note note-success">            <p>该项目已在 GitHub 开源。您可以访问 Tokisaki-Galaxy&#x2F;hexo-translate-llm 获取更多信息。</p>           </div> <p>跨语言的信息传播在数字化时代愈发重要。手动翻译文章不仅耗时，也难以保证更新频率。Hexo LLM Translate 插件为此提供了自动化解决方案。它利用大语言模型（LLM）实现博客内容的高质量翻译。</p><h2 id="核心特性"><a href="#核心特性" class="headerlink" title="核心特性"></a>核心特性</h2><p>智能双语切换提升了读者的阅读体验。插件会识别浏览器的语言偏好。读者无需手动点击即可阅读对应版本。</p><p>缓存机制保障了翻译效率。插件通过内容哈希识别变更。只有在正文或标题变动时才会触发接口调用。这有效降低了 API 的使用成本。</p><p>多端同步支持远程数据库。通过 Neon PostgreSQL，不同设备间的构建缓存可以实时共享。（可选）</p><p>稳定性是插件设计的核心。内置限流器防止并发过高导致接口熔断。自动重试机制能有效应对网络波动。</p><p>SEO 优化确保了搜索权重的留存。翻译后的内容直接注入 HTML 结构。搜索引擎可以完整抓取双语信息。Hexo 特有的标签也得到了妥善保护，避免了页面结构的破坏。</p><p>对于不想被翻译的文章，可以通过 Front-matter 设置 no_translate: true 来排除在外。</p><h2 id="快速上手"><a href="#快速上手" class="headerlink" title="快速上手"></a>快速上手</h2><h3 id="安装插件"><a href="#安装插件" class="headerlink" title="安装插件"></a>安装插件</h3><p>在 Hexo 根目录下执行安装指令：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><code class="hljs Bash">npm install hexo-translate-llm<br></code></pre></td></tr></table></figure><h3 id="配置参数"><a href="#配置参数" class="headerlink" title="配置参数"></a>配置参数</h3><p>在 _config.yml 中加入以下配置。建议选用性价比更高的模型：</p><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><code class="hljs Yaml"><span class="hljs-attr">llm_translation:</span><br> <span class="hljs-attr">enable:</span> <span class="hljs-literal">true</span><br> <span class="hljs-attr">model:</span> <span class="hljs-string">deepseek-ai/DeepSeek-V3.2</span><br> <span class="hljs-attr">endpoint:</span> <span class="hljs-string">https://api.siliconflow.cn/v1/chat/completions</span><br> <span class="hljs-attr">max_concurrency:</span> <span class="hljs-number">4</span><br> <span class="hljs-attr">single_timeout:</span> <span class="hljs-number">120</span><br></code></pre></td></tr></table></figure><div class="note note-success">            <p>如果不想使用远程数据库，可以跳过 Neon PostgreSQL 的配置步骤。插件会自动使用本地缓存。</p>           </div> <h3 id="安全设置"><a href="#安全设置" class="headerlink" title="安全设置"></a>安全设置</h3><p>本项目通过环境变量管理敏感信息</p><h4 id="Vercel-部署"><a href="#Vercel-部署" class="headerlink" title="Vercel 部署"></a>Vercel 部署</h4><p>在 Vercel 仪表盘的项目设置中，添加 LLM_API_KEY 环境变量。<br>设置 Storage 连接，连接到 Neon PostgreSQL 数据库。Vercel 会自动注入 DATABASE_URL 环境变量。</p><h4 id="本地构建"><a href="#本地构建" class="headerlink" title="本地构建"></a>本地构建</h4><p>在根目录创建 .env 文件：</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><code class="hljs Env">LLM_API_KEY=您的密钥<br>DATABASE_URL=数据库连接地址<br></code></pre></td></tr></table></figure><h2 id="使用技巧"><a href="#使用技巧" class="headerlink" title="使用技巧"></a>使用技巧</h2><p>特定文章可以排除在翻译范围之外。只需在 Front-matter 中设置 no_translate: true。插件会自动同步页面的 title 标签，确保浏览器标签页的语言一致性。</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/23/moxing/</id>
    <link href="https://80tz.cn/2026/05/23/moxing/"/>
    <published>2026-05-23T04:00:00.000Z</published>
    <summary>本文作者：Tokisaki Galaxy 原文地址：https://tokisaki.top/blog/hexo-translate-llm/ 该项目已在 GitHub 开源。</summary>
    <title>基于大语言模型的 Hexo 博客自动化翻译方案_</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="哲学 世界 历史" scheme="https://80tz.cn/tags/%E5%93%B2%E5%AD%A6-%E4%B8%96%E7%95%8C-%E5%8E%86%E5%8F%B2/"/>
    <content>
      <![CDATA[<h2 id="什么叫正经"><a href="#什么叫正经" class="headerlink" title="什么叫正经"></a>什么叫正经</h2><ul><li><p>我见过太多人，一辈子就耗在别人怎么看我头上了，活得跟个供人参观的橱窗一样，里头空荡荡的..外面倒是收拾的挺体面，</p></li><li><p>你信不信，那些成天教育你要这样那样的人，自己关起门来一个比一个不靠谱..</p></li><li><p>嘴上说仁义道德，背地里干的那些事，说出来能吓你一跳，所以别被那套唬住..</p></li><li><p>什么正经不正经，都是人，谁比谁干净多少？不装，是这世上最难得的本事，敢把自己那点破事摊开了说的人，比那些满嘴仁义的一百个强。</p></li></ul>]]>
    </content>
    <id>https://80tz.cn/2026/05/21/jing/</id>
    <link href="https://80tz.cn/2026/05/21/jing/"/>
    <published>2026-05-21T12:00:00.000Z</published>
    <summary>我见过太多人，一辈子就耗在别人怎么看我头上了..</summary>
    <title>什么正经不正经</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="哲学 世界 历史" scheme="https://80tz.cn/tags/%E5%93%B2%E5%AD%A6-%E4%B8%96%E7%95%8C-%E5%8E%86%E5%8F%B2/"/>
    <content>
      <![CDATA[<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p>原来我们差点就过上了巴基斯坦小孩的日子，2015年五角大楼一份绝密文件被公开，原来早在1956年，他们就制定了针对中国的核打击方案，试图用870枚导弹，摧毁我们117个城市，甚企图用30枚核弹消灭我国3亿有生力量…在那个年代，是他们筑起了中国的脊梁，我们现在的幸福生活，不应该建立在忘本的基础上，他们应该出现在历史书中…</p><h2 id="邓稼先"><a href="#邓稼先" class="headerlink" title="邓稼先"></a>邓稼先</h2><p><img src="/img/de.jpg" alt="邓稼先"></p><details><summary>点击展开</summary><ul><li>当时中国在核领域；一穷二白啥设备没有时，国际上中国还被层层封锁，没有计算机，就靠纸笔，算盘算数据，放射性物质侵蚀他的身体，到了晚年，他的嘴角总挂着血，止痛针一小时一针，直到1964年，中国第一颗原子弹爆炸，</li></ul></details><h2 id="金无怠"><a href="#金无怠" class="headerlink" title="金无怠"></a>金无怠</h2><p><img src="/img/jin.jpeg" alt="金无怠"></p><details><summary>点击展开</summary><ul><li><p>钱学森能安全顺利回国全靠他，当年钱回国，收到一封父亲署名的电报，提醒他中途别下船，可那封电报不是他父亲发的，而是金发的，他潜伏在中情局37年，从基层做到反情报处专家…</p></li><li><p>抗美援朝时，送回宝贵情报，还促成尼克松访华</p></li><li><p>1985年被叛徒俞强生出卖，导致被捕，为了守住国家机密，用塑料袋蒙头自杀</p></li></ul></details><h2 id="赵忠尧"><a href="#赵忠尧" class="headerlink" title="赵忠尧"></a>赵忠尧</h2><p><img src="/img/zy.jpeg" alt="赵忠尧"></p><details><summary>点击展开</summary><ul><li>他在美国发现了反物质，本该拿到诺贝尔奖，却被同事窃取了成果，918事变后，他放弃高薪回国。七七事变镭被日军放在清华实验室，他弄到镭后，假扮乞丐，徒步1500公里，走了3个月把镭安全送到长沙</li></ul></details><h2 id="感悟"><a href="#感悟" class="headerlink" title="感悟"></a>感悟</h2><p>历史不会讲他们，但我们要永远记住他们，这比你追星有意义 未完待续…</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/18/xing/</id>
    <link href="https://80tz.cn/2026/05/18/xing/"/>
    <published>2026-05-18T01:45:00.000Z</published>
    <summary>以史为镜,可以知兴替;以人为镜,可以明得失，历史总是惊人的相似...</summary>
    <title>这才是我们应该记住的明星</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="战争 新中国" scheme="https://80tz.cn/tags/%E6%88%98%E4%BA%89-%E6%96%B0%E4%B8%AD%E5%9B%BD/"/>
    <content>
      <![CDATA[<p align="center">  <a href="#">"新中国成立以来的九次战争"</a> </p><iframe   src="/img/zn.mp4"  width="100%"   height="500"  scrolling="no"   border="0"   frameborder="no"   framespacing="0"   allowfullscreen="true"></iframe><p>中华人民共和国成立至今60多年，基本处于和平建设环境，但也经历了数场较短时期的局部战争或军事冲突，大致有九次。</p><ul><li>抗法援越战争</li></ul><p>1950年1月，印度支那共产党(次年改称越南劳动党)主席胡志明访苏，与斯大林和当时在苏访问的毛泽东商讨有关越南革命的重大问题。2月，胡志明向中共中央提出军事物资援助和派遣军事顾问团的请求，以帮助越南的抗法战争。此时中国革命刚刚取得全国性胜利，正面临各种困难，但为了支援越南争取国家独立和民族解放，立即同意了胡志明的请求。</p><p>从1950年8月赴越，到1954年越南抗法战争结束，中国军事顾问团先后协助越南人民军组织指挥了7次较大规模的战役。中国还向越军提供枪支15.5万支，枪弹5785万发，炮3600余门，炮弹108万余发，手榴弹84万余枚，汽车1200余辆，军服140余万套，粮食和副食1.4万余吨，油料2.6万余吨，以及大量医药和其他军用物资。</p><ul><li>抗美援朝战争</li></ul><p>1950年10月至1951年6月，志愿军实行以运动战为主与部分阵地战、游击战相结合的方针，帮助朝鲜人民军转入战略反攻，连续进行5次大规模战役，将以美国为首的“联合国军”从鸭绿江边打回三八线。1951年7月至1953年7月，志愿军采取“持久作战、积极防御”的作战方针，作战与谈判紧密配合，以阵地战为主要作战形式，创造性地解决物资运输补给和坚守防御问题，越战越强，越战越主动，终于迫使美国签订停战协定，胜利实现了朝鲜停战。</p><p>中国在抗美援朝战争中共消耗62.5亿元人民币，如果按当时人民币与美元2.5：1的比值计算，约为25亿美元。消耗作战物资560多万吨。志愿军共投入27个野战军参战，损失36.6万人。美国的损失更大，战争费用高达400亿美元，物资消耗高达7300万吨。</p><p>抗美援朝战争是新中国第一场维护国家主权、争取和平与安全的战争。</p><ul><li>抗美援越战争</li></ul><p>20世纪50年代，法国从越南撤走后，美国极力阻挠越南统一。进入60年代，美军侵入越南，挑起战争，严重威胁中国的安全。应越南政府请求，中国决定坚决支持越南抗美救国斗争。1965～1975年，中国在物力和人力上向越南提供了真诚、巨大、无私的援助。</p><p>抗美援越战争中，中国参战部队共计32万余人，其中4200多人负伤，1100多人牺牲。中国先后有20多个省、市、自治区，数千家科研单位、工厂承担武器装备和其他物资的生产。中国对越南的军事物资援助约合40亿元人民币，可装备200余万人的部队。就连后来反华的越共总书记黎笋也承认：“越南人民的胜利是与中国共产党、中国政府和中国人民的强有力的支持和巨大援助分不开的。”</p><ul><li>抗美援老战争</li></ul><p>20世纪50年代，美国在干涉越南内政的同时，还接替法国控制了老挝。老挝人民在人民党和爱国战线的领导下，建立武装，进行抵抗。老挝鉴于自己武装力量弱小，请求中国给予援助。老挝是中国的邻邦，中国义不容辞地承担起了援老抗美的义务。从1959年起，中国向老挝无偿提供各种枪支11万余支，各种火炮2780余门，枪弹1.7亿发，炮弹267万余发，以及其他武器装备。在战争中，共有269位中国人牺牲，其中210人长眠在老挝孟塞和班南舍的烈士陵园里。1975年，老挝抗美斗争胜利结束。</p><ul><li>中印边境自卫反击战</li></ul><p>从1951年起，印度乘新中国参加抗美援朝战争之机，抢占中印边境东段“麦克马洪线”以南9万平方公里中国领土，而后又陆续侵占中印边境中段的巨哇、曲惹、波林三多和西段的巴里加斯等地。</p><p>1962年9月20日，印军越过东段“麦克马洪线”侵入克节朗地区，向中国边防部队哨所发起攻击，制造了择绕桥流血事件。10月10日，印军向中国尺冬哨所发起进攻，再次制造流血事件。为了维护领土主权和尊严，中央军委决定进行自卫反击作战。作战历时1个月，在西段，清除了印军设在中国境内的所有43个侵略据点；在东段，中国边防部队进到非法的“麦克马洪线”以南靠近传统习惯线地区，共毙、俘印军8700多人，缴获大量武器装备和物资。</p><p>自卫反击作战取得胜利后，为促进中印边界问题和平解决，中国政府于1962年11月21日发表声明，决定在中印边境全线主动停火，主动后撤。随后，中国又向印度政府交还大批战缴物资，释放了全部俘虏。中印边境自卫反击战是中国边防部队在特殊高原地区进行的一次较大规模的反侵略战争，融军事、政治、外交斗争于一体，体现了毛泽东等老一辈无产阶级革命家的斗争策略与斗争思想。</p><ul><li>珍宝岛自卫反击战</li></ul><p>珍宝岛自卫反击战是中国人民解放军边防部队在珍宝岛击退苏联军队入侵的战斗。1969年3月，苏联军队几次对黑龙江省乌苏里江主航道中心线中国一侧的珍宝岛实施武装入侵，并向中国岸上纵深地区炮击。中国边防部队被迫进行自卫反击，有力地击退了苏联的入侵，保卫了我国边疆安全。</p><p>整个珍宝岛自卫反击作战中，中国边防军毙伤苏军230余人(苏联公布的苏军伤亡数字为152人)，毁伤坦克装甲车辆19辆，中国边防军伤亡92人(其中阵亡29人，负伤62人，失踪1人，战后伤重不治42人，总计牺牲71人)。</p><ul><li>西沙群岛自卫反击战</li></ul><p>西沙群岛是中国南海四大群岛之一，位于海南岛东南约330公里的海域中，它的地理位置十分重要，是中国与东南亚各国海上交通的必经之路，也是通往非洲、欧洲和大洋洲的航海要津。</p><p>西沙群岛同东沙群岛、南沙群岛、中沙群岛自古以来就是中国领土。1956年，印度支那停战以后，法国别有用心地将它侵占的珊瑚岛移交南越政府。南越当局不顾中国政府多次声明和严正警告，不断扩大占领岛屿，袭扰中国渔船。至1973年8月底，南越军队已占领中国南沙、西沙群岛的6个岛屿。为了维护国家主权，1974年1月17日，中央军委命令海军南海舰队立即派出舰艇驶抵西沙永乐群岛海域进行巡逻，海南军区派出民兵随海军舰艇进驻西沙永乐群岛的晋卿、琛航、广金三岛。</p><p>1月19日，中国军队收复了珊瑚岛、甘泉岛、金银岛等三岛，越军被驱逐出整个西沙群岛。</p><p>西沙群岛之战，是一次远离大陆以海战为主的陆、海、空军和渔民、民兵参加的协同作战，是人民解放军的第一次海岛反侵略作战，赢得了战斗胜利。</p><ul><li>中越边境自卫反击战</li></ul><p>越南抗美救国战争尚未结束，就暴露出地区霸权主义的嘴脸。从1974年开始，越南当局不断制造边境挑衅事件，驱赶华侨和华裔。1978年，越南出兵20万侵略柬埔寨，加剧中越边境摩擦。仅1978年9月至1979年2月，越南就侵占中国领土160多处。在此严峻形势下，中共中央和中央军委决定进行自卫还击作战。1979年至1989年，人民解放军边防部队进行了3次战役，成功抵制了越南的地区霸权主义，捍卫了中国领土主权。</p><ul><li>南沙群岛自卫反击战</li></ul><p>20世纪70年代中期以前，越南政府一直承认南沙群岛自古以来就是中国的领土。可是越南在抗美救国战争结束后，忘恩负义，出尔反尔，开始抢占中国南沙群岛，对中国科学考察活动进行骚扰。至80年代，越南的骚扰活动日益加剧，最终导致军事冲突。</p><p>1988年3月14日6时25分，越南海军604、605运输船和505登陆舰突然窜到南沙群岛赤瓜礁海区，对正在此进行考察的中国海军舰船进行挑衅。越军43人携带轻机枪、冲锋枪，强行登上赤瓜礁，开枪打死中国海军考察人员1人。中国海军立即进行自卫还击。战斗持续28分钟，越军604运输船被击沉，605运输船和505登陆舰遭重创。南沙群岛自卫还击战虽然规模不大，但它是中国对越南等国家觊觎中国领海主权的严正警告，意义深远。</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/13/zzh/</id>
    <link href="https://80tz.cn/2026/05/13/zzh/"/>
    <published>2026-05-13T00:09:00.000Z</published>
    <summary>新中国成立以来的九次战争，为何而战，结果如何？</summary>
    <title>新中国成立后的九次战争</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="系统" scheme="https://80tz.cn/categories/%E7%B3%BB%E7%BB%9F/"/>
    <category term="黑苹果 教程 图文" scheme="https://80tz.cn/tags/%E9%BB%91%E8%8B%B9%E6%9E%9C-%E6%95%99%E7%A8%8B-%E5%9B%BE%E6%96%87/"/>
    <content>
      <![CDATA[<p align="center">  <a href="#">黑苹果安装图文简易教程</a> </p><div class="note note-success">            <p>我觉得这几个软件是目前安装必备，自己实际操作一下吧…安装成功的可以掠过…</p>           </div> <ul><li><a href="#1-%E5%88%86%E5%8C%BA%E6%A0%BC%E5%BC%8F%E7%AE%80%E4%BB%8B%E5%92%8C%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9">1-分区格式简介和注意事项</a></li><li><a href="#2-%E4%B8%BA%E4%BB%80%E4%B9%88%E5%8F%AA%E6%8F%90%E4%BE%9B%E8%BD%AF%E4%BB%B6">2-为什么只提供软件</a></li><li><a href="#3-%E8%BD%AF%E4%BB%B6%E4%B8%8B%E8%BD%BD%E5%9C%B0%E5%9D%80">3-软件下载地址</a></li></ul><h2 id="1-分区格式简介和注意事项"><a href="#1-分区格式简介和注意事项" class="headerlink" title="1-分区格式简介和注意事项"></a>1-分区格式简介和注意事项</h2><ul><li><p>苹果系统一定要分成Gpt格式，MBR格式不识别</p></li><li><p>在出现任何问题要保持耐心和坚持</p></li><li><p>软件只是减少了配置启动的繁琐步骤，但是不代表你一定安装成功，在安装过程中一定要测试和故障排除</p></li><li><p>要懂得分区和启动的概念，毕竟安装这个系统比windows复杂多了（玄学问题也在里面）</p></li><li><p>最后祝君成功!!</p></li></ul><h2 id="2-为什么只提供软件"><a href="#2-为什么只提供软件" class="headerlink" title="2-为什么只提供软件"></a>2-为什么只提供软件</h2><p>因为安装黑苹果得需要看你具体电脑配置，这些不能一一说明白，这几个软件涵盖了你所需求的，自己研究…</p><p><img src="/img/f.png" alt="开源软件截图"></p><p><img src="/img/e.png" alt="聪聪苹果安装工具"></p><p><img src="/img/1706.jpg" alt="Diskgen分区工具"></p><h2 id="3-软件下载地址"><a href="#3-软件下载地址" class="headerlink" title="3-软件下载地址"></a>3-软件下载地址</h2><p>OpCore-Simplify.zip<br>链接: <a href="https://pan.baidu.com/s/1gMzplNwMxU9bV0IKk-iscg?pwd=80tz">https://pan.baidu.com/s/1gMzplNwMxU9bV0IKk-iscg?pwd=80tz</a> 提取码: 80tz </p><p>Cc3.0.zip<br>链接: <a href="https://pan.baidu.com/s/1oOvOxl8El1z0ZslOJycC6Q?pwd=80tz">https://pan.baidu.com/s/1oOvOxl8El1z0ZslOJycC6Q?pwd=80tz</a> 提取码: 80tz </p><p>Diskegen<br>链接:<a href="https://www.diskgenius.cn/">https://www.diskgenius.cn/</a></p><p>有什么问题可以交流留言，站长QQ：623869193（微信同号）</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/08/pingguo/</id>
    <link href="https://80tz.cn/2026/05/08/pingguo/"/>
    <published>2026-05-08T12:26:00.000Z</published>
    <summary>windwos系统安装黑苹果图文教程</summary>
    <title>安装黑苹果简易教程</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="哲学" scheme="https://80tz.cn/categories/%E5%93%B2%E5%AD%A6/"/>
    <category term="生活 哲学" scheme="https://80tz.cn/tags/%E7%94%9F%E6%B4%BB-%E5%93%B2%E5%AD%A6/"/>
    <content>
      <![CDATA[<p align="center">  <a href="#">七是一个神奇的数字</a> </p><ul><li><a href="#%E4%B8%83%E7%A7%8D%E5%B9%B3%E5%AE%89%E7%A5%9D%E7%A6%8F">七种平安祝福</a></li><li><a href="#%E6%B5%81%E8%A1%8C%E7%94%A8%E6%B3%95%E4%B8%8E%E6%96%87%E5%8C%96%E5%85%B3%E8%81%94">流行用法与文化关联</a></li><li><a href="#%E6%96%87%E5%8C%96%E5%86%85%E6%B6%B5">文化内涵</a></li></ul><p><img src="/img/qx.png" alt="流星雨"></p><p>七安是一个充满美好祝愿的词汇，最常见的含义是包含七种平安祝福的合称，同时也有其他文化与现实应用场景。以下是核心解读与延伸用法：</p><h2 id="七种平安祝福"><a href="#七种平安祝福" class="headerlink" title="七种平安祝福"></a>七种平安祝福</h2><ul><li><p>七安的经典定义为三安 + 四安然，是对生活全方位的美好祝愿：</p></li><li><p>三安：早安、午安、晚安（日常时段的平安问候）</p></li><li><p>四安然：醒也安然、淡也安然、穷也安然、富也安然（涵盖不同状态的心境安稳）</p></li></ul><p>另有新春版七安，侧重生活维度的平安祝福：</p><ul><li>居安、行安、身安、心安、业安、家安、事安</li></ul><h2 id="流行用法与文化关联"><a href="#流行用法与文化关联" class="headerlink" title="流行用法与文化关联"></a>流行用法与文化关联</h2><p>情感表达：作为网名、昵称或备注，传递对自己或他人的平安期许，象征从容平和的生活态度。</p><p>文学与网络：网络小说《大奉打更人》男主角名为许七安，其名字中的 “七安” 被解读为 “许你七安”，寄托祝愿安好之意。</p><p>民俗与节日：</p><p>农历三月初七被称为 “七星安日”，寓意七星守护，全年平安。</p><p>大年初七（人日）常以 “七安” 为主题，发送新春祝福。</p><p>现实应用：</p><p>平安建设术语：如 “七纵支撑七安发力”，用于地方平安治理宣传</p><h2 id="文化内涵"><a href="#文化内涵" class="headerlink" title="文化内涵"></a>文化内涵</h2><p>“七安” 的核心是对平安的全面追求，既包含外在生活的安稳，也强调内在心境的平和，体现了 “不以物喜，不以己悲” 的生活哲学，适合用于日常祝福、网名选择或节日文案创作。</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/08/index/</id>
    <link href="https://80tz.cn/2026/05/08/index/"/>
    <published>2026-05-07T20:09:00.000Z</published>
    <summary>居安、行安、身安、心安、业安、家安、事安</summary>
    <title>七安</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="Linux Windows系统安装" scheme="https://80tz.cn/tags/Linux-Windows%E7%B3%BB%E7%BB%9F%E5%AE%89%E8%A3%85/"/>
    <content>
      <![CDATA[<div class="note note-success">            <p>下面是B站双系统演示安装效果，需要者可以联系站长QQ：623869193（微信同号）</p>           </div> <iframe   src="//player.bilibili.com/player.html?isOutside=true&aid=116515466643399&bvid=BV1bhRvBnEaz&cid=38082380591&p=1"   width="100%"   height="500"  scrolling="no"   border="0"   frameborder="no"   framespacing="0"   allowfullscreen="true"></iframe>]]>
    </content>
    <id>https://80tz.cn/2026/05/04/linux/</id>
    <link href="https://80tz.cn/2026/05/04/linux/"/>
    <published>2026-05-04T04:00:00.000Z</published>
    <summary>Windows系统安装 Linux系统安装 系统U盘</summary>
    <title>windows linux 双系统安装</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="系统" scheme="https://80tz.cn/categories/%E7%B3%BB%E7%BB%9F/"/>
    <category term="系统 安装 教程" scheme="https://80tz.cn/tags/%E7%B3%BB%E7%BB%9F-%E5%AE%89%E8%A3%85-%E6%95%99%E7%A8%8B/"/>
    <content>
      <![CDATA[<h3 id="目录"><a href="#目录" class="headerlink" title="目录"></a>目录</h3><ul><li><a href="#1-%E5%87%86%E5%A4%87%E5%B7%A5%E5%85%B7%E4%B8%8E%E7%B3%BB%E7%BB%9F%E5%A4%87%E4%BB%BD">1-准备工具与系统备份</a></li><li><a href="#2-%E5%8D%9A%E5%AE%A2%E5%BA%95%E9%83%A8%E6%B7%BB%E5%8A%A0%E8%BF%90%E8%A1%8C%E6%97%B6%E9%97%B4">2-制作U盘启动盘</a></li><li><a href="#3-%E8%AE%BE%E7%BD%AEu%E7%9B%98%E4%B8%BA%E7%AC%AC%E4%B8%80%E5%90%AF%E5%8A%A8%E9%A1%B9">3-设置U盘为第一启动项</a></li><li><a href="#4-%E7%B3%BB%E7%BB%9F%E5%AE%89%E8%A3%85">4-系统安装</a></li></ul><div class="note note-success">            <p>下面是B站系统U盘演示效果，需要者可以联系站长QQ：623869193（微信同号）</p>           </div> <iframe   src="//player.bilibili.com/player.html?isOutside=true&aid=116509191963713&bvid=BV1Ng9ZBgEq5&cid=38056165873&p=1"  width="100%"   height="500"  scrolling="no"   border="0"   frameborder="no"   framespacing="0"   allowfullscreen="true"></iframe><h2 id="1-准备工具与系统备份"><a href="#1-准备工具与系统备份" class="headerlink" title="1-准备工具与系统备份"></a>1-准备工具与系统备份</h2><ul><li><p>‌准备一个容量不小于16GB的U盘‌，并确保其可正常读写。可以放多系统</p></li><li><p>‌下载官方系统镜像（ISO文件）‌，推荐从微软官网获取Windows 10&#x2F;11原版镜像。或者联网下载ghost版本</p></li><li><p>‌备份重要数据‌：重装系统会清空C盘，需提前将桌面、文档等关键文件备份至外部硬盘或云盘。</p></li></ul><h2 id="2-制作U盘启动盘"><a href="#2-制作U盘启动盘" class="headerlink" title="2-制作U盘启动盘"></a>2-制作U盘启动盘</h2><p>方法1：使用微软官方Media Creation Tool（最安全）</p><p>访问微软官网下载Media Creation Tool。</p><p>运行工具，选择“为另一台电脑创建安装介质”。取消勾选“使用推荐选项”，手动选择语言、版本和架构（如64位）。插入U盘，选择“U盘”作为目标介质，工具自动格式化并写入系统文件。</p><p>方法2：使用Rufus（支持更多自定义）下载Rufus官网最新版。</p><p>打开后选择U盘设备，加载已下载的ISO文件 分区方案根据主板选择：‌UEFI新电脑选GPT‌ ‌老主板选MBR‌点击“开始”，等待写入完成。提示：若需多系统共存，可使用Ventoy工具，支持将多个ISO直接拖入U盘启动。</p><p>方法3：可以用PE制作工具一键生成U盘启动盘（需要联系站长QQ：623869193（微信同号））</p><h2 id="3-设置U盘为第一启动项"><a href="#3-设置U盘为第一启动项" class="headerlink" title="3-设置U盘为第一启动项"></a>3-设置U盘为第一启动项</h2><p>将制作好的U盘插入目标电脑USB接口（建议插在主板后置接口）在启动菜单中选择带有“UEFI:”前缀的U盘选项，回车进入安装界面。若快捷键无效，需进入BIOS设置：按Del&#x2F;F2进入BIOS → 切换到【Boot】选项卡 → 将U盘设为第一启动项 → 保存退出（F10）。</p><h2 id="4-系统安装"><a href="#4-系统安装" class="headerlink" title="4-系统安装"></a>4-系统安装</h2><p>进入Windows Setup界面后，选择语言、时间和键盘布局，点击“下一步”。<br>点击“现在安装” → 跳过产品密钥（可后期激活）。<br>选择安装版本（如Windows 11 专业版）→ 接受许可条款。<br>安装类型选择“‌自定义：仅安装Windows（高级）‌”</p><h2 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h2><p>注意：安装系统之前一定要备份重要文件..</p><p>可以放多版本系统，装系统自己就可以解决，一次付费，终身使用…</p>]]>
    </content>
    <id>https://80tz.cn/2026/05/03/xitong/</id>
    <link href="https://80tz.cn/2026/05/03/xitong/"/>
    <published>2026-05-03T04:00:00.000Z</published>
    <summary>Windows系统安装</summary>
    <title>U盘安装windwos系统</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="正事 政事 滨州 政务服务中心" scheme="https://80tz.cn/tags/%E6%AD%A3%E4%BA%8B-%E6%94%BF%E4%BA%8B-%E6%BB%A8%E5%B7%9E-%E6%94%BF%E5%8A%A1%E6%9C%8D%E5%8A%A1%E4%B8%AD%E5%BF%83/"/>
    <content>
      <![CDATA[<p align="center">  <a href="#">滨州市政务服务中心</a> </p><div class="note note-success">            <p>图片来自政务服务中心二楼服务大厅拍摄，如有侵权，联系删除…</p>           </div> <ul><li><p><a href="#%E6%BB%A8%E5%B7%9E%E5%B8%82%E7%AE%80%E4%BB%8B">滨州市简介</a></p></li><li><p><a href="#%E6%94%BF%E5%8A%A1%E4%B8%AD%E5%BF%83%E6%8B%8D%E6%91%84">政务中心拍摄</a></p></li></ul><h2 id="滨州市简介"><a href="#滨州市简介" class="headerlink" title="滨州市简介"></a>滨州市简介</h2><p>滨州市位于山东省北部、黄河三角洲腹地、渤海湾西南岸，北通大海、东临东营市、南连淄博市、西南与济南市交界、西与德州市接壤、西北隔漳卫新河与河北省沧州市相望。全市境域横跨黄河南北，位于北纬36°41′19″～38°16′14″，东经117°15′27″～118°37′03″。南北最长纵距175千米，东西最大跨径120千米，总面积9660平方千米</p><p>2000年6月18日撤地设市，人口380万(2014年)，现辖滨城区、沾化区、惠民县、阳信县、无棣县、博兴县、邹平县五县二区和滨州经济开发区、滨州高新技术产业开发区、滨州北海经济开发区，是黄河三角洲区域内最大的行政区。</p><p>滨州历史文化悠久，是黄河文化和齐文化的发祥地之一，是渤海革命老区中心区、渤海区党委机关驻地，古代著名军事思想家孙武、汉孝子董永、宋代著名政治家范仲淹、清代帝师杜受田出生或成长在这里。</p><p>滨州先后荣获国家卫生城市、全国双拥模范城市、全国科技进步先进市、中国特色魅力城市、中国水土保持生态环境示范市、中国优秀旅游城市、山东省适宜人居环境城市、山东省园林城市等称号。滨州区位交通优势明显，北拥渤海，黄河横穿城市，是连接苏、鲁、京、津的重要通道、鲁北到河北的必经之地，国家级交通运输主枢纽城市。</p><h2 id="政务中心拍摄"><a href="#政务中心拍摄" class="headerlink" title="政务中心拍摄"></a>政务中心拍摄</h2><p>滨州政务服务中心实景拍摄</p><table rules="none" align="center">  <tr>    <td align="center">      <img src=" /kali/1.jpg" width="100%" /><br />      <font color="#ff0909">二楼大屏</font>    </td>    <td align="center">      <img src=" /kali/2.jpg" width="100%" /><br />      <font color="#ff0000">工作人员服务中</font>    </td>  </tr></table><table rules="none" align="center">  <tr>    <td align="center">      <img src=" /kali/3.jpg" width="100%" /><br />      <font color="#ff0909">解答中</font>    </td>    <td align="center">      <img src=" /kali/4.jpg" width="100%" /><br />      <font color="#ff0000">二楼电脑区</font>    </td>  </tr></table><table rules="none" align="center">  <tr>    <td align="center">      <img src=" /kali/5.jpg" width="100%" /><br />      <font color="#ff0909">美女戴口罩不热吗？</font>    </td>    <td align="center">      <img src=" /kali/6.jpg" width="100%" /><br />      <font color="#ff0000">审批服务中心二楼大厅</font>    </td>  </tr></table><table rules="none" align="center">  <tr>    <td align="center">      <img src=" /kali/7.jpg" width="100%" /><br />      <font color="#ff0909">电脑自助</font>    </td>    <td align="center">      <img src=" /kali/9.jpg" width="100%" /><br />      <font color="#ff0000">审批服务中心二楼大厅</font>    </td>  </tr></table><table rules="none" align="center">  <tr>    <td align="center">      <img src=" /kali/8.jpg" width="100%" /><br />      <font color="#ff0909">美女戴口罩不热吗？</font>  </tr></table>]]>
    </content>
    <id>https://80tz.cn/2026/04/23/zw/</id>
    <link href="https://80tz.cn/2026/04/23/zw/"/>
    <published>2026-04-23T04:09:00.000Z</published>
    <summary>服务好 素质高 热情为民 为人民服务</summary>
    <title>滨州市政务服务中心</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="AI 思考 终极目标" scheme="https://80tz.cn/tags/AI-%E6%80%9D%E8%80%83-%E7%BB%88%E6%9E%81%E7%9B%AE%E6%A0%87/"/>
    <content>
      <![CDATA[<p align="center">  <a href="#">AI对你来说没有用</a> </p><!-- <p align="center">  <a href="#">点击下面图片有优惠</a> </p> --><!-- [![广告推广](/img/55.gif)](https://www.aliyun.com/minisite/goods?userCode=vjd0vag2) --><!-- {% note success %}别再自欺欺人了！Artificial Intelligence风口就是当代最大的智商税，谁信谁傻！{% endnote %} --><ul><li><p><a href="#%E5%B7%A5%E4%B8%9A%E6%89%8D%E6%98%AF%E5%BC%BA%E5%9B%BD%E4%B9%8B%E8%B7%AF">工业是基础</a></p></li><li><p><a href="#%E4%BB%80%E4%B9%88%E5%8F%AB%E5%8A%A1%E5%AE%9E">我们要务实</a></p></li></ul><h2 id="工业才是强国之路"><a href="#工业才是强国之路" class="headerlink" title="工业才是强国之路"></a>工业才是强国之路</h2><p>首先我先问列位一个问题：</p><ul><li><p>1.民用工业的机器底层代码是什么？</p></li><li><p>2.民用机械和军用机械的底层代码是什么？</p></li><li><p>3.你了解中国计算机普及率多少吗？</p></li></ul><p>或许这几个问题你没仔细想过;也可能真不知道，下面公布答案</p><blockquote><p>这些底层代码虽然各有不同，但是都同时指向一个‌C&#x2F;C++‌ </p></blockquote><blockquote><p>截至2025年底，‌中国互联网普及率已达到80.1%‌，网民规模为‌11.25亿人‌‌.需要注意的是，当前公开资料中通常统计的是“‌互联网普及率‌”，而非单独的“计算机使用普及率”。也就是说我们国民上网的很多，但是真正掌握这个技术的有多少呢？</p></blockquote><blockquote><p>今天这个大厂发布颠覆性功能，吹得神乎其神，你急着去学；明天那个模型更新，号称改变世界，你又急着去追。笔者是想说，适合自己是最好的，没有你想的那么神乎其神</p></blockquote><p>C++ 编程语言是由丹麦计算机科学家‌本贾尼·斯特劳斯特卢普‌（Bjarne Stroustrup）发明的 。他于 1979 年在 AT&amp;T 贝尔实验室开始研发该语言，最初称为”C with Classes”，1983 年正式命名为 C++。‌</p><p>‌发明背景‌：C++ 是在 C 语言的基础上扩展升级而产生，旨在结合 C 语言的高效性与 Simula 语言的面向对象特性 。‌<br>‌<br>‌核心贡献‌：斯特劳斯特卢普不仅是 C++ 的设计者，也是其最早的实现者，被誉为”C++ 之父”。‌‌‌</p><p>‌发展历程‌：该语言自发明以来经历了多次标准化修订，广泛应用于系统编程、游戏开发及大数据处理等领域 。‌</p><p>在我看来AI只是使用计算机真正工作的（我这里说的是真正有使用价值）游戏、或者摆设除外的，一种辅助工作工具。他就像厨师以前的刀具，现在升级了，有电动的了，或者数控的了。但是对于不懂厨艺，不懂炒菜的人，给你工具，你也不会做呀…</p><p>所以说，AI会替代程序员，前段时间有一个大厂的人大言不惭的说，现在软件是日抛，我们不做软件开发，我不允许我员工写文档，全部靠AI，你真是细粮吃多了，（何不食肉糜），这种现象，并不是个人现象，而是一群没有实际调查就乱发言的人的一个缩影..(你他妈把你的信息，全部丢给AI，看看AI能不能给你造出你另一个爹)</p><p>全国计算机操作都不会，开机关机都不会的人，还有老人化严重，生育率低下，就算你有AI，几个用的？几个会用的？就是炒作流量，卖包月，包年…换了一个名字TOKEN接着收费…</p><p>就算会计算机操作，有几个懂编程的，懂真正然他变现的..笔者是不相信什么AI能替代人类，去他妈的….</p><p>我这里只是想说，国家要富强，不要制造一些风口，要认清自己的国情，和国民的素质，今天这个导师开课，明天那个大佬晒图，张口闭口时代淘汰、岗位消失、最后机遇，把AI吹成了普通人逆天改命的唯一稻草。</p><p>你听得心潮澎湃，恨不得立刻交钱报课、熬夜死磕，幻想着靠AI实现阶层跨越，从此告别苦逼日子。</p><p>别跟我扯什么技术革命、未来趋势，技术是真技术，风口是假风口，被吹起来的，全是想割你韭菜的人。</p><p>你去看看身边，那些天天把AI挂嘴边、报了一堆课、研究各种部署和工作流的人，有几个真靠AI赚到钱了？</p><p>别说暴富，连多赚点零花钱的都没几个，反倒是钱花了不少，时间耗了一堆，最后该咋样还是咋样。</p><p>为什么？因为你们从一开始，就把逻辑彻底搞反了。</p><p>绝大多数人的思路是：先学AI，再找项目，靠AI找饭吃。</p><p>这纯纯是本末倒置，脑袋拎不清。</p><p>真正吃到技术红利的人，思路永远只有一个：</p><p>先有饭吃，再用AI多吃一口；先有业务，再用AI提效提速。</p><p>你本身就有干不完的活、跑不完的业务、处理不完的信息，AI进来帮你省时间、降成本、提效率，这才叫有用。</p><p>你啥也没有，一没资源二没渠道三没积累，光抱着个AI工具，就想凭空变出财富，这不叫抓风口，这叫白日做梦。</p><p>前段时间各种海外模型爆火，全网焦虑直接拉满，好像你今天不学，明天就被社会淘汰。</p><p>一群人跟风冲进去，买课、买会员、研究各种花里胡哨的工作流，软件装了一大堆，笔记写了好几本，听起来头头是道。</p><p>可你扪心自问，你用这些高大上的AI功能，解决了什么实际问题？</p><p>是多谈成客户了，还是多赚真金白银了？是把工作效率翻倍了，还是彻底解放自己了？</p><p>大多数人折腾到最后才发现，需要大费周章才能用的AI功能，自己根本没地方用；</p><p>日常真正高频用到的，随便一个普通工具就能搞定，根本用不着你追什么前沿、什么顶级模型。</p><p>而那些被吹上天的高级功能，对你来说就是低频、虚浮、不落地的空中楼阁，看着炫酷，实则毫无用处，纯粹满足你的自我感动。</p><h2 id="什么叫务实？"><a href="#什么叫务实？" class="headerlink" title="什么叫务实？"></a>什么叫务实？</h2><p>人家本来就有内容生意，用AI批量生产，降低人工成本，这叫增效；</p><p>人家本来就有大量数据要处理，用AI简化流程，这叫提效；</p><p>人家本来就有成熟业务，用AI优化服务，这叫升级。</p><p>AI是锦上添花，不是无中生有。</p><p>再看看网上那些晒收益、晒截图、靠AI工作流月入六位数七位数的，我告诉你真相，能听进去是你的福气：</p><p>他们根本没有实际业务，他们的业务，就是收割你们这些想靠AI赚钱的人。</p><p>现在AI圈子里最稳赚不赔的生意，根本不是用AI赚钱，而是教别人怎么用AI赚钱。</p><p>真正靠AI降本增效、闷声发财的人，恨不得藏着掖着，生怕被骂、被关注；</p><p>只有割韭菜的，才会大张旗鼓制造恐慌，告诉你不抓AI就是废物，跟不上时代就注定底层。</p><p>所以AI对普通人来说，到底是什么？</p><p>就是一个稍微聪明点的工具，一个能帮你偷懒的助手，仅此而已。</p><p>别给它加戏，别把它神化。</p><p>它和洗衣机、扫地机器人没有任何本质区别。</p><p>洗衣机解放你的双手，AI解放你一点脑力劳动。</p><p>你会因为会用洗衣机，就觉得自己抓住时代风口了吗？</p><p>你会因为会用吸尘器，就觉得自己要财富自由了吗？</p><p>等你好不容易学会了，几个月后一看，这功能早就被各大APP做成一个小按钮，点一下就能用，根本用不着你专门花钱花时间去学。</p><p>语音识别当年多颠覆？现在人人都能用，谁还觉得这是需要报课的高端技能？</p><p>文生图、图生视频、智能体，未来再出什么新花样，记住一句话：</p><p>大厂会想尽办法适配你，而不是你跪着去适配新技术。</p><p>为了让你用，他们甚至倒贴钱，你根本没必要当小白鼠，更没必要交智商税。</p><p>还有那个全网狂炒的谎言：AI要大规模替代人类，大批岗位即将消失。</p><p>我告诉你，纯扯淡。</p><p>理论上AI能覆盖的岗位，和实际能用起来的，中间差了十万八千里。</p><p>AI想真正落地企业，要对接系统、要整合数据、要合规审查、要员工适应、要兜底责任，每一步都是成本，每一步都是阻力。</p><p>更何况，绝大多数工作根本不是纯信息处理，而是信息处理+人际博弈+线下实操+人情世故的综合体。</p><p>金融、法律、互联网这些看似最容易被替代的行业，实际落地率低得可怜。</p><p>因为工作不只是算数据、出方案，还要谈客户、搞关系、做决策、担责任，这些AI永远替代不了。</p><p>媒体最会偷换概念，把AI能完成一个小任务，吹成AI能取代整个岗位。</p><p>还有一个致命问题，他们绝口不提：出了事谁负责？</p><p>医疗、法律、安全相关领域，AI敢做主吗？</p><p>出了医疗事故、法律差错、安全问题，你甩锅给AI？法律不认，社会不认，谁都不认。</p><p>没有责任兜底，AI就永远只能是辅助，不可能替代人。</p><p>技术到替代，中间隔着产品、流程、管理、法律、人性，层层衰减，所谓AI取代人类，至今只是PPT里的幻想。</p><p>那AI真正的价值到底是什么？</p><p>不是炫酷，不是颠覆，不是让人天天挂在嘴边炒作。</p><p>而是它会彻底隐身。</p><p>像水、像电、像互联网一样，悄无声息渗透进你生活的每一个角落。</p><p>拍照自动修图，打字自动联想，刷视频自动推荐，打车自动规划路线，你根本不会意识到自己在用AI，就像你不会天天感慨自己在用互联网。</p><p>微信刚出来的时候，所有人都在吵风口、颠覆、机遇；</p><p>现在它成了基础设施，没人再拿它炒暴富神话。</p><p>AI的终局也是如此。</p><p>它会退到幕后，藏进每一个软件、每一台设备，你不用学、不用追、不用报课，它就在那里，让生活顺手一点，工作轻松一点。</p><p>真正伟大的技术，从来都是隐身的；</p><p>越被捧上神坛、越被炒作焦虑的，越有问题。</p><p>那些天天把AI吹上天的人，最怕AI变成人人可用的基础设施，因为那样他们就没法收割了。</p><p>他们需要AI保持神秘、保持焦虑、保持高高在上，好让他们一手卖恐惧，一手收钞票。</p><p>最后给所有普通人一句狠话：</p><p>别指望AI改命，能救你的只有你自己。</p><p>真正让你赚钱的，是你深耕多年的领域，是你积累的资源、经验、信息差，是你踩过的坑、吃过的苦、攒下的门道。</p><p>AI不是你的救命稻草，不是你的翻身神器，只是你原有道路上的一个加速器。</p><p>别再被一张P图、一段话术、一场焦虑带偏，今天追AI，明天赶短剧，后天搞跨境，最后啥也没做成，钱全给别人交了学费。</p><p>手里有啥就用好啥，擅长什么就深耕什么，在自己的地盘里做到极致，再用AI稍微提提速，这就够了。</p><p>别当韭菜，别当傻子，别自己感动自己。</p><p>以后再有人跟你贩卖AI焦虑、忽悠你报课交钱，直接拉黑，一个字都别信。</p><p>踏踏实实做事，比任何虚无缥缈的风口，都靠谱一万倍。</p><p>文章转载自网络，也有自己的写作，如有侵权，联系删除.</p>]]>
    </content>
    <id>https://80tz.cn/2026/04/21/ai/</id>
    <link href="https://80tz.cn/2026/04/21/ai/"/>
    <published>2026-04-21T04:09:00.000Z</published>
    <summary>提高生产力 普及AI 任重道远</summary>
    <title>Artificial Intelligence 给我们带来什么？</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
  <entry>
    <author>
      <name>小朱 195-5426-3693</name>
    </author>
    <category term="系统" scheme="https://80tz.cn/categories/%E7%B3%BB%E7%BB%9F/"/>
    <category term="编程 修改 主页" scheme="https://80tz.cn/tags/%E7%BC%96%E7%A8%8B-%E4%BF%AE%E6%94%B9-%E4%B8%BB%E9%A1%B5/"/>
    <content>
      <![CDATA[<blockquote><p>改了一下主页的效果 不太好 希望慎重引用</p></blockquote><h3 id="目录"><a href="#目录" class="headerlink" title="目录"></a>目录</h3><ul><li><a href="#1-%E6%B7%BB%E5%8A%A0%E9%BC%A0%E6%A0%87%E7%A7%BB%E5%8A%A8%E5%B0%8F%E6%98%9F%E6%98%9F%E7%89%B9%E6%95%88">1-添加鼠标移动小星星特效</a></li><li><a href="#2-%E5%8D%9A%E5%AE%A2%E5%BA%95%E9%83%A8%E6%B7%BB%E5%8A%A0%E8%BF%90%E8%A1%8C%E6%97%B6%E9%97%B4">2-博客底部添加运行时间</a></li><li><a href="#3-%E6%9B%BF%E6%8D%A2mac%E9%A3%8E%E6%A0%BC%E4%BB%A3%E7%A0%81%E5%9D%97">3-替换Mac风格代码块</a></li><li><a href="#4-%E9%A6%96%E5%B1%8F%E5%9B%BE%E7%89%87%E6%B7%BB%E5%8A%A0%E4%B8%8A%E5%8D%87%E6%B0%94%E6%B3%A1%E7%89%B9%E6%95%88">4-首屏图片添加上升气泡特效</a></li><li><a href="#5-%E5%A2%9E%E5%8A%A0%E6%89%93%E8%B5%8F%E6%A8%A1%E5%9D%97">5-增加打赏模块</a></li><li><a href="#6-%E9%A6%96%E9%A1%B5%E6%96%87%E7%AB%A0%E6%BB%91%E5%8A%A8%E6%95%88%E6%9E%9C">6-首页文章滑动效果</a><ul><li><a href="#scrollanimationcss%E4%BB%A3%E7%A0%81%E5%A6%82%E4%B8%8B">scrollAnimation.css代码如下：</a></li><li><a href="#scrollanimationjs%E4%BB%A3%E7%A0%81%E5%A6%82%E4%B8%8B">scrollAnimation.js代码如下:</a></li></ul></li><li><a href="#7-%E8%83%8C%E6%99%AF%E9%9F%B3%E4%B9%90%E6%9C%80%E5%B0%8F%E5%8C%96%E5%88%87%E6%8D%A2%E5%81%9C%E6%AD%A2">7-背景音乐最小化切换停止</a></li><li><a href="#8-%E4%BC%98%E5%8C%96%E7%89%88%E6%9D%83%E8%AF%B4%E6%98%8E">8-优化版权说明</a></li><li><a href="#9-%E8%83%8C%E6%99%AF%E5%8A%A8%E6%80%81%E5%8A%A8%E6%80%81%E7%BA%BF%E6%9D%A1%E6%95%88%E6%9E%9C">9-背景动态效果</a></li></ul><h2 id="1-添加鼠标移动小星星特效"><a href="#1-添加鼠标移动小星星特效" class="headerlink" title="1-添加鼠标移动小星星特效"></a>1-添加鼠标移动小星星特效</h2><p>在主题文件themes\fluid\source\js目录下新建样式文件，如stars.js</p><h2 id="2-博客底部添加运行时间"><a href="#2-博客底部添加运行时间" class="headerlink" title="2-博客底部添加运行时间"></a>2-博客底部添加运行时间</h2><p>修改footer.ejs，在第一行后面追加：</p><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br></pre></td><td class="code"><pre><code class="hljs javascript">&lt;div&gt;<br>  <span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;timeDate&quot;</span>&gt;</span>正在载入天数...<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></span><br>  <span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;times&quot;</span>&gt;</span>载入时分秒...<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span></span><br>  <span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript"></span></span><br><span class="language-javascript"><span class="language-xml">  <span class="hljs-keyword">var</span> now = <span class="hljs-keyword">new</span> <span class="hljs-title class_">Date</span>();</span></span><br><span class="language-javascript"><span class="language-xml">  <span class="hljs-keyword">function</span> <span class="hljs-title function_">createtime</span>(<span class="hljs-params"></span>)&#123;</span></span><br><span class="language-javascript"><span class="language-xml">      <span class="hljs-keyword">var</span> grt= <span class="hljs-keyword">new</span> <span class="hljs-title class_">Date</span>(<span class="hljs-string">&quot;08/17/2020 00:00:00&quot;</span>);</span></span><br><span class="language-javascript"><span class="language-xml">      now.<span class="hljs-title function_">setTime</span>(now.<span class="hljs-title function_">getTime</span>()+<span class="hljs-number">250</span>);</span></span><br><span class="language-javascript"><span class="language-xml">      days = (now - grt ) / <span class="hljs-number">1000</span> / <span class="hljs-number">60</span> / <span class="hljs-number">60</span> / <span class="hljs-number">24</span>;</span></span><br><span class="language-javascript"><span class="language-xml">      dnum = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(days);</span></span><br><span class="language-javascript"><span class="language-xml">      hours = (now - grt ) / <span class="hljs-number">1000</span> / <span class="hljs-number">60</span> / <span class="hljs-number">60</span> - (<span class="hljs-number">24</span> * dnum);</span></span><br><span class="language-javascript"><span class="language-xml">      hnum = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(hours);</span></span><br><span class="language-javascript"><span class="language-xml">      <span class="hljs-keyword">if</span>(<span class="hljs-title class_">String</span>(hnum).<span class="hljs-property">length</span> ==<span class="hljs-number">1</span> )&#123;</span></span><br><span class="language-javascript"><span class="language-xml">          hnum = <span class="hljs-string">&quot;0&quot;</span> + hnum;</span></span><br><span class="language-javascript"><span class="language-xml">      &#125;</span></span><br><span class="language-javascript"><span class="language-xml">      minutes = (now - grt ) / <span class="hljs-number">1000</span> /<span class="hljs-number">60</span> - (<span class="hljs-number">24</span> * <span class="hljs-number">60</span> * dnum) - (<span class="hljs-number">60</span> * hnum);</span></span><br><span class="language-javascript"><span class="language-xml">      mnum = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(minutes);</span></span><br><span class="language-javascript"><span class="language-xml">      <span class="hljs-keyword">if</span>(<span class="hljs-title class_">String</span>(mnum).<span class="hljs-property">length</span> ==<span class="hljs-number">1</span> )&#123;</span></span><br><span class="language-javascript"><span class="language-xml">                mnum = <span class="hljs-string">&quot;0&quot;</span> + mnum;</span></span><br><span class="language-javascript"><span class="language-xml">      &#125;</span></span><br><span class="language-javascript"><span class="language-xml">      seconds = (now - grt ) / <span class="hljs-number">1000</span> - (<span class="hljs-number">24</span> * <span class="hljs-number">60</span> * <span class="hljs-number">60</span> * dnum) - (<span class="hljs-number">60</span> * <span class="hljs-number">60</span> * hnum) - (<span class="hljs-number">60</span> * mnum);</span></span><br><span class="language-javascript"><span class="language-xml">      snum = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">round</span>(seconds);</span></span><br><span class="language-javascript"><span class="language-xml">      <span class="hljs-keyword">if</span>(<span class="hljs-title class_">String</span>(snum).<span class="hljs-property">length</span> ==<span class="hljs-number">1</span> )&#123;</span></span><br><span class="language-javascript"><span class="language-xml">                snum = <span class="hljs-string">&quot;0&quot;</span> + snum;</span></span><br><span class="language-javascript"><span class="language-xml">      &#125;</span></span><br><span class="language-javascript"><span class="language-xml">      <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">&quot;timeDate&quot;</span>).<span class="hljs-property">innerHTML</span> = <span class="hljs-string">&quot;🚀已持续航行&amp;nbsp&quot;</span>+dnum+<span class="hljs-string">&quot;&amp;nbsp天&quot;</span>;  </span></span><br><span class="language-javascript"><span class="language-xml">      <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">&quot;times&quot;</span>).<span class="hljs-property">innerHTML</span> = hnum + <span class="hljs-string">&quot;&amp;nbsp时&amp;nbsp&quot;</span> + mnum + <span class="hljs-string">&quot;&amp;nbsp分&amp;nbsp&quot;</span> + snum + <span class="hljs-string">&quot;&amp;nbsp秒&quot;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">  &#125;</span></span><br><span class="language-javascript"><span class="language-xml">  <span class="hljs-built_in">setInterval</span>(<span class="hljs-string">&quot;createtime()&quot;</span>,<span class="hljs-number">250</span>);</span></span><br><span class="language-javascript"><span class="language-xml">  </span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><br>&lt;/div&gt;<br></code></pre></td></tr></table></figure><h2 id="3-替换Mac风格代码块"><a href="#3-替换Mac风格代码块" class="headerlink" title="3-替换Mac风格代码块"></a>3-替换Mac风格代码块</h2><p>在主题文件themes\fluid\source\css目录下新建样式文件，如macpanel.styl，内容参考：</p><figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><code class="hljs css"><span class="hljs-selector-class">.highlight</span><br>    <span class="hljs-attribute">background</span>: <span class="hljs-number">#21252b</span><br>    border-radius: <span class="hljs-number">5px</span><br>    box-shadow: <span class="hljs-number">0</span> <span class="hljs-number">10px</span> <span class="hljs-number">30px</span> <span class="hljs-number">0</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, .<span class="hljs-number">4</span>)<br>    padding-top: <span class="hljs-number">30px</span><br><br>    &amp;::before<br>      background: <span class="hljs-number">#fc625d</span><br>      border-radius: <span class="hljs-number">50%</span><br>      box-shadow: <span class="hljs-number">20px</span> <span class="hljs-number">0</span> <span class="hljs-number">#fdbc40</span>, <span class="hljs-number">40px</span> <span class="hljs-number">0</span> <span class="hljs-number">#35cd4b</span><br>      content: <span class="hljs-string">&#x27; &#x27;</span><br>      height: <span class="hljs-number">12px</span><br>      left: <span class="hljs-number">12px</span><br>      margin-top: -<span class="hljs-number">20px</span><br>      position: absolute<br>      width: <span class="hljs-number">12px</span><br></code></pre></td></tr></table></figure><h2 id="4-首屏图片添加上升气泡特效"><a href="#4-首屏图片添加上升气泡特效" class="headerlink" title="4-首屏图片添加上升气泡特效"></a>4-首屏图片添加上升气泡特效</h2><p>修改banner.ejs在底部加入以下代码</p><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br></pre></td><td class="code"><pre><code class="hljs javascript">&lt;% <span class="hljs-keyword">if</span>(<span class="hljs-title function_">in_scope</span>(<span class="hljs-string">&#x27;home&#x27;</span>)) &#123; %&gt;<br>  <span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;height:500px&quot;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;bubbles&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span><br>  <span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript"></span></span><br><span class="language-javascript"><span class="language-xml">    <span class="hljs-title function_">circleMagic</span>();</span></span><br><span class="language-javascript"><span class="language-xml">    <span class="hljs-keyword">function</span> <span class="hljs-title function_">circleMagic</span>(<span class="hljs-params">options</span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">let</span> width;</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">let</span> height;</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">let</span> canvas;</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">let</span> ctx;</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">let</span> animateHeader = <span class="hljs-literal">true</span>;</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">const</span> circles = [];</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">const</span> settings = options || &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-attr">color</span>: <span class="hljs-string">&#x27;rgba(255,255,255,.3)&#x27;</span>,</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-attr">radius</span>: <span class="hljs-number">10</span>,</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-attr">density</span>: <span class="hljs-number">0.1</span>,</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-attr">clearOffset</span>: <span class="hljs-number">0.7</span></span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">const</span> container = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">&#x27;bubbles&#x27;</span>);</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-title function_">initContainer</span>();</span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-title function_">addListeners</span>();</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">initContainer</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            width = container.<span class="hljs-property">offsetWidth</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            height = container.<span class="hljs-property">offsetHeight</span> - <span class="hljs-number">120</span>;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-title function_">initCanvas</span>();</span></span><br><span class="language-javascript"><span class="language-xml">            canvas = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">&#x27;homeTopCanvas&#x27;</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">width</span> = width;</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">height</span> = height;</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">style</span>.<span class="hljs-property">position</span> = <span class="hljs-string">&#x27;absolute&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">style</span>.<span class="hljs-property">left</span> = <span class="hljs-string">&#x27;0&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">style</span>.<span class="hljs-property">bottom</span> = <span class="hljs-string">&#x27;0&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            ctx = canvas.<span class="hljs-title function_">getContext</span>(<span class="hljs-string">&#x27;2d&#x27;</span>);</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> x = <span class="hljs-number">0</span>; x &lt; width * settings.<span class="hljs-property">density</span>; x++) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                <span class="hljs-keyword">const</span> c = <span class="hljs-keyword">new</span> <span class="hljs-title class_">Circle</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                circles.<span class="hljs-title function_">push</span>(c);</span></span><br><span class="language-javascript"><span class="language-xml">            &#125;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-title function_">animate</span>();</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">initCanvas</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">const</span> canvasElement = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">createElement</span>(<span class="hljs-string">&#x27;canvas&#x27;</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            canvasElement.<span class="hljs-property">id</span> = <span class="hljs-string">&#x27;homeTopCanvas&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            canvasElement.<span class="hljs-property">style</span>.<span class="hljs-property">pointerEvents</span> = <span class="hljs-string">&#x27;none&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            container.<span class="hljs-title function_">appendChild</span>(canvasElement);</span></span><br><span class="language-javascript"><span class="language-xml">            canvasElement.<span class="hljs-property">parentElement</span>.<span class="hljs-property">style</span>.<span class="hljs-property">overflow</span> = <span class="hljs-string">&#x27;hidden&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">addListeners</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-variable language_">window</span>.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;scroll&#x27;</span>, scrollCheck, <span class="hljs-literal">false</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-variable language_">window</span>.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;resize&#x27;</span>, resize, <span class="hljs-literal">false</span>);</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">scrollCheck</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">if</span> (<span class="hljs-variable language_">document</span>.<span class="hljs-property">body</span>.<span class="hljs-property">scrollTop</span> &gt; height) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                animateHeader = <span class="hljs-literal">false</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            &#125; <span class="hljs-keyword">else</span> &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                animateHeader = <span class="hljs-literal">true</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            &#125;</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">resize</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            width = container.<span class="hljs-property">clientWidth</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            height = container.<span class="hljs-property">clientHeight</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            container.<span class="hljs-property">height</span> = height + <span class="hljs-string">&#x27;px&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">width</span> = width;</span></span><br><span class="language-javascript"><span class="language-xml">            canvas.<span class="hljs-property">height</span> = height;</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">animate</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">if</span> (animateHeader) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                ctx.<span class="hljs-title function_">clearRect</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, width, height);</span></span><br><span class="language-javascript"><span class="language-xml">                <span class="hljs-keyword">for</span> (<span class="hljs-keyword">const</span> i <span class="hljs-keyword">in</span> circles) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                    circles[i].<span class="hljs-title function_">draw</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                &#125;</span></span><br><span class="language-javascript"><span class="language-xml">            &#125;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-title function_">requestAnimationFrame</span>(animate);</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">randomColor</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">const</span> r = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(<span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * <span class="hljs-number">255</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">const</span> g = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(<span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * <span class="hljs-number">255</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">const</span> b = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(<span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * <span class="hljs-number">255</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">const</span> alpha = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>().<span class="hljs-title function_">toPrecision</span>(<span class="hljs-number">2</span>);</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">return</span> <span class="hljs-string">&#x27;rgba(&#x27;</span> + r + <span class="hljs-string">&#x27;, &#x27;</span> + g + <span class="hljs-string">&#x27;, &#x27;</span> + b + <span class="hljs-string">&#x27;, &#x27;</span> + alpha + <span class="hljs-string">&#x27;)&#x27;</span>;</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml"></span></span><br><span class="language-javascript"><span class="language-xml">        <span class="hljs-keyword">function</span> <span class="hljs-title function_">Circle</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">const</span> that = <span class="hljs-variable language_">this</span>;</span></span><br><span class="language-javascript"><span class="language-xml">            (<span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">pos</span> = &#123;&#125;;</span></span><br><span class="language-javascript"><span class="language-xml">                <span class="hljs-title function_">init</span>();</span></span><br><span class="language-javascript"><span class="language-xml">            &#125;)();</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-keyword">function</span> <span class="hljs-title function_">init</span>(<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">pos</span>.<span class="hljs-property">x</span> = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * width;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">pos</span>.<span class="hljs-property">y</span> = height + <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * <span class="hljs-number">100</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">alpha</span> = <span class="hljs-number">0.1</span> + <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * settings.<span class="hljs-property">clearOffset</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">scale</span> = <span class="hljs-number">0.1</span> + <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * <span class="hljs-number">0.3</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">speed</span> = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                <span class="hljs-keyword">if</span> (settings.<span class="hljs-property">color</span> === <span class="hljs-string">&#x27;random&#x27;</span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                    that.<span class="hljs-property">color</span> = <span class="hljs-title function_">randomColor</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                &#125; <span class="hljs-keyword">else</span> &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                    that.<span class="hljs-property">color</span> = settings.<span class="hljs-property">color</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                &#125;</span></span><br><span class="language-javascript"><span class="language-xml">            &#125;</span></span><br><span class="language-javascript"><span class="language-xml">            <span class="hljs-variable language_">this</span>.<span class="hljs-property">draw</span> = <span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                <span class="hljs-keyword">if</span> (that.<span class="hljs-property">alpha</span> &lt;= <span class="hljs-number">0</span>) &#123;</span></span><br><span class="language-javascript"><span class="language-xml">                    <span class="hljs-title function_">init</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                &#125;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">pos</span>.<span class="hljs-property">y</span> -= that.<span class="hljs-property">speed</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                that.<span class="hljs-property">alpha</span> -= <span class="hljs-number">0.0005</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                ctx.<span class="hljs-title function_">beginPath</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                ctx.<span class="hljs-title function_">arc</span>(</span></span><br><span class="language-javascript"><span class="language-xml">                    that.<span class="hljs-property">pos</span>.<span class="hljs-property">x</span>,</span></span><br><span class="language-javascript"><span class="language-xml">                    that.<span class="hljs-property">pos</span>.<span class="hljs-property">y</span>,</span></span><br><span class="language-javascript"><span class="language-xml">                    that.<span class="hljs-property">scale</span> * settings.<span class="hljs-property">radius</span>,</span></span><br><span class="language-javascript"><span class="language-xml">                    <span class="hljs-number">0</span>,</span></span><br><span class="language-javascript"><span class="language-xml">                    <span class="hljs-number">2</span> * <span class="hljs-title class_">Math</span>.<span class="hljs-property">PI</span>,</span></span><br><span class="language-javascript"><span class="language-xml">                    <span class="hljs-literal">false</span></span></span><br><span class="language-javascript"><span class="language-xml">                );</span></span><br><span class="language-javascript"><span class="language-xml">                ctx.<span class="hljs-property">fillStyle</span> = that.<span class="hljs-property">color</span>;</span></span><br><span class="language-javascript"><span class="language-xml">                ctx.<span class="hljs-title function_">fill</span>();</span></span><br><span class="language-javascript"><span class="language-xml">                ctx.<span class="hljs-title function_">closePath</span>();</span></span><br><span class="language-javascript"><span class="language-xml">            &#125;</span></span><br><span class="language-javascript"><span class="language-xml">        &#125;</span></span><br><span class="language-javascript"><span class="language-xml">    &#125;</span></span><br><span class="language-javascript"><span class="language-xml">  </span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><br>&lt;% &#125; %&gt;<br></code></pre></td></tr></table></figure><h2 id="5-增加打赏模块"><a href="#5-增加打赏模块" class="headerlink" title="5-增加打赏模块"></a>5-增加打赏模块</h2><p>将下面代码复制粘贴，添加到 post.ejs 文章模板的 div和 hr 之间就可以了，记得保存！</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br></pre></td><td class="code"><pre><code class="hljs html"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;text-align: center; margin: auto;&quot;</span>&gt;</span><br>              <span class="hljs-comment">&lt;!--自己添加的打赏模块：开始--&gt;</span><br>              &lt;% if (theme.donate.enable) &#123; %&gt;<span class="hljs-comment">&lt;!--如果主题的 _config.yml 中开启打赏--&gt;</span><br>              <span class="hljs-tag">&lt;<span class="hljs-name">hr</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;margin: 30px 0;&quot;</span>&gt;</span><span class="hljs-comment">&lt;!--放一条水平线与文章正文内容区分--&gt;</span><br>              <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;font-size: 16px; margin-bottom: 20px; color: #666;&quot;</span>&gt;</span><br>                “&lt;%= theme.donate.message %&gt;”<br>              <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>              <br>              <span class="hljs-comment">&lt;!-- 横排显示的二维码容器 --&gt;</span><br>              <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-bottom: 20px; max-width: 700px; margin-left: auto; margin-right: auto;&quot;</span>&gt;</span><br>                <span class="hljs-comment">&lt;!-- 支付宝二维码 --&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;text-align: center;&quot;</span>&gt;</span><br>                  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;font-size: 14px; margin-bottom: 10px; color: #333;&quot;</span>&gt;</span>支付宝<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                  <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;&lt;%= theme.donate.alipay %&gt;&quot;</span> </span><br><span class="hljs-tag">                       <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;width: 300px; height: 300px; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); object-fit: contain;&quot;</span> </span><br><span class="hljs-tag">                       <span class="hljs-attr">alt</span>=<span class="hljs-string">&quot;支付宝收款码&quot;</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                <br>                <span class="hljs-comment">&lt;!-- 微信二维码 --&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;text-align: center;&quot;</span>&gt;</span><br>                  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;font-size: 14px; margin-bottom: 10px; color: #333;&quot;</span>&gt;</span>微信支付<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>                  <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;&lt;%= theme.donate.wechatpay %&gt;&quot;</span> </span><br><span class="hljs-tag">                       <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;width: 300px; height: 300px; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); object-fit: contain;&quot;</span> </span><br><span class="hljs-tag">                       <span class="hljs-attr">alt</span>=<span class="hljs-string">&quot;微信收款码&quot;</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>              <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>              <br>              <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;background-color: #000000; border: none; color: rgb(235, 155, 7); padding: 12px 30px; text-align: center; text-decoration: none; display: inline-block; border-radius: 25px; margin-top: 10px; margin-bottom: 20px; cursor: pointer; font-weight: bold; transition: all 0.3s ease;&quot;</span>&gt;</span><br>                &lt;% if (config.language == &#x27;zh-CN&#x27;) &#123; %&gt;<br>                  ❤️ 其实按钮没有用<br>                &lt;% &#125; else &#123; %&gt;<br>                  ❤️ Donate<br>                &lt;% &#125; %&gt;<br>              <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>              &lt;% &#125; %&gt;<br>            <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>            <span class="hljs-comment">&lt;!--自己添加的打赏模块：结束--&gt;</span><br></code></pre></td></tr></table></figure><p>按钮变小后的</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br></pre></td><td class="code"><pre><code class="hljs html"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;text-align: center; margin: auto;&quot;</span>&gt;</span><br>  <span class="hljs-comment">&lt;!--自己添加的打赏模块：开始--&gt;</span><br>  &lt;% if (theme.donate.enable) &#123; %&gt;<span class="hljs-comment">&lt;!--如果主题的 _config.yml 中开启打赏--&gt;</span><br>  <span class="hljs-tag">&lt;<span class="hljs-name">hr</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;margin: 30px 0;&quot;</span>&gt;</span><span class="hljs-comment">&lt;!--放一条水平线与文章正文内容区分--&gt;</span><br>  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;font-size: 16px; margin-bottom: 20px; color: #666;&quot;</span>&gt;</span><br>    <span class="hljs-comment">&lt;!-- “&lt;%= theme.donate.message %&gt;” --&gt;</span><br>  <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><br>  <span class="hljs-comment">&lt;!-- 二维码容器：优化排版，图片添加间距 --&gt;</span><br>  <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;max-width: 600px; margin: 0 auto; text-align: center;&quot;</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;&lt;%= theme.donate.alipay %&gt;&quot;</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;width: 45%; max-width: 280px; margin: 0 5px; vertical-align: middle;&quot;</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;&lt;%= theme.donate.wechatpay %&gt;&quot;</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;width: 45%; max-width: 280px; margin: 0 5px; vertical-align: middle;&quot;</span>&gt;</span><br>    <br>    <span class="hljs-comment">&lt;!-- 【美化缩小版打赏按钮】核心修改 --&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;</span></span><br><span class="hljs-string"><span class="hljs-tag">      font-size: 13px;           /* 缩小字体 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      padding: 5px 12px;         /* 缩小内边距（按钮核心变小） */</span></span><br><span class="hljs-string"><span class="hljs-tag">      background: #333;           /* 柔和深色背景 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      color: #ff9500;             /* 暖色调文字 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      border-radius: 18px;        /* 小巧圆角 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      font-weight: 600;           /* 适中加粗 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      margin-top: 15px;           /* 与二维码间距 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      cursor: pointer;</span></span><br><span class="hljs-string"><span class="hljs-tag">      transition: all 0.2s ease;  /* 流畅过渡 */</span></span><br><span class="hljs-string"><span class="hljs-tag">      display: inline-block;</span></span><br><span class="hljs-string"><span class="hljs-tag">    &quot;</span></span><br><span class="hljs-tag">    <span class="hljs-attr">onmouseover</span>=<span class="hljs-string">&quot;this.style.background=&#x27;#222&#x27;;this.style.transform=&#x27;scale(0.96)&#x27;;&quot;</span></span><br><span class="hljs-tag">    <span class="hljs-attr">onmouseout</span>=<span class="hljs-string">&quot;this.style.background=&#x27;#333&#x27;;this.style.transform=&#x27;scale(1)&#x27;;&quot;</span>&gt;</span><br>      &lt;% if (config.language == &#x27;zh-CN&#x27;) &#123; %&gt;<br>        ❤️ 扫码支持<br>      &lt;% &#125; else &#123; %&gt;<br>        ❤️ Donate<br>      &lt;% &#125; %&gt;<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>  <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>  &lt;% &#125; %&gt;<br>  <span class="hljs-comment">&lt;!--自己添加的打赏模块：结束--&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre></td></tr></table></figure><p>打开博客源文件所在的文件夹下的 _config.fluid.yml 文件（如果没有使用覆盖配置，就要打开博客源文件所在的文件夹下的 theme&#x2F;fluid&#x2F;_config.yml 文件），在最后添加如下内容：</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><code class="hljs yarm"># Donate 自己为 Fluid 主题增加的打赏功能<br># `message` 是打赏提示语，可自定义<br># `alipay` 是支付宝付款码， `wechatpay` 是微信付款码。<br>donate:<br>  enable: true<br>  message: &#x27;随缘扫码&#x27;<br>  alipay: /img/x.png<br>  wechatpay: /img/x.png<br></code></pre></td></tr></table></figure><h2 id="6-首页文章滑动效果"><a href="#6-首页文章滑动效果" class="headerlink" title="6-首页文章滑动效果"></a>6-首页文章滑动效果</h2><p>创建一个scrollAnimation.css文件，scrollAnimation.js效果，文件名可自定义（亲测，电脑端无碍，手机端滑到顶端后下拉菜单选择不显示所以放弃）所以说大道至简，博客和个人主页越简单越好，随着年龄增长越来越不喜欢复杂的东西，包括人和事….</p><h3 id="scrollAnimation-css代码如下："><a href="#scrollAnimation-css代码如下：" class="headerlink" title="scrollAnimation.css代码如下："></a>scrollAnimation.css代码如下：</h3><figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><code class="hljs CSS"><span class="hljs-selector-class">.index-card</span> &#123;<br>  <span class="hljs-attribute">transition</span>: all <span class="hljs-number">0.5s</span>;<br>  <span class="hljs-attribute">transform</span>: <span class="hljs-built_in">scale</span>(<span class="hljs-built_in">calc</span>(<span class="hljs-number">1.5</span> - <span class="hljs-number">0.5</span> * <span class="hljs-built_in">var</span>(--state)));<br>  <span class="hljs-attribute">opacity</span>: <span class="hljs-built_in">var</span>(--state);<br>  <span class="hljs-attribute">margin-bottom</span>: <span class="hljs-number">2rem</span>;<br>&#125;<br><br><span class="hljs-selector-class">.index-img</span> <span class="hljs-selector-tag">img</span> &#123;<br>  <span class="hljs-attribute">margin</span>: <span class="hljs-number">20px</span> <span class="hljs-number">0</span>;<br>&#125;<br></code></pre></td></tr></table></figure><h3 id="scrollAnimation-js代码如下"><a href="#scrollAnimation-js代码如下" class="headerlink" title="scrollAnimation.js代码如下:"></a>scrollAnimation.js代码如下:</h3><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br></pre></td><td class="code"><pre><code class="hljs js"><span class="hljs-keyword">const</span> cards = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">querySelectorAll</span>(<span class="hljs-string">&#x27;.index-card&#x27;</span>)<br><span class="hljs-keyword">if</span> (cards.<span class="hljs-property">length</span>) &#123;<br>  <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">querySelector</span>(<span class="hljs-string">&#x27;.row&#x27;</span>).<span class="hljs-title function_">setAttribute</span>(<span class="hljs-string">&#x27;style&#x27;</span>, <span class="hljs-string">&#x27;overflow: hidden;&#x27;</span>)<br>  <span class="hljs-keyword">const</span> coefficient = <span class="hljs-variable language_">document</span>.<span class="hljs-property">documentElement</span>.<span class="hljs-property">clientWidth</span> &gt; <span class="hljs-number">768</span> ? <span class="hljs-number">.5</span> : <span class="hljs-number">.3</span><br>  <span class="hljs-keyword">const</span> origin = <span class="hljs-variable language_">document</span>.<span class="hljs-property">documentElement</span>.<span class="hljs-property">clientHeight</span> - cards[<span class="hljs-number">0</span>].<span class="hljs-title function_">getBoundingClientRect</span>().<span class="hljs-property">height</span> * coefficient<br><br>  <span class="hljs-keyword">function</span> <span class="hljs-title function_">throttle</span>(<span class="hljs-params">fn, wait</span>) &#123;<br>    <span class="hljs-keyword">let</span> timer = <span class="hljs-literal">null</span>;<br>    <span class="hljs-keyword">return</span> <span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) &#123;<br>      <span class="hljs-keyword">const</span> context = <span class="hljs-variable language_">this</span>;<br>      <span class="hljs-keyword">const</span> args = <span class="hljs-variable language_">arguments</span>;<br>      <span class="hljs-keyword">if</span> (!timer) &#123;<br>        timer = <span class="hljs-built_in">setTimeout</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) &#123;<br>          fn.<span class="hljs-title function_">apply</span>(context, args);<br>          timer = <span class="hljs-literal">null</span>;<br>        &#125;, wait)<br>      &#125;<br>    &#125;<br>  &#125;<br><br>  <span class="hljs-keyword">function</span> <span class="hljs-title function_">handle</span>(<span class="hljs-params"></span>) &#123;<br>    cards.<span class="hljs-title function_">forEach</span>(<span class="hljs-function"><span class="hljs-params">card</span> =&gt;</span> &#123;<br>      card.<span class="hljs-title function_">setAttribute</span>(<span class="hljs-string">&#x27;style&#x27;</span>, <span class="hljs-string">`--state: <span class="hljs-subst">$&#123;(card.getBoundingClientRect().top - origin) &lt; <span class="hljs-number">0</span> ? <span class="hljs-number">1</span> : <span class="hljs-number">0</span>&#125;</span>;`</span>)<br>    &#125;)<br>    <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-number">1</span>)<br>  &#125;<br><br><br>  <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&quot;scroll&quot;</span>, <span class="hljs-title function_">throttle</span>(handle, <span class="hljs-number">100</span>));<br>&#125;<br></code></pre></td></tr></table></figure><h2 id="7-背景音乐最小化切换停止"><a href="#7-背景音乐最小化切换停止" class="headerlink" title="7-背景音乐最小化切换停止"></a>7-背景音乐最小化切换停止</h2><p>实现打开网页后自动播放背景音乐，并且最小化或者切换浏览器页面自动停止播放，在header最后面加入以下代码即可实现,本站打开就是实测效果</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br></pre></td><td class="code"><pre><code class="hljs html"><span class="hljs-comment">&lt;!-- 修复音频标签，闭合标签 --&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">audio</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;bg-music&quot;</span>&gt;</span><br>  Your browser does not support the audio element.<br><span class="hljs-tag">&lt;/<span class="hljs-name">audio</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-comment">// 1. 自定义音乐播放列表（添加/修改你的音乐路径）</span></span><br><span class="language-javascript"><span class="hljs-keyword">const</span> playlist = [</span><br><span class="language-javascript">  <span class="hljs-string">&quot;/mp3/hua.mp3&quot;</span>,</span><br><span class="language-javascript">  <span class="hljs-string">&quot;/mp3/song1.mp3&quot;</span>,</span><br><span class="language-javascript">  <span class="hljs-string">&quot;/mp3/song2.mp3&quot;</span>,</span><br><span class="language-javascript">  <span class="hljs-string">&quot;/mp3/song3.mp3&quot;</span></span><br><span class="language-javascript">];</span><br><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-keyword">let</span> currentIndex = <span class="hljs-number">0</span>; <span class="hljs-comment">// 当前播放索引</span></span><br><span class="language-javascript"><span class="hljs-keyword">const</span> audio = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">&#x27;bg-music&#x27;</span>);</span><br><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-comment">// 2. 核心：生成随机索引（避免连续播放同一首歌）</span></span><br><span class="language-javascript"><span class="hljs-keyword">function</span> <span class="hljs-title function_">getRandomIndex</span>(<span class="hljs-params"></span>) &#123;</span><br><span class="language-javascript">  <span class="hljs-keyword">let</span> randomIndex;</span><br><span class="language-javascript">  <span class="hljs-keyword">do</span> &#123;</span><br><span class="language-javascript">    <span class="hljs-comment">// 生成 0 ~ 列表长度-1 的随机数</span></span><br><span class="language-javascript">    randomIndex = <span class="hljs-title class_">Math</span>.<span class="hljs-title function_">floor</span>(<span class="hljs-title class_">Math</span>.<span class="hljs-title function_">random</span>() * playlist.<span class="hljs-property">length</span>);</span><br><span class="language-javascript">  &#125; <span class="hljs-keyword">while</span> (randomIndex === currentIndex); <span class="hljs-comment">// 确保和当前索引不同</span></span><br><span class="language-javascript">  <span class="hljs-keyword">return</span> randomIndex;</span><br><span class="language-javascript">&#125;</span><br><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-comment">// 3. 播放函数：随机切换音乐并播放</span></span><br><span class="language-javascript"><span class="hljs-keyword">function</span> <span class="hljs-title function_">playRandomAudio</span>(<span class="hljs-params"></span>) &#123;</span><br><span class="language-javascript">  currentIndex = <span class="hljs-title function_">getRandomIndex</span>(); <span class="hljs-comment">// 获取随机索引</span></span><br><span class="language-javascript">  audio.<span class="hljs-property">src</span> = playlist[currentIndex]; <span class="hljs-comment">// 设置随机音乐路径</span></span><br><span class="language-javascript">  audio.<span class="hljs-title function_">play</span>().<span class="hljs-title function_">catch</span>(<span class="hljs-function">() =&gt;</span> &#123;&#125;); <span class="hljs-comment">// 播放（兼容浏览器限制）</span></span><br><span class="language-javascript">&#125;</span><br><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-comment">// 4. 监听歌曲播放完毕：自动随机切歌</span></span><br><span class="language-javascript">audio.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;ended&#x27;</span>, playRandomAudio);</span><br><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-comment">// 5. 初始化：页面加载后随机播放第一首</span></span><br><span class="language-javascript"><span class="hljs-title function_">playRandomAudio</span>();</span><br><span class="language-javascript"></span><br><span class="language-javascript"><span class="hljs-comment">// 6. 保留原有核心功能：页面切换控制播放/暂停</span></span><br><span class="language-javascript"><span class="hljs-variable language_">document</span>.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;visibilitychange&#x27;</span>, <span class="hljs-function">() =&gt;</span> &#123;</span><br><span class="language-javascript">  <span class="hljs-keyword">if</span> (<span class="hljs-variable language_">document</span>.<span class="hljs-property">hidden</span>) &#123;</span><br><span class="language-javascript">    audio.<span class="hljs-title function_">pause</span>(); <span class="hljs-comment">// 页面隐藏 → 暂停</span></span><br><span class="language-javascript">  &#125; <span class="hljs-keyword">else</span> &#123;</span><br><span class="language-javascript">    <span class="hljs-title function_">playRandomAudio</span>(); <span class="hljs-comment">// 页面返回 → 继续随机播放</span></span><br><span class="language-javascript">  &#125;</span><br><span class="language-javascript">&#125;);</span><br><span class="language-javascript"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><br></code></pre></td></tr></table></figure><p>改良后的代码</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br></pre></td><td class="code"><pre><code class="hljs html"><span class="hljs-tag">&lt;<span class="hljs-name">audio</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;bg-music&quot;</span>&gt;</span><br><br>  <span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript"></span><br><span class="language-javascript">  <span class="hljs-comment">// 音乐列表</span></span><br><span class="language-javascript">  <span class="hljs-keyword">const</span> playlist = [</span><br><span class="language-javascript">    <span class="hljs-string">&quot;/mp3/zhu.mp3&quot;</span>,</span><br><span class="language-javascript">    <span class="hljs-string">&quot;/mp3/hua.mp3&quot;</span>,</span><br><span class="language-javascript">  ];</span><br><span class="language-javascript">  </span><br><span class="language-javascript">  <span class="hljs-keyword">let</span> currentIndex = <span class="hljs-number">0</span>;</span><br><span class="language-javascript">  <span class="hljs-keyword">const</span> audio = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">&#x27;bg-music&#x27;</span>);</span><br><span class="language-javascript">  audio.<span class="hljs-property">volume</span> = <span class="hljs-number">0.5</span>;</span><br><span class="language-javascript">  </span><br><span class="language-javascript">  <span class="hljs-comment">// 播放当前歌曲</span></span><br><span class="language-javascript">  <span class="hljs-keyword">function</span> <span class="hljs-title function_">playSong</span>(<span class="hljs-params"></span>) &#123;</span><br><span class="language-javascript">    audio.<span class="hljs-property">src</span> = playlist[currentIndex];</span><br><span class="language-javascript">    audio.<span class="hljs-title function_">play</span>().<span class="hljs-title function_">catch</span>(<span class="hljs-function">() =&gt;</span> &#123;&#125;);</span><br><span class="language-javascript">  &#125;</span><br><span class="language-javascript">  </span><br><span class="language-javascript">  <span class="hljs-comment">// 一首歌播放完自动下一首</span></span><br><span class="language-javascript">  audio.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;ended&#x27;</span>, <span class="hljs-function">() =&gt;</span> &#123;</span><br><span class="language-javascript">    currentIndex = (currentIndex + <span class="hljs-number">1</span>) % playlist.<span class="hljs-property">length</span>;</span><br><span class="language-javascript">    <span class="hljs-title function_">playSong</span>();</span><br><span class="language-javascript">  &#125;);</span><br><span class="language-javascript">  </span><br><span class="language-javascript">  <span class="hljs-comment">// 页面加载自动播放</span></span><br><span class="language-javascript">  <span class="hljs-variable language_">window</span>.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;DOMContentLoaded&#x27;</span>, playSong);</span><br><span class="language-javascript">  </span><br><span class="language-javascript">  <span class="hljs-comment">// 页面隐藏暂停，显示时**继续播放（不重头）**</span></span><br><span class="language-javascript">  <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">&#x27;visibilitychange&#x27;</span>, <span class="hljs-function">() =&gt;</span> &#123;</span><br><span class="language-javascript">    <span class="hljs-keyword">if</span> (<span class="hljs-variable language_">document</span>.<span class="hljs-property">hidden</span>) &#123;</span><br><span class="language-javascript">      audio.<span class="hljs-title function_">pause</span>();</span><br><span class="language-javascript">    &#125; <span class="hljs-keyword">else</span> &#123;</span><br><span class="language-javascript">      <span class="hljs-comment">// 这里只 play，不重新设置 src，就会接着暂停位置继续播</span></span><br><span class="language-javascript">      audio.<span class="hljs-title function_">play</span>().<span class="hljs-title function_">catch</span>(<span class="hljs-function">() =&gt;</span> &#123;&#125;);</span><br><span class="language-javascript">    &#125;</span><br><span class="language-javascript">  &#125;);</span><br><span class="language-javascript">  </span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><br></code></pre></td></tr></table></figure><h2 id="8-优化版权说明"><a href="#8-优化版权说明" class="headerlink" title="8-优化版权说明"></a>8-优化版权说明</h2><p>在主题目录下的 layout&#x2F;_partials&#x2F;post&#x2F;copyright.ejs 文件中搜索license &#x3D; license.toUpperCase()在下面加入以下代码</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br></pre></td><td class="code"><pre><code class="hljs html"><span class="hljs-tag">&lt;<span class="hljs-name">style</span>&gt;</span><span class="language-css"></span><br><span class="language-css"><span class="hljs-selector-class">.license-box</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">background-color</span>: <span class="hljs-number">#000</span> <span class="hljs-meta">!important</span>;</span><br><span class="language-css">  <span class="hljs-attribute">color</span>: <span class="hljs-number">#ff9500</span>;</span><br><span class="language-css">  <span class="hljs-attribute">padding</span>: <span class="hljs-number">20px</span> <span class="hljs-number">24px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">12px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">rgba</span>(<span class="hljs-number">255</span>, <span class="hljs-number">149</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>);</span><br><span class="language-css">  <span class="hljs-attribute">position</span>: relative;</span><br><span class="language-css">  <span class="hljs-attribute">margin</span>: <span class="hljs-number">16px</span> <span class="hljs-number">0</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"></span><br><span class="language-css"><span class="hljs-comment">/* 文章标题 + 链接 统一橙色 */</span></span><br><span class="language-css"><span class="hljs-selector-class">.license-title</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">margin-bottom</span>: <span class="hljs-number">16px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">padding-bottom</span>: <span class="hljs-number">12px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">border-bottom</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">rgba</span>(<span class="hljs-number">255</span>, <span class="hljs-number">149</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.15</span>);</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-selector-class">.license-title</span> &gt; <span class="hljs-selector-tag">div</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">color</span>: <span class="hljs-number">#ff9500</span> <span class="hljs-meta">!important</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-selector-class">.license-title</span> &gt; <span class="hljs-selector-tag">div</span><span class="hljs-selector-pseudo">:first-child</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">font-size</span>: <span class="hljs-number">18px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">font-weight</span>: bold;</span><br><span class="language-css">  <span class="hljs-attribute">margin-bottom</span>: <span class="hljs-number">4px</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-selector-class">.license-title</span> &gt; <span class="hljs-selector-tag">div</span><span class="hljs-selector-pseudo">:last-child</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">word-break</span>: break-all;</span><br><span class="language-css">&#125;</span><br><span class="language-css"></span><br><span class="language-css"><span class="hljs-selector-class">.license-meta</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">display</span>: flex;</span><br><span class="language-css">  <span class="hljs-attribute">flex-wrap</span>: wrap;</span><br><span class="language-css">  <span class="hljs-attribute">gap</span>: <span class="hljs-number">20px</span> <span class="hljs-number">30px</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-selector-class">.license-meta-item</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">display</span>: flex;</span><br><span class="language-css">  <span class="hljs-attribute">flex-direction</span>: column;</span><br><span class="language-css">  <span class="hljs-attribute">gap</span>: <span class="hljs-number">4px</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-comment">/* 标签文字：作者 / 发布于 / 更新于 / 许可协议 白色 */</span></span><br><span class="language-css"><span class="hljs-selector-class">.license-meta-item</span> &gt; <span class="hljs-selector-tag">div</span><span class="hljs-selector-pseudo">:first-child</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">font-size</span>: <span class="hljs-number">12px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">color</span>: <span class="hljs-number">#ffffff</span> <span class="hljs-meta">!important</span>;</span><br><span class="language-css">  <span class="hljs-attribute">opacity</span>: <span class="hljs-number">0.9</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-comment">/* 内容值：橙色 */</span></span><br><span class="language-css"><span class="hljs-selector-class">.license-meta-item</span> &gt; <span class="hljs-selector-tag">div</span><span class="hljs-selector-pseudo">:last-child</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">font-size</span>: <span class="hljs-number">15px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">color</span>: <span class="hljs-number">#ff9500</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"></span><br><span class="language-css"><span class="hljs-comment">/* 图标白色 + 发光 */</span></span><br><span class="language-css"><span class="hljs-selector-class">.license-meta</span> <span class="hljs-selector-class">.iconfont</span>,</span><br><span class="language-css"><span class="hljs-selector-class">.license-icon</span><span class="hljs-selector-class">.iconfont</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">color</span>: <span class="hljs-number">#ffffff</span> <span class="hljs-meta">!important</span>;</span><br><span class="language-css">  <span class="hljs-attribute">text-shadow</span>: </span><br><span class="language-css">    <span class="hljs-number">0</span> <span class="hljs-number">0</span> <span class="hljs-number">4px</span> <span class="hljs-number">#fff</span>,</span><br><span class="language-css">    <span class="hljs-number">0</span> <span class="hljs-number">0</span> <span class="hljs-number">10px</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">255</span>,<span class="hljs-number">149</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0.6</span>);</span><br><span class="language-css">  <span class="hljs-attribute">font-size</span>: <span class="hljs-number">20px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">margin-right</span>: <span class="hljs-number">6px</span>;</span><br><span class="language-css">  <span class="hljs-attribute">vertical-align</span>: middle;</span><br><span class="language-css">&#125;</span><br><span class="language-css"></span><br><span class="language-css"><span class="hljs-comment">/* 保留链接样式 */</span></span><br><span class="language-css"><span class="hljs-selector-class">.print-no-link</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">text-decoration</span>: none;</span><br><span class="language-css">&#125;</span><br><span class="language-css"><span class="hljs-selector-class">.print-no-link</span><span class="hljs-selector-pseudo">:hover</span> <span class="hljs-selector-class">.iconfont</span> &#123;</span><br><span class="language-css">  <span class="hljs-attribute">text-shadow</span>: </span><br><span class="language-css">    <span class="hljs-number">0</span> <span class="hljs-number">0</span> <span class="hljs-number">6px</span> <span class="hljs-number">#fff</span>,</span><br><span class="language-css">    <span class="hljs-number">0</span> <span class="hljs-number">0</span> <span class="hljs-number">14px</span> <span class="hljs-number">#ff9500</span>;</span><br><span class="language-css">&#125;</span><br><span class="language-css"></span><span class="hljs-tag">&lt;/<span class="hljs-name">style</span>&gt;</span><br><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-box my-3&quot;</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-title&quot;</span>&gt;</span><br>      <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%= page.title %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>      <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%= decode_url(full_url_for(page.path)) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-meta&quot;</span>&gt;</span><br>      &lt;% if (theme.post.copyright.author.enable &amp;&amp; (page.author || config.author)) &#123; %&gt;<br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-meta-item&quot;</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%- __(&#x27;post.copyright.author&#x27;) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%- page.author || config.author %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>      &lt;% &#125; %&gt;<br>      &lt;% if (theme.post.copyright.post_date.enable &amp;&amp; page.date) &#123; %&gt;<br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-meta-item license-meta-date&quot;</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%- __(&#x27;post.copyright.posted&#x27;) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%= full_date(page.date, theme.post.copyright.post_date.format || &#x27;LL&#x27;) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>      &lt;% &#125; %&gt;<br>      &lt;% if (theme.post.copyright.update_date.enable &amp;&amp; page.updated &amp;&amp; compare_date(page.date, page.updated)) &#123; %&gt;<br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-meta-item license-meta-date&quot;</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%- __(&#x27;post.copyright.updated&#x27;) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%= full_date(page.updated, theme.post.copyright.update_date.format || &#x27;LL&#x27;) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>      &lt;% &#125; %&gt;<br>      &lt;% if (license) &#123; %&gt;<br>        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-meta-item&quot;</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>&lt;%- __(&#x27;post.copyright.licensed&#x27;) %&gt;<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>          <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span><br>            &lt;% if ([&#x27;BY&#x27;, &#x27;BY-SA&#x27;, &#x27;BY-ND&#x27;, &#x27;BY-NC&#x27;, &#x27;BY-NC-SA&#x27;, &#x27;BY-NC-ND&#x27;].indexOf(license) !== -1) &#123; %&gt;<br>              &lt;% var items = license.split(&#x27;-&#x27;) %&gt;<br>              &lt;% for (var idx = 0; idx &lt; items.length; idx++) &#123; %&gt;<br>                <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;print-no-link&quot;</span> <span class="hljs-attr">target</span>=<span class="hljs-string">&quot;_blank&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;https://creativecommons.org/licenses/&lt;%= license.toLowerCase() %&gt;/4.0/&quot;</span>&gt;</span><br>                  <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;hint--top hint--rounded&quot;</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">&quot;&lt;%- __(&#x27;post.copyright.&#x27; + items[idx]) %&gt;&quot;</span>&gt;</span><br>                    <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;iconfont icon-cc-&lt;%= items[idx].toLowerCase() %&gt;&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><br>                  <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>              &lt;% &#125; %&gt;<br>            &lt;% &#125; else if (license === &#x27;ZERO&#x27;) &#123;  %&gt;<br>              <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;print-no-link&quot;</span> <span class="hljs-attr">target</span>=<span class="hljs-string">&quot;_blank&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;https://creativecommons.org/publicdomain/zero/1.0/&quot;</span>&gt;</span><br>                <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;hint--top hint--rounded&quot;</span> <span class="hljs-attr">aria-label</span>=<span class="hljs-string">&quot;&lt;%- __(&#x27;post.copyright.ZERO&#x27;) %&gt;&quot;</span>&gt;</span><br>                  <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;iconfont icon-cc-zero&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><br>                <span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br>              <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>            &lt;% &#125; else &#123; %&gt;<br>              &lt;%- license %&gt;<br>            &lt;% &#125; %&gt;<br>          <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>        <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>      &lt;% &#125; %&gt;<br>    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>    <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;license-icon iconfont&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br>  <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre></td></tr></table></figure><p>除了倒数第一行,然后覆盖即可.</p><h2 id="9-背景动态动态线条效果"><a href="#9-背景动态动态线条效果" class="headerlink" title="9-背景动态动态线条效果"></a>9-背景动态动态线条效果</h2><p>在 \Hexo\themes\hexo-theme-Fluid\layout\layout.ejs 文件中添加如下代码：</p><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><code class="hljs js">&lt;!--动态线条背景--&gt;<br><span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text/javascript&quot;</span></span></span><br><span class="hljs-tag"><span class="language-xml"><span class="hljs-attr">color</span>=<span class="hljs-string">&quot;220,220,220&quot;</span> <span class="hljs-attr">opacity</span>=<span class="hljs-string">&#x27;0.7&#x27;</span> <span class="hljs-attr">zIndex</span>=<span class="hljs-string">&quot;-2&quot;</span> <span class="hljs-attr">count</span>=<span class="hljs-string">&quot;200&quot;</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js&quot;</span>&gt;</span></span><br><span class="language-xml"><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></span><br></code></pre></td></tr></table></figure>]]>
    </content>
    <id>https://80tz.cn/2026/04/03/ning/</id>
    <link href="https://80tz.cn/2026/04/03/ning/"/>
    <published>2026-04-03T04:00:00.000Z</published>
    <summary>念念不忘 必有回响</summary>
    <title>修改主页记录</title>
    <updated>2026-06-01T12:31:22.000Z</updated>
  </entry>
</feed>
