<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>博客 on 印记</title>
    <link>https://yinji.org/tags/%E5%8D%9A%E5%AE%A2/</link>
    <description>Recent content in 博客 on 印记</description>
    <generator>Hugo</generator>
    <language>zh-cn</language>
    
      <managingEditor>me@yinji.org (青山)</managingEditor>
    
    
      <webMaster>me@yinji.org (青山)</webMaster>
    
    
    <copyright>Copyright © 2018-2026, huhexian.</copyright>
    
    
    <lastBuildDate>Sun, 14 Sep 2025 00:00:00 +0000</lastBuildDate>
    
    
    <atom:link href="https://yinji.org/tags/%E5%8D%9A%E5%AE%A2/feed.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>收藏的博客</title>
      <link>https://yinji.org/blogroll.html/</link>
      <pubDate>Sun, 14 Sep 2025 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/blogroll.html/</guid>
      <description>&lt;p&gt;在&lt;a href=&#34;https://firewood.news&#34; rel=&#34;noopener noreferrer&#34;&gt;积薪&lt;/a&gt;关停之后，博客阅读来源几乎只有订阅的 RSS，用 &lt;a href=&#34;https://yinji.org/day-50-of-using-follow-is-rss-experiencing-a-new-spring.html&#34;&gt;Folo&lt;/a&gt; 进行查阅。单从积薪的形式和做法来说，它是一个好项目，收录的博客都很有水准，不管是从内容、设计、风格等方面都是一些值得收藏和阅读的好网站，没能延续下去确实是一个遗憾。可能这也是网站商业化的弊端之一，要考虑受众群体的想法和需求。&lt;/p&gt;&#xA;&lt;p&gt;一个博客导航网站倒下，还会有成千上万个博客导航网站出现。现在就是如此，但同质化太严重，要么是千篇一律的模板，要么是没有严格的收录标准，一些质量低下、存活时间不长的网站输出 RSS 到首页，更是污染时间线的行为，我曾经也做过博客导航网站，也因上述原因而倒下，这次我选择做点不一样的。&lt;/p&gt;&#xA;&lt;p&gt;它只是我的一个收藏，像一个图书馆一样，把我喜欢的博客放进去，贴上我定义的标签，按我的想法进行分类，99% 的主观，不带任何广告，不掺杂任何商业元素，不接受任何自荐，我没有收藏某个博客，并不代表这个博客不好，只表示我不喜欢。因此，我这次没有使用其他网站程序，没有找所谓的导航主题，只用 Notion，并用它的自定义域名发布，有人要问了，既然自己收藏，一切都随自己想法，为什么还要公开呢，雅俗共赏，看一看别人的审美和兴趣。&lt;/p&gt;&#xA;&lt;p&gt;最初定义的是收藏一些有特色的博客网站，特色的涵盖范围比较广，包括但不限于内容本身、网站设计、文章排版等等。基于我的主观性，拒绝花里胡哨、无病呻吟之流的博客，也拒绝网络搬运、三天打鱼，两天晒网等类型的网站。现在很常见的一个现象是，是个人都能建网站，随便发点东西就能称之为博客，但实际上更多的是在污染中文互联网，制造越来越多的内容农场。与之对应的是优质内容很难快速、便捷获取，这才有了我的这个想法。&lt;/p&gt;&#xA;&lt;p&gt;目前使用 Notion 的数据库，画廊模式，添加了网址、标签、程序等字段，后续我也会在详情里添加自己的一些描述和评论。没有额外添加 RSS 地址，我几乎已经订阅了，而且如果访问到这个网站的用户，有需要，直接去博客里寻找即可。&lt;/p&gt;&#xA;&lt;p&gt;有意思的是，幸运地使用了 BlogRoll 作为 Notion 二级域名的前缀，所以网址是：&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://blogroll.notion.site&#34; rel=&#34;noopener noreferrer&#34;&gt;https://blogroll.notion.site&lt;/a&gt;&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;以上观点并不针对特定的人和网站，请勿对号入座。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;问：你为什么要收藏自己的博客？&lt;/p&gt;&#xA;&lt;p&gt;答：我乐意。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;</description>
    </item>
    <item>
      <title>那些我喜欢的博客</title>
      <link>https://yinji.org/blogs-i-like.html/</link>
      <pubDate>Thu, 11 Jul 2024 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/blogs-i-like.html/</guid>
      <description>&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-4da34ef9&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-4da34ef9&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/pic/2024/07/fcdac2443b9935773c7264bae2fd88ca.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-4da34ef9&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/pic/2024/07/fcdac2443b9935773c7264bae2fd88ca.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;千人千面，一千个读者中就有一千个哈姆雷特，独立博客圈中也是如此，每个博主都有独一无二的博客，看见圈内有人讨论那些令人讨厌或不喜欢的功能，遂心生兴趣，也来参与一番讨论。&lt;/p&gt;&#xA;&lt;p&gt;单说“功能”或许过于片面，在我看来，一个博客能否足够吸引来访的读者，功能只是其中之一，于是今天的标题即为那些我喜欢的独立博客。&lt;/p&gt;&#xA;&lt;p&gt;之前看王刚的探店视频，他提到过夜宵大排档和一般饭店的区别，夜宵大排档的菜味道重，多以咸、辣为主，而饭店则较为讲究，要考虑到不同地方的饮食习惯和口味，前者主要是让食客通过这种令人印象深刻的味道记住这家店，下回想吃夜宵就能第一时间想到它，而后者是为了让食客吃饱、吃好。&lt;/p&gt;&#xA;&lt;p&gt;我喜欢夜宵大排档，约上三五好友，配上啤酒烤串，足以畅谈各种趣事，回忆曾经美好。同时，我也喜欢像夜宵大排档一样的博客，第一次访问就能给你留下深刻的印象，可能是标新立异的logo，别有寓意的名字，也可能是精彩的内容……往往这种博客，不仅能记住它长什么样，更能记住它的域名。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://imzm.im&#34; rel=&#34;noopener noreferrer&#34;&gt;陈仓颉&lt;/a&gt;的博客，以他独具特色的 icon 让我记忆深刻，因为对其了解甚少，通过询问才得知这是注音符号，远远望去又像两人勾肩搭背，以及他的域名，imzm.im，我是最美（zm），你对他的印象自然不言而喻，确实挺美。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://pewae.com&#34; rel=&#34;noopener noreferrer&#34;&gt;破袜子&lt;/a&gt;，正常人谁取这名？域名还是大连话破袜子的发音，但博主大致确实是正常人。记住了破袜子，还记住了大连话怎么说，另外还有他不定期更新的《每夫吐槽》，第一眼看上去是每天吐槽，但文中解释说“夫=大姨夫”，人家大姨妈才一个月来一次，大姨夫吐槽凭什么天天有，所以不是每天吐槽。&lt;/p&gt;&#xA;&lt;p&gt;我的博客没什么特色，如果非要说一个，或许是右上角的印章，让我从一个二十多岁的小年轻，变成了别人眼里的中年男人，这可能不但是我的博客特色，更是我的审美特色。&lt;/p&gt;&#xA;&lt;p&gt;吸引一个人，不是需要你穿得花枝招展，也不是需要你甜言蜜语，而是细节，细节上的特色。&lt;/p&gt;&#xA;&lt;p&gt;博客上增加什么不会让人觉得多余？我觉得是一个丰富的“关于”页面。&lt;/p&gt;&#xA;&lt;p&gt;为什么需要一个关于页面，我在之前的文章里也简单分享过，从另一个角度来说，创建一个关于页面很简单，但向别人介绍你自己却不容易，就好比面试，在有限的时间里向面试官介绍尽可能详细的自己，考验你的表达能力、思考能力、观察能力。博客上的“关于”页面又何尝不是如此，但并非越详细越好，还是上面说的，细节与特色。&lt;/p&gt;&#xA;&lt;p&gt;有人说现在大家看长文的能力逐渐退化，越来越缺乏读完一篇文章的耐心，这其中固然有短视频的影响，但我们也要扪心自问，谁愿意阅读文章的时候弹出广告，谁愿意阅读那些”四种茴字写法“式的文章，谁愿意看到最后还需要登录账号，谁愿意看都还没看就弹出让你下载app的提醒。&lt;/p&gt;&#xA;&lt;p&gt;吸引一个人，不是需要你穿得花枝招展，也不是需要你甜言蜜语，而是整洁、得体。&lt;/p&gt;&#xA;&lt;p&gt;以上是我喜欢的那些博客，你不一定喜欢，也不一定非要喜欢，博客是自己的博客，喜欢是自己的喜欢，削足适履、因噎废食不可取。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>如何搭建一个博客？</title>
      <link>https://yinji.org/how-to-build-a-blog.html/</link>
      <pubDate>Mon, 25 Dec 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/how-to-build-a-blog.html/</guid>
      <description>&lt;p&gt;记得一个脑筋急转弯，把一头大象装进冰箱需要几步？三步，打开冰箱，然后把大象装进去，关闭冰箱。&lt;/p&gt;&#xA;&lt;p&gt;我对于个人博客的搭建步骤也可以用三步来概括，注册域名、购买服务器、搭建博客，但当我们实际操作起来步骤远比想象的要多。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;今天写一篇从0到1的博客搭建教程，希望影响更多想写博客的人&lt;/strong&gt;。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-0c05f428&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-0c05f428&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/80feb218e9b5e014097f744980ee9025.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-0c05f428&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/80feb218e9b5e014097f744980ee9025.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;防杠说明&lt;/strong&gt;：我只以我的经验为基础，推荐和介绍我所用的服务器、程序，更好的方案有很多，不喜勿喷。&lt;/p&gt;&#xA;&lt;p&gt;并不是因为没有内容可写才出一篇搭建博客的教程，相反，我希望用这篇教程，让想写博客的人，可以写。&lt;/p&gt;&#xA;&lt;h2 id=&#34;基本概念&#34;&gt;基本概念&lt;/h2&gt;&#xA;&lt;p&gt;在介绍博客如何搭建之前，有必要解释相关的概念。这里我采用&lt;a href=&#34;https://www.himiku.com/archives/build-a-personal-blog.html&#34; rel=&#34;noopener noreferrer&#34;&gt;初之音&lt;/a&gt;博客的解释，加以修改。&lt;/p&gt;&#xA;&lt;p&gt;访问我的博客，需要在浏览器里输入域名 &lt;code&gt;yinji.org&lt;/code&gt;，浏览器通过域名解析服务查询到上述网址指向的 IP 地址为 64.88.88.xx，IP 地址与服务器绑定，访问IP就是访问服务器。服务器查询到 &lt;code&gt;yinji.org&lt;/code&gt; 指向的位置是 WordPress 博客程序所在的目录，因此返回该目录下所有可以展示的文件。最后，由博客程序将内容返回给访客，显示在浏览器上。&lt;/p&gt;&#xA;&lt;p&gt;因此，我们需要有域名、服务器、域名解析服务、IP、博客程序、运行环境。&lt;/p&gt;&#xA;&lt;h2 id=&#34;域名&#34;&gt;域名&lt;/h2&gt;&#xA;&lt;p&gt;一个完整的域名有前缀和后缀，比如 &lt;code&gt;yinji.org&lt;/code&gt;，&lt;code&gt;yinji&lt;/code&gt; 是前缀，&lt;code&gt;org&lt;/code&gt; 是后缀，中间用符号&lt;code&gt;.&lt;/code&gt;链接。所以我们在注册域名时，预先想好前缀，然后在可供选择的后缀中选择合适或者喜欢的。&lt;/p&gt;&#xA;&lt;p&gt;常见的后缀有 &lt;code&gt;.com&lt;/code&gt;、&lt;code&gt;.net&lt;/code&gt;、&lt;code&gt;.org&lt;/code&gt;、&lt;code&gt;.me&lt;/code&gt;、&lt;code&gt;.top&lt;/code&gt;，不推荐国别域名后缀 &lt;code&gt;.cn&lt;/code&gt;。如果用作个人博客，我推荐使用 &lt;code&gt;.com&lt;/code&gt;、&lt;code&gt;.net&lt;/code&gt;、&lt;code&gt;.me&lt;/code&gt;、&lt;code&gt;.im&lt;/code&gt;。&lt;/p&gt;&#xA;&lt;p&gt;在国内服务商注册域名，好处是价格较便宜，支付方便，但需要实名认证，我建议使用国外的域名商，看个人选择。&lt;/p&gt;&#xA;&lt;p&gt;国内域名服务商推荐腾讯云、阿里云，如果想注册非主流域名后缀，可以使用趣域网。国外域名服务商推荐 &lt;a href=&#34;https://name.com&#34; rel=&#34;noopener noreferrer&#34;&gt;Name&lt;/a&gt;、&lt;a href=&#34;https://namecheap.com&#34; rel=&#34;noopener noreferrer&#34;&gt;NameCheap&lt;/a&gt;、&lt;a href=&#34;https://namesilo.com&#34; rel=&#34;noopener noreferrer&#34;&gt;NameSilo&lt;/a&gt;、&lt;a href=&#34;https://porkbun.com&#34; rel=&#34;noopener noreferrer&#34;&gt;Porkbun&lt;/a&gt;、&lt;a href=&#34;https://gandi.net&#34; rel=&#34;noopener noreferrer&#34;&gt;Gandi&lt;/a&gt;，使用之前可以参考比价网站，对比不同域名后缀在不同域名服务商的注册、续费、转入价格，比如&lt;a href=&#34;https://www.nazhumi.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;哪煮米&lt;/a&gt;、&lt;a href=&#34;https://tld-list.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;TLD-List&lt;/a&gt;、&lt;a href=&#34;https://namebeta.com/zh&#34; rel=&#34;noopener noreferrer&#34;&gt;NameBeta&lt;/a&gt;，尽可能选择知名度较高的大厂。&lt;/p&gt;&#xA;&lt;h2 id=&#34;服务器&#34;&gt;服务器&lt;/h2&gt;&#xA;&lt;p&gt;云服务器和 VPS 有区别，也有联系，为了容易理解，下面都以 VPS 为介绍对象。&lt;/p&gt;&#xA;&lt;p&gt;使用国内的 VPS，域名必须备案，所以你如果打算购买&lt;a href=&#34;https://cloud.tencent.com&#34; rel=&#34;noopener noreferrer&#34;&gt;腾讯云&lt;/a&gt;、&lt;a href=&#34;https://www.huaweicloud.com&#34; rel=&#34;noopener noreferrer&#34;&gt;华为云&lt;/a&gt;或者&lt;a href=&#34;https://aliyun.com&#34; rel=&#34;noopener noreferrer&#34;&gt;阿里云&lt;/a&gt;等国内云服务商的 VPS，最好是在同一个服务商注册域名，方便管理和备案。&lt;/p&gt;&#xA;&lt;p&gt;如果使用大陆以外的 VPS，比如香港、台湾、日本、美国的服务器，不用备案。&lt;/p&gt;&#xA;&lt;p&gt;相对来说，国内 VPS 带宽小、价格便宜，其他地区的 VPS 带宽大、价格稍贵，但也有性价比不错的商家，下面会有介绍。&lt;/p&gt;&#xA;&lt;p&gt;腾讯云、阿里云、华为云都有相应的学生认证服务，通过学生认证可以以优惠价购买配置还不错的 VPS，如果你符合该条件，可以试试。&lt;/p&gt;&#xA;&lt;p&gt;国外的云服务商选择很多，知名的有 &lt;a href=&#34;https://aws.amazon.com/cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;AWS&lt;/a&gt;、&lt;a href=&#34;https://www.vultr.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Vultr&lt;/a&gt;、&lt;a href=&#34;https://www.linode.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Linode&lt;/a&gt;、&lt;a href=&#34;https://bandwagonhost.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;搬瓦工&lt;/a&gt;，他们所提供的服务器质量好、售后好，但也很贵，不建议新手玩家购买。如果你每年只有300元以内的预算，推荐 &lt;a href=&#34;https://yinji.org/cloudcone.html&#34;&gt;CloudCone&lt;/a&gt; 或者 &lt;a href=&#34;https://yinji.org/racknerd.html&#34;&gt;RackNerd&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;p&gt;我目前使用的 VPS 来自 &lt;a href=&#34;https://yinji.org/cloudcone.html&#34;&gt;CloudCone&lt;/a&gt;，在2023年4月复活节期间购买，配置为 CPU&amp;amp;内存：2核（vCPU）&amp;amp;2GB，存储：60GB硬盘，带宽：1Gbps，每个月3TB流量，25.5美元/年，续费同价。至于使用体验，可以查看我以前的文章《&lt;a href=&#34;https://yinji.org/5166.html&#34;&gt;使用 CloudCone 的第 7 个月&lt;/a&gt;》。&lt;/p&gt;&#xA;&lt;p&gt;对了，国外云服务商还有一个更重要的优点，续费同价，不像国内的套路云，往往只有新人和第一年才有优惠价。&lt;/p&gt;&#xA;&lt;p&gt;购买 VPS 和注册域名一样，选择知名度高的厂商，虽然我推荐的这两家没有 AWS、Vultr 这些大厂名气大，但在圈内也比较知名，性价比高。&lt;/p&gt;&#xA;&lt;h2 id=&#34;搭建博客&#34;&gt;搭建博客&lt;/h2&gt;&#xA;&lt;h3 id=&#34;购买服务器&#34;&gt;购买服务器&lt;/h3&gt;&#xA;&lt;p&gt;以上面提到的 CloudCone 为例，介绍从购买服务器到搭建博客的过程。&lt;/p&gt;&#xA;&lt;p&gt;首先在 &lt;a href=&#34;https://app.cloudcone.com/?ref=9587&#34; rel=&#34;noopener noreferrer&#34;&gt;CloudCone&lt;/a&gt; 注册账号，该服务商需要提前充值金额，所以先看好想买的 VPS 价格，充值好对应的金额。点击头像，然后进入 Billing 页面。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-4a3b743b&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-4a3b743b&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/60da97e1a88b87e7928b9152867a57eb.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-4a3b743b&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/60da97e1a88b87e7928b9152867a57eb.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;下方有一个 Add funds 按钮，支持支付宝支付。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-16b402f1&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-16b402f1&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/5cb362b1b24da2c648bd62a8b3c7dbce.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-16b402f1&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/5cb362b1b24da2c648bd62a8b3c7dbce.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;充值好金额之后，以圣诞节特惠 VPS 26美元款为例，然后进入购买页面，选择合适的系统，设置好 Hostname，即可下单。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-06e8a2a5&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-06e8a2a5&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/668566670cff59fc828e2905bf0fb7f7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-06e8a2a5&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/668566670cff59fc828e2905bf0fb7f7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-6b0f2e35&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-6b0f2e35&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/9a566f7259a3e801cc35579ef8797367.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-6b0f2e35&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/9a566f7259a3e801cc35579ef8797367.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;推荐使用 Debian 或者 Ubuntu 系统，版本选择最新即可，Hostname 没有太多限值要求，英文+数字组合即可。然后等待 VPS 开通成功，之后会收到来自 CloudCone 邮件通知，包含 VPS 的 IP 地址和 SSH 登录账号和密码。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-1d68d80e&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-1d68d80e&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/86f4c285703725d08085436722c740e7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-1d68d80e&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/86f4c285703725d08085436722c740e7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;h3 id=&#34;解析域名&#34;&gt;解析域名&lt;/h3&gt;&#xA;&lt;p&gt;一般域名注册商会提供免费的域名解析服务，或者使用其他服务商提供的域名解析，例如 Cloudflare。&lt;/p&gt;&#xA;&lt;p&gt;这里以 &lt;a href=&#34;https://www.cloudflare.com/zh-cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;Cloudflare&lt;/a&gt; 为例进行介绍。首先需要注册 Cloudflare 账号并登录，点击添加站点。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-10849664&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-10849664&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/6cb215bab85328e86fdcf8af2e7ecbb2.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-10849664&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/6cb215bab85328e86fdcf8af2e7ecbb2.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;输入需要添加的域名之后，选择最下方的 Free 方案，点击继续，会提示你修改域名的 DNS 服务器。然后只需要回到域名注册商后台，修改 DNS 服务器即可。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-15b13c12&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-15b13c12&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/b72e63562d3888f9cbc54d9aacacf7b5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-15b13c12&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/b72e63562d3888f9cbc54d9aacacf7b5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;等待 DNS 服务器更新完成，回到 Cloudflare 后台，为域名添加解析。类型选择 A，名称填写 @ 或者 www，IPv4 地址就填写上面购买的 VPS 的 IP 地址，代理状态不建议使用 Cloudflare 代理，一般用不上，建议取消，最后点击保存即可。&lt;/p&gt;&#xA;&lt;p&gt;关于名称，多说两句。以我的域名 yinji.org 为例，如果填写 @，则解析后的域名就是 yinji.org；如果填写 www，则解析后的域名就是 &lt;a href=&#34;https://www.yinji.org&#34; rel=&#34;noopener noreferrer&#34;&gt;www.yinji.org&lt;/a&gt; 。建议两种都解析，将 yinji.org 作为主域名，设置 &lt;a href=&#34;https://www.yinji.org&#34; rel=&#34;noopener noreferrer&#34;&gt;www.yinji.org&lt;/a&gt; 跳转至 yinji.org。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-00de0d32&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-00de0d32&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/07ab467591c6d803bad1298f5a9c884b.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-00de0d32&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/07ab467591c6d803bad1298f5a9c884b.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;h3 id=&#34;安装环境&#34;&gt;安装环境&lt;/h3&gt;&#xA;&lt;p&gt;使用 WordPress 程序安装博客，我的常用做法是安装宝塔面板，一键配置 lnmp 环境，Linux+Nginx+MySQL+PHP。&lt;/p&gt;&#xA;&lt;p&gt;首先需要使用任意一个 SSH 客户端登录服务器，输入账号 root 和登录密码，端口一般为22。如果你的电脑是 Windows 系统，可以直接在 Terminal 上输入命令&lt;code&gt;ssh root@142.1xx.2xx.xx -p 22&lt;/code&gt;登录服务器。&lt;/p&gt;&#xA;&lt;p&gt;下图是堡塔远程工具的截图，输入对应的内容登录即可。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-7b65ab92&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-7b65ab92&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/8b397aa60cbf0970d8c8b26cdd874418.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-7b65ab92&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/8b397aa60cbf0970d8c8b26cdd874418.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;不同的系统安装宝塔面板所用的命令也不一样，以&lt;a href=&#34;https://bt.cn&#34; rel=&#34;noopener noreferrer&#34;&gt;宝塔&lt;/a&gt;官网提供的为准。&lt;/p&gt;&#xA;&lt;p&gt;CentOS 系统：&lt;/p&gt;&#xA;&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;yum install -y wget &amp;amp;&amp;amp; wget -O install.sh https://download.bt.cn/install/install_6.0.sh &amp;amp;&amp;amp; sh install.sh ed8484bec&#xA;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Ubuntu 系统：&lt;/p&gt;&#xA;&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh &amp;amp;&amp;amp; sudo bash install.sh ed8484bec&#xA;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Debian 系统：&lt;/p&gt;&#xA;&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh &amp;amp;&amp;amp; bash install.sh ed8484bec&#xA;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-35aa3963&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-35aa3963&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/361bec765e4e9e3ca6073d1cdcbcb9f0.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-35aa3963&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/361bec765e4e9e3ca6073d1cdcbcb9f0.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;只需要输入一行命令，整个过程基本上自动完成，安装成功之后，会显示面板登录地址及其账号密码，保存即可退出。&lt;/p&gt;&#xA;&lt;p&gt;按照提供的地址和账号密码，登录宝塔面板，会弹出环境安装的选择，一般选择 LNMP，极速安装。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-03de9629&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-03de9629&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/68c861e84fd865752587854ccc38266a.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-03de9629&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/68c861e84fd865752587854ccc38266a.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;上述步骤完成，搭建 WordPress 博客所需的环境也就安装成功了。&lt;/p&gt;&#xA;&lt;h3 id=&#34;创建网站&#34;&gt;创建网站&lt;/h3&gt;&#xA;&lt;p&gt;博客程序种类丰富，常见的 WordPress、Typecho 等，这里以 WordPress 为例。首先需要前往 &lt;a href=&#34;https://cn.wordpress.org&#34; rel=&#34;noopener noreferrer&#34;&gt;WordPress&lt;/a&gt; 官网下载程序包，一个包含中文语言的压缩包。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-f7641bc4&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-f7641bc4&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/e7909dd691063dacb78d67f1ddbff7f5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-f7641bc4&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/e7909dd691063dacb78d67f1ddbff7f5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;紧接着回到宝塔面板，在左侧找到“网站”一栏，添加站点→创建站点→输入域名（例如 yinji.org）→数据库（选择 MySQL，设置账号和密码）→PHP 版本（选择 PHP-81），最后点击提交。&lt;/p&gt;&#xA;&lt;p&gt;注意：这一步既创建了网站目录，也创建了数据库，所以后面无须再次创建数据库，记住这一步骤下的数据库名、数据库账号和密码即可。&lt;/p&gt;&#xA;&lt;p&gt;新建一个站点之后，点击左侧“文件”，便会看到系统自动创建了一个以域名为文件名的文件夹，我们称之为网站根目录。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-9401f056&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-9401f056&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/8cf7bf51643e31f52c44fb6e47d34ad7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-9401f056&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/8cf7bf51643e31f52c44fb6e47d34ad7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-b2aac268&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-b2aac268&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/35b41558beb49b0871a0ab0e5be573a1.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-b2aac268&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/35b41558beb49b0871a0ab0e5be573a1.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;站点创建之后，进入该站点所在目录，删除目录内所有文件，一般只剩下一个 &lt;code&gt;.user.ini&lt;/code&gt; 文件，删不掉也没关系。&lt;/p&gt;&#xA;&lt;p&gt;上传下载好的 WordPress 压缩包，并解压，得到一个名为 WordPress 的文件夹，将文件夹里面的文件全部移动到网站根目录。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-b0e8f387&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-b0e8f387&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/489f588554da80ac83d03efb2658cbee.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-b0e8f387&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/489f588554da80ac83d03efb2658cbee.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;上述步骤完成，一般就可以在浏览器里输入域名进行程序安装，但为了减少后面的麻烦，可以先将 SSL 和伪静态提前设置好。&lt;/p&gt;&#xA;&lt;p&gt;点击刚刚创建好的网站，选择左侧的 SSL，然后选择 Let&amp;rsquo;s Encrypt，选择需要配置 SSL 证书的域名，点击申请即可。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-45b79cc8&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-45b79cc8&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/c5a374758e8816a6fa53b1147336fea5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-45b79cc8&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/c5a374758e8816a6fa53b1147336fea5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-e217b0bb&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-e217b0bb&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/40d4dce274e0fdf467487c7665026eb6.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-e217b0bb&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/40d4dce274e0fdf467487c7665026eb6.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;最后开启强制 HTTPS，点击保存。&lt;/p&gt;&#xA;&lt;p&gt;关于伪静态设置也很简单，打开左侧的“伪静态”，下拉找到 WordPress，点击保存就可以了。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-0e2a6f56&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-0e2a6f56&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/c32a5081e64f4f7b7a5d5315708a0857.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-0e2a6f56&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/c32a5081e64f4f7b7a5d5315708a0857.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;设置好 SSL 和伪静态之后，便可以在浏览器里输入绑定好的域名，进入 WordPress 程序安装环节。&lt;/p&gt;&#xA;&lt;h3 id=&#34;安装-wordpress-程序&#34;&gt;安装 WordPress 程序&lt;/h3&gt;&#xA;&lt;p&gt;在浏览器里输入域名，进入程序安装界面。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-d5737146&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-d5737146&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/2f656b94ee18dd84e825bf4f9eaee317.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-d5737146&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/2f656b94ee18dd84e825bf4f9eaee317.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这一步需要用到数据库名、数据库账号、数据库密码，这些都可以在宝塔面板里找到，数据库主机和表前缀保持默认即可，不用修改。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-a23ebb4e&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-a23ebb4e&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/039bc47cadc1d9a48ce71edc1dc2b5f5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-a23ebb4e&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/039bc47cadc1d9a48ce71edc1dc2b5f5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;填写正确之后提交，下一个页面是设置站点标题、后台用户名和密码等内容。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-a6ad647c&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-a6ad647c&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/975925a7872c4071d432fa3a5ec3a817.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-a6ad647c&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/975925a7872c4071d432fa3a5ec3a817.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;全部内容填写完毕之后，通过 &lt;code&gt;域名/wp-admin&lt;/code&gt; 路径进入博客后台，即可看到如下图所示的界面，即博客搭建大功告成。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-c7661fd0&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-c7661fd0&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/d4286e3598cb1d51535988d35770bbb1.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-c7661fd0&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/12/25/d4286e3598cb1d51535988d35770bbb1.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;后面你所需要做的事情就是熟悉 WordPress，在后台摸索文章、媒体、页面、评论，以及如何上传/更换主题、安装插件等功能。&lt;/p&gt;&#xA;&lt;h2 id=&#34;写在最后&#34;&gt;写在最后&lt;/h2&gt;&#xA;&lt;p&gt;WordPress 是我最早接触的程序，宝塔也是我最早接触的可视化服务器面板，所以我一直以来的博客搭建方案便是 VPS+宝塔+WordPress，这些都有平替，比如 1panel，再比如直接使用命令行，手动安装环境，但我不会，学起来也比较困难。&lt;/p&gt;&#xA;&lt;p&gt;怎么方便我就怎么来，即使有人说 WordPress 臃肿，即使有人说静态博客更好，即使有人说宝塔面板好多广告，但看个人选择吧，做好自己，不要求别人。&lt;/p&gt;&#xA;&lt;p&gt;所以上述所有内容都是基于我个人经验写作而成，存在很强的主观性，仅仅是作为一种选择，提供给想搭建独立博客进行写作的人。同时，由于我能力和知识有限，如果上述内容有任何问题，欢迎指正。&lt;/p&gt;&#xA;&lt;p&gt;就像&lt;a href=&#34;https://dongjunke.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;东评西就&lt;/a&gt;的博主小饿所说：在这个日益浮躁的环境下，难得有非技术人士肯花时间再次开始写独立博客了。博客从来就不是技术人士的专属，非技术人士也可以通过自己的学习和努力搭建属于自己的独立博客，希望我的内容能帮到这些人。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;作者：@&lt;a href=&#34;https://twitter.com/huhexian&#34; rel=&#34;noopener noreferrer&#34;&gt;huhexian&lt;/a&gt;&#xA;博客：&lt;a href=&#34;https://yinji.org&#34; rel=&#34;noopener noreferrer&#34;&gt;印记&lt;/a&gt;&#xA;联系：&lt;a href=&#34;mailto:huhexian0206@gmail.com&#34;&gt;Email&lt;/a&gt;&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>2023年，你可以用 Thorn 写博客</title>
      <link>https://yinji.org/in-2023-you-can-blog-with-thorn.html/</link>
      <pubDate>Thu, 30 Nov 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/in-2023-you-can-blog-with-thorn.html/</guid>
      <description>&lt;p&gt;作为 Telegram 频道 @&lt;a href=&#34;https://t.me/FindBlog&#34; rel=&#34;noopener noreferrer&#34;&gt;FindBlog&lt;/a&gt; 的运营者，我非常关注和博客相关的工具。最近在少数派看到关于 Thorn 的介绍文章，便和开发者联系，可以在频道无偿为他宣传产品，借此机会我也能够亲自使用2023年的全新写作和建站工具——&lt;a href=&#34;https://thorn.red/&#34; rel=&#34;noopener noreferrer&#34;&gt;Thorn&lt;/a&gt;，在此做一个体验分享。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-293dd8ee&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-293dd8ee&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/6d07f168a03ac1a743c09c62a215b736.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-293dd8ee&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/6d07f168a03ac1a743c09c62a215b736.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;2023年，博客已经不是新鲜玩意，但和博客相关的建站工具却层出不穷。前有 WordPress、Hugo、Hexo 等动态/静态博客程序，后有基于 Notion 的无代码建站工具 NotionNext 和 Nobelium，以及十分轻便、简单的 Gridea，让不懂代码的小白也能轻松搭建博客。&lt;/p&gt;&#xA;&lt;p&gt;如何让搭建博客的门槛降低，是程序开发者应该考虑的问题，Thorn 似乎更符合这一点。&lt;/p&gt;&#xA;&lt;h2 id=&#34;写作与建站集成&#34;&gt;写作与建站集成&lt;/h2&gt;&#xA;&lt;p&gt;我用 WordPress 搭建博客，但我并不是用它进行写作，而是需要在电脑上用 Obsidian 写好文章，复制到 WordPress 上进行呈现，Obsidian 是我的写作工具，WordPress 是建站工具。&lt;/p&gt;&#xA;&lt;p&gt;Thorn 将写作和建站集成在一起。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-83666d85&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-83666d85&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/b5280794e2e468226ac322a9ce0e347a.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-83666d85&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/b5280794e2e468226ac322a9ce0e347a.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;如上图所示，我打开的是一个空间，将它命名为 Bruce，即我的一个写作空间。在该空间内，我可以编辑文章、添加随记，完完全全将它作为一个写作工具来使用，有字数统计、标签管理，数据在本地和云端都有备份。&lt;/p&gt;&#xA;&lt;p&gt;文章编辑页面十分细节。支持 Markdown 语法，直接复制粘贴带有该语法的内容，会自动识别。右侧展示文章信息、大纲、标签，除此之外还可以将特定的文章通过链接分享到网络，也可以邀请他人一起协作编辑，支持导出各种格式的文件。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-97edf0ca&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-97edf0ca&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/deccc5f8b33338586fdd37530eda3120.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-97edf0ca&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/deccc5f8b33338586fdd37530eda3120.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-358f02d4&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-358f02d4&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/db29c49089e50bf8112c7cdc6761bd45.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-358f02d4&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/db29c49089e50bf8112c7cdc6761bd45.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;另外我觉得在文章配图方面，开发者也很用心。提供来自 Unsplash 的免版税图片，文章的封面可以随机切换，有多种样式可以选择。真正让我感到惊讶的是正文的图片编辑功能。&lt;/p&gt;&#xA;&lt;p&gt;裁剪、滤镜、微调、标注、马赛克、边框、贴纸，您这是集成了 Photoshop 吗？&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-d2a35ac7&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-d2a35ac7&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/e06397dadad8d8609224e9106b245042.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-d2a35ac7&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/e06397dadad8d8609224e9106b245042.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;不要觉得华而不实，我认为非常实用。要想写好一篇文章，文字和图片同样重要，但大多数人在写作前会对图片花费大量时间，比如配图、修图等等，Thorn 集成了图片编辑功能，我们在写作时可以更加专注文字，图片好不好看先不管，添加的文章里再说，等形成一篇有模有样的文章之后，再回过头对图片进行编辑。&lt;/p&gt;&#xA;&lt;p&gt;借助下面介绍的 Cloudflare Works 建立站点，便可以自由创建网站、搭建博客。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-cbdfec2e&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-cbdfec2e&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/8e9700e0f913d4ce3bc93de6520cbda5.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-cbdfec2e&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/8e9700e0f913d4ce3bc93de6520cbda5.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;进入站点管理，可以对你的博客站点进行设置。常用的模板配置，包括设置站点基本信息、站点 SEO 信息、站点全局配置、文章全局配置；页面管理，自由添加、修改页面内容；数据管理，文章的增删修改。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-418560d7&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-418560d7&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/ec9bca0a19c1613b597f204dc976ab69.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-418560d7&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/ec9bca0a19c1613b597f204dc976ab69.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-9508715e&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-9508715e&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/402bd1358d5a401d69165ca3ee575c66.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-9508715e&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/402bd1358d5a401d69165ca3ee575c66.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;还有一个十分全面的仪表盘，可以查看站点分析。&lt;/p&gt;&#xA;&lt;h2 id=&#34;写作是一种享受&#34;&gt;写作是一种享受&lt;/h2&gt;&#xA;&lt;p&gt;得益于 Thorn 大气、漂亮的外观，精美的 UI 设计，以及灵动的气泡提示音，整个写作过程像是一种享受。&lt;/p&gt;&#xA;&lt;p&gt;提供多种墙纸，打造优雅的协作环境。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-9e333428&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-9e333428&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/cf8937f92d5c4e21a95387316ec4a727.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-9e333428&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/cf8937f92d5c4e21a95387316ec4a727.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这些都是细节部分，能够从使用上提升用户的体验。&lt;/p&gt;&#xA;&lt;p&gt;实际编辑时，界面大气，文字显示效果非常棒，对于格式的处理也十分丰富。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-79b3025e&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-79b3025e&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/3faff52df55fcc4b26677537043e94d1.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-79b3025e&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/3faff52df55fcc4b26677537043e94d1.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;提供了类似 Notion 的块编辑，Command/Ctrl + 单击节点，就会出现节点样式菜单，同时也可以拖动节点进行排序。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-edcd51e5&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-edcd51e5&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/de583d7912c441eba1e9cae02e04525c.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-edcd51e5&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/de583d7912c441eba1e9cae02e04525c.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;输入“/”，可以唤醒格式菜单。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-dd4761e4&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-dd4761e4&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/0a728f329cbd252d000667c9e3d90971.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-dd4761e4&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/0a728f329cbd252d000667c9e3d90971.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;h2 id=&#34;借助-cloudflare-works-建立站点&#34;&gt;借助 Cloudflare Works 建立站点&lt;/h2&gt;&#xA;&lt;p&gt;过去像 Hugo、Hexo 等静态博客程序一般都采用 GitHub Pages 或者 Cloudflare Pages 作为托管平台，前者对于小白来说，门槛较高，也时常面临着访问困难的问题，后者也差不多，也需要 GitHub 作为中介。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-b97661df&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-b97661df&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/23ddbb5c6a99580dd29c1051e7c822c9.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-b97661df&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/23ddbb5c6a99580dd29c1051e7c822c9.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;Thorn 采用 Cloudflare Works 作为托管平台，只需要注册登录 Cloudflare，在 Works 中获取所需的 ID 和 API 令牌，填入 Thorn 程序中，即可等待站点创建。而且，Cloudflare 有中文界面，更容易看懂。&lt;/p&gt;&#xA;&lt;p&gt;即使你不懂什么是 Cloudflare，官网也提供了十分详尽的&lt;a href=&#34;https://docs.thorn.red/&#34; rel=&#34;noopener noreferrer&#34;&gt;使用文档&lt;/a&gt;，跟着文档来，不会出错。&lt;/p&gt;&#xA;&lt;p&gt;在此之后，你只需要通过 Thorn 创建文章，Cloudflare 会帮助你发布站点，一眨眼的功夫，即可访问。支持绑定自定义域名，绑定之后，SSL 证书之类的都会自动搞定。&lt;/p&gt;&#xA;&lt;p&gt;最后，就有了下图中的博客，欢迎访问我的 &lt;a href=&#34;https://thorn.yinji.org&#34; rel=&#34;noopener noreferrer&#34;&gt;Thorn&lt;/a&gt; 站点。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-55fe1a82&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-55fe1a82&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/139a07bb5769e5a223c906d65ddc38bb.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-55fe1a82&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/139a07bb5769e5a223c906d65ddc38bb.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;h2 id=&#34;thorn-的美中不足&#34;&gt;Thorn 的美中不足&lt;/h2&gt;&#xA;&lt;p&gt;实际体验下来，也有一些使用槽点，不太符合我个人习惯，希望开发团队在后期能够进行优化改进。&lt;/p&gt;&#xA;&lt;p&gt;首先是站点管理中发布文章的流程。使用文档中提到将 Thorn 空间中的文章作为内容进行发布，但为什么是拖动？如下图所示。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-64a0dd06&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-64a0dd06&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/11b8a513b744e26b3093d3d96dbc1e2e.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-64a0dd06&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/30/11b8a513b744e26b3093d3d96dbc1e2e.gif&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;我很不理解这个逻辑。虽然使用文档中说了有很多个拖拽点可以将文章拖拽至放置点来完成设置操作。&lt;/p&gt;&#xA;&lt;p&gt;但为什么不是使用选择文章的形式呢？拖动文章，要打开两个窗口，十分不便。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-57fb82f5&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-57fb82f5&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/69213543-3550541.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-57fb82f5&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/69213543-3550541.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;其次是定价，如果是低频使用，免费方案足矣，但如果高强度使用的话，个人觉得付费方案定价稍贵，希望开发团队后续能够有所调整。&lt;/p&gt;&#xA;&lt;p&gt;最后是生态。主题模板不多，目前只有三款，据官网了解，每月会上架1~2款来自官方以及社区的精选模板，如果能保持这样的进度进行确实挺好，但最好是有良好的生态和用户群体，包括使用者和开发者，能够提供更加丰富的模板。另外我希望在进行站点管理时，模板配置这一块增加一个自定义CSS，帮助用户自定义主题。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;以上便是我对 Thorn 的体验分享，希望能给想写博客的你提供可行的参考建议。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>多写点内容，少折腾工具</title>
      <link>https://yinji.org/write-more-content-and-use-less-tools.html/</link>
      <pubDate>Wed, 22 Nov 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/write-more-content-and-use-less-tools.html/</guid>
      <description>&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-44387bac&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-44387bac&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/22/16d752129c8b722284240182a6c8ccaa.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-44387bac&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/11/22/16d752129c8b722284240182a6c8ccaa.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;标题这句话是说给自己听的，并不是用来劝诫别人。&lt;/p&gt;&#xA;&lt;p&gt;今天在 Hugo 上花了数小时的时间，到最后没有折腾出什么名堂，问 ChatGPT 得不到正确的答案和方法，问 Claude 却超出了免费额度，原本以为按照网上的教程一步一步设置、修改，就能得到想要的模样，结果在最后不知修改了哪里的文件和代码，导致文章页的标题凭空消失，回滚代码没有复原，也未发现原因。&lt;/p&gt;&#xA;&lt;p&gt;遂放弃，老老实实、安安分分地继续使用 WordPress，即使看到再心动的 Hugo 主题，我也会控制自己，多写点内容，少折腾工具。&lt;/p&gt;&#xA;&lt;p&gt;简要记录整个过程，以此为戒。&lt;/p&gt;&#xA;&lt;p&gt;起初是看到一个静态网站托管服务——Bear Blog，被它简洁、大气的界面所吸引，而后看到群友&lt;a href=&#34;https://yuhang.ch&#34; rel=&#34;noopener noreferrer&#34;&gt;陈昱行&lt;/a&gt;的博客，使用 Astro 静态程序和仿 Bear Blog 的主题，但我对 Astro 不熟悉，正巧有一款 &lt;a href=&#34;https://github.com/janraasch/hugo-bearblog&#34; rel=&#34;noopener noreferrer&#34;&gt;Hugo 主题&lt;/a&gt;也是仿照 Bear Blog 开发，更加符合我心中的极简主义。再加上阅读完雅余的《&lt;a href=&#34;https://yayu.net/3762.html&#34; rel=&#34;noopener noreferrer&#34;&gt;一个极简主义博客的要素&lt;/a&gt;》，按耐不住内心的冲动，便捣鼓了一天的 Hugo。&lt;/p&gt;&#xA;&lt;p&gt;刚开始还比较顺利，曾经也用过一段时间 Hugo，对于基本的操作还有印象。通过插件，将 WordPress 的文章转成 Markdown 格式，也按照自己的审美将 Bear Blog 主题的部分样式做了修改，但是在设置 OpenGraph 的途中犯了难，网上也没有详细的介绍和教程，便出现了上面提到的情况。&lt;/p&gt;&#xA;&lt;p&gt;回过头去看我目前的博客、主题，以及 Bear Blog，发现自己有点贪心，一方面想拥有 Bear Blog 的极简，另一方面又需要 WordPress 上各种完善的功能。韩宇说你要不先试着用用 Hugo，等熟悉了再换。一开始我也是这样想，一步一步修改、一步一步转换，最后发现还是习惯使用了5年之久的 WordPress，尽管我没有开发主题和插件的能力，遇到问题还需要上网搜索，但只要有写博客的想法，我第一反应便是使用 WordPress。&lt;/p&gt;&#xA;&lt;p&gt;多写点内容，少折腾工具。从2018年到现在，期间很多时候都会走向这样一个误区，光顾着装饰外表，忽略了内容的充实，写博客的人，大多都会将自己的网站比喻成一个小家，想方设法把它精心打扮，如有客人来访，内心也是十分兴奋。华丽的外表固然是吸引客人的原因之一，但留住客人的还得是这个家的主人。&lt;a href=&#34;https://anotherdayu.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Dayu&lt;/a&gt; 发了一条&lt;a href=&#34;https://twitter.com/another_dayu/status/1722218938715799918&#34; rel=&#34;noopener noreferrer&#34;&gt;推文&lt;/a&gt;，说平时他博客的 Visitors: Visits 是1:2，最近到1:2.6了，有点开心，大家似乎愿意多停留一会了。多好呀，客人愿意在你家里多待一会，想与你有更深入的了解。&lt;/p&gt;&#xA;&lt;p&gt;折腾和写作都是 Blogger 的乐趣之一，有的人擅长写作，有的人擅长折腾，没有优劣贵贱尊卑之分，各有各的玩法和兴致，而我的这两方面还处于学习阶段，以今天的经历，告诉自己，多写点内容，少折腾工具。&lt;/p&gt;&#xA;&lt;p&gt;最后我想分享一段在&lt;a href=&#34;https://t.me/weiyexing&#34; rel=&#34;noopener noreferrer&#34;&gt;为也行&lt;/a&gt;频道里看到的话：&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;我们大可宽容些，没必要事事都嘲讽。&lt;/p&gt;&#xA;&lt;p&gt;有人喜欢记笔记，那就记笔记，有人喜欢折腾笔记工具，那就折腾笔记工具，这个世界不会因为多了折腾工具的人而出现什么不好。&lt;/p&gt;&#xA;&lt;p&gt;博客也是如此，那种嘲讽「博客没几篇，模版倒是换得勤」大可不必。&lt;/p&gt;&#xA;&lt;p&gt;就像阅读，这个世界需要阅读的人，也需要买了不读的人。后者满足了自己，也给整个市场做了贡献，为他为你为大家，不好么？&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;</description>
    </item>
    <item>
      <title>如何向他人推荐博客和笔记应用？</title>
      <link>https://yinji.org/how-to-recommend-blogging-and-note-taking-apps-to-others.html/</link>
      <pubDate>Tue, 01 Aug 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/how-to-recommend-blogging-and-note-taking-apps-to-others.html/</guid>
      <description>&lt;p&gt;向他人推荐产品是一个很好的习惯，但是如果做得不好，双方都会有糟糕的感受。&lt;/p&gt;&#xA;&lt;p&gt;前几天在 Telegram 频道 &lt;a href=&#34;https://t.me/FindBlog/248&#34; rel=&#34;noopener noreferrer&#34;&gt;@FindBlog&lt;/a&gt; 中发起了一个讨论：&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;如果你的朋友想写博客，你会给 Ta 推荐哪一种搭建博客的工具或方式？ 前提：你的朋友是小白，不懂技术，不懂代码。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-126929d7&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-126929d7&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c91f9eec974.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-126929d7&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c91f9eec974.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;这种问题我遇到过不少，但是我比较喜欢图省事，直截了当地和对方说，你出钱，我出力，稍后给你搭建好一个开箱即用的博客。但是到最后呢，对方可能像是被泼了一盆冷水，瞬间浇灭了兴趣。还有一种情况，对方想写博客，我有时候会尽心尽力发表建议，和 Ta 讲各种博客系统的优缺点、需要注意的地方、域名、服务器之类的内容，但对方一听这么多，太复杂了，现在没空，等我有空再找你吧，我的热情被 Ta 的一盆冷水给浇灭了。&lt;/p&gt;&#xA;&lt;h2 id=&#34;从简单到复杂&#34;&gt;从简单到复杂&lt;/h2&gt;&#xA;&lt;p&gt;在学习使用某类产品或者服务的时候，我的原则是从简单到复杂。任何事物的学习都是一个循序渐进的过程，还没学会走就别想着跑，写博客和使用笔记应用也同样如此。&lt;/p&gt;&#xA;&lt;p&gt;关于上面提到的问题，我进行过对比和思考，最终也有了结果。&lt;/p&gt;&#xA;&lt;p&gt;首先排除 &lt;a href=&#34;https://gohugo.io/&#34; rel=&#34;noopener noreferrer&#34;&gt;Hugo&lt;/a&gt;、&lt;a href=&#34;https://hexo.io/zh-cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;Hexo&lt;/a&gt;、&lt;a href=&#34;https://jekyllrb.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Jekyll&lt;/a&gt; 等静态博客程序，因为从生成博客、发布内容、部署这一系列的流程就比较复杂，关于 GitHub、Git 这类工具和网站，普通人或许根本就不会接触，更不会了解。&lt;/p&gt;&#xA;&lt;p&gt;接着排除使用 &lt;a href=&#34;https://www.notion.so&#34; rel=&#34;noopener noreferrer&#34;&gt;Notion&lt;/a&gt; 作为博客的程序，比如 &lt;a href=&#34;https://github.com/tangly1024/NotionNext&#34; rel=&#34;noopener noreferrer&#34;&gt;NotionNext&lt;/a&gt;，因为这个需要对 Notion 有较为详细的了解，如果不是经常使用 Notion 的人，用起来也会很复杂。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://cn.wordpress.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;WordPress&lt;/a&gt; 和 &lt;a href=&#34;https://typecho.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;Typecho&lt;/a&gt; 这类动态博客程序我是有所考虑的，注册域名、购买服务器或者虚拟主机、上传源码程序和主题，哐当一下，就可以开始写博客。看似简单，但也需要使用者非常细心、耐心，且有较高的学习能力，在 Google 上搜索 WordPress 搭建教程，满满的一大堆人教你如何搭建博客，跟着步骤慢慢来，会成功的。我就是一开始看到关于 Emlog 的搭建教程，然后四处寻找免费虚拟主机和免费二级域名，最后慢慢了解和学习 WordPress，自己注册域名、购买服务器、搭建博客。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-dd115ce6&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-dd115ce6&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c92068654a5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-dd115ce6&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c92068654a5.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA; &lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-00331ca1&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-00331ca1&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c920688d429.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-00331ca1&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c920688d429.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;最后非常推荐的是在线托管类博客平台，&lt;a href=&#34;https://gridea.dev/&#34; rel=&#34;noopener noreferrer&#34;&gt;Gridea&lt;/a&gt;、&lt;a href=&#34;https://xlog.app/&#34; rel=&#34;noopener noreferrer&#34;&gt;xLog&lt;/a&gt;，前者收费，后者只需要邮箱或者虚拟货币钱包地址即可注册使用，并且开源。推荐这两个，是因为他们的开发者在业界都有不小的名声，信誉度高，为大家所熟悉，关于数据是否会丢失，开发者应该会做好万全之策；其次考虑到其中的费用，Gridea 一年的开支只需要10美元，如果需要自定义域名，则需要额外注册域名，xLog 无需付费，除非也想绑定自己的域名。这类服务最大的好处是免去了维护的成本，站点遇到问题，只需要反馈给开发者，等待开发者修复即可，你需要做的事情，仅仅是写。（&lt;a href=&#34;https://typlog.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Typlog&lt;/a&gt; 也是不错的选择，但是价格更贵，这里就没有放在一起比较。）&lt;/p&gt;&#xA;&lt;p&gt;上面这一大串内容，如果从下往上读，这大概就是一个从简单到复杂的过程。写博客其实就是这样一条路，我们得先提起对博客的兴趣，慢慢能够上手，体验到写博客、折腾博客的乐趣之后，再寻求更复杂的玩法。&lt;/p&gt;&#xA;&lt;h2 id=&#34;从一时兴起到养成习惯&#34;&gt;从一时兴起到养成习惯&lt;/h2&gt;&#xA;&lt;p&gt;三天打鱼，两天晒网，这可不是一个正确的态度。&lt;/p&gt;&#xA;&lt;p&gt;接着便说说笔记应用的推荐。&lt;/p&gt;&#xA;&lt;p&gt;因为女朋友有时不时写点读后感、观后感之类的习惯，我偶然问她，有没有把这些内容统一保存在某个地方？她说没有，我所了解到的，她一般都是在手机备忘录里写完然后发表到朋友圈或者微博。存放在手机备忘录里也是足够的，但如果考虑到后续的检索，没有标签做索引的话会困难不少，于是我推荐她使用 &lt;a href=&#34;https://flomoapp.com&#34; rel=&#34;noopener noreferrer&#34;&gt;flomo&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-d4411d17&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-d4411d17&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c920689bde7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-d4411d17&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;images/64c920689bde7.webp&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;后面我问她感觉怎么样，她说还挺好用的，功能很多，很简洁。&lt;/p&gt;&#xA;&lt;p&gt;最近几年各种笔记应用层出不穷，看了一圈下来，flomo 是使用门槛最低的。注册账号，开始记录，最多再打上标签，做好分类，或者上传几张图片，双链之类的“高端用法”根本就不会接触和考虑。Notion 的优点也是它的缺点，all in one，太复杂，而且迟迟不推出中文，也是劝退原因之一；&lt;a href=&#34;https://obsidian.md&#34; rel=&#34;noopener noreferrer&#34;&gt;Obsidian&lt;/a&gt; 没有官方的免费同步服务，第三方同步服务对于小白用户来说也很复杂&amp;hellip;&amp;hellip;国内其他笔记应用就更别说了。&lt;/p&gt;&#xA;&lt;p&gt;反观 flomo，简单、质朴，主打的就是一个随时随机记录想法和灵感的功能，即使不开通会员，其功能也足够用，它的开发者团队也值得信赖。&lt;/p&gt;&#xA;&lt;p&gt;推荐笔记应用和推荐博客程序一样，类似于“对症下药”，不同的人群有不同的使用习惯和知识储备，不能盲目地推荐你觉得好的产品，而应该是你觉得合适他们使用的产品。根据他们的工作内容、专业知识、使用习惯去考虑，过程固然繁琐复杂，但能让对方体验到使用好产品的快乐时，感觉这一切都值得。&lt;/p&gt;&#xA;&lt;h2 id=&#34;工具不重要&#34;&gt;工具不重要&lt;/h2&gt;&#xA;&lt;p&gt;这也是一个受到广泛支持的观点。怎么写、用什么写不重要，最重要的是写。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;先让他注册一个公众号，在没有什么人关注的情况下，能持续稳定有固定频率的更新一段时间再说。无法持续输出用什么工具都白扯。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;仁者见仁，智者见智。有的人不受工具限制，哪哪都能写；但有个好的工具也能提高效率，改善体验。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;最后，做个小小的总结。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;如果你想写博客&lt;/strong&gt;，不妨从使用 Gridea 或 xLog 开始，写下第一篇博客，然后浏览他人的博客，学习前辈的经验，再慢慢接触更复杂的程序；&lt;strong&gt;如果你想记笔记&lt;/strong&gt;，不妨从使用 flomo 开始，记录自己灵光一闪的想法，像溪流一般，慢慢汇聚成大海。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>为什么我们需要一个「关于」页面？</title>
      <link>https://yinji.org/why-do-we-need-an-about-page.html/</link>
      <pubDate>Thu, 15 Jun 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/why-do-we-need-an-about-page.html/</guid>
      <description>&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-89198165&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-89198165&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/06/15/648ad8f989e0d.png&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-89198165&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/06/15/648ad8f989e0d.png&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;上周看到 BearBlog 开发者发表的一篇文章《&lt;a href=&#34;https://herman.bearblog.dev/will-ai-kill-blogging/&#34; rel=&#34;noopener noreferrer&#34;&gt;Will AI kill blogging?&lt;/a&gt;》，人工智能会杀死博客吗？他认为虽然大型语言模型发展速度很快，人工智能生成的内容肯定会威胁到内容营销和其他同类，但这种威胁不适用于个人博客。&lt;/p&gt;&#xA;&lt;p&gt;我认同文章的观点，博客是一个表达自己的地方，每次访问别人的博客，我都喜欢看他们的“关于”页面，阅读不同的人生经历，感受不一样的个体，仿佛一个活生生的人在你面前，充满感情地向你讲述ta的故事。人工智能生成的内容给我一种冷冰冰的感觉。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;于是我便想到，每个博客都应该有一个“关于/About”页面，它是读者了解作者、了解这个博客的一扇窗户。不用写得太详细，可以简单写写作者的身份，包括兴趣爱好、身份职业，或者你的三观。除了关于自己，也可以关于博客，比如你的第一个博客叫什么名字、用的什么平台；第一个域名是什么，有没有特殊的意义或故事。&lt;/p&gt;&#xA;&lt;p&gt;我在博客的关于页面记录了博客从诞生到现在变化的过程，比如我在2021年出售了域名，紧接着新建了名为“胡言胡语”的博客，最近域名又换成“zuofei.net”，博客名也改为“今是昨非”。我将这些都作为博客的发展、变化历程。&lt;/p&gt;&#xA;&lt;p&gt;人是有情感的动物，写出的文字也会带有作者的情感倾向和价值取向，而不是像 ChatGPT 那样非常客观地陈述事实、论证观点。新建一个页面，将它命名为“关于”，然后开始写你想让读者了解你的内容。初读“关于”页面，我仿佛看到作者坐在我对面，一边喝着咖啡，一边向我讲述 ta 的故事，我能从这个过程大致了解作者是一个怎样的人，我是否认同 ta 的三观，我是否喜欢 ta 的文字，我是否需要继续浏览 ta 的博客。&lt;/p&gt;&#xA;&lt;p&gt;“关于”页面有助于在受众群体之间建立信任，因为作为读者的我们想要了解幕后的真实人物。说简单点，可以将“关于”页面当作是我们的一幅自画像，剖析自己、介绍自己，我觉得这也是一个很重要的能力。&lt;/p&gt;&#xA;&lt;p&gt;那如何写一个“关于”页面呢？我的看法是，&lt;strong&gt;tell your story and write your life&lt;/strong&gt;，&lt;strong&gt;讲述你的故事或者写出你的生活&lt;/strong&gt;。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;我逛博客的一个习惯，先看“关于”，也记住了一些比较有特色的“关于”页面，也可以作为参考，完善自己的“关于”页面。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://imzm.im&#34; rel=&#34;noopener noreferrer&#34;&gt;陈仓颉&lt;/a&gt;，他在“&lt;a href=&#34;https://imzm.im/about/&#34; rel=&#34;noopener noreferrer&#34;&gt;关于我&lt;/a&gt;”中说2020年以来，他似乎越来越左了，他还记录了“曾用博客”、“曾用域名”、“长期使用过的主机商”等等，足以可见他是一个喜欢记录的人，喜欢记笔记，才会不断尝试各种笔记软件，博客里也有关于笔记软件的文章；&lt;a href=&#34;https://pewae.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;破袜子&lt;/a&gt;，他的“&lt;a href=&#34;https://pewae.com/about&#34; rel=&#34;noopener noreferrer&#34;&gt;关于本人&lt;/a&gt;”就更加丰富了，喜欢的球队/运动员、讨厌的东西、性格等等，介绍得十分详细，再回过头去看他的文章，活生生这样一个人在你脑海中浮现；&lt;a href=&#34;https://laozhang.org&#34; rel=&#34;noopener noreferrer&#34;&gt;老张&lt;/a&gt;，我管他叫张叔，他的“&lt;a href=&#34;https://laozhang.org/about.html&#34; rel=&#34;noopener noreferrer&#34;&gt;关于博主&lt;/a&gt;”页面最特别的是详细，将博客的文章分类介绍得清清楚楚，并且不断完善这个页面的内容，域名和博客名字反反复复发生改变，从这个页面以及博客文章分类，足以可见他是一个喜欢折腾的人&amp;hellip;&amp;hellip;还有很多，后续慢慢更新。&lt;/p&gt;&#xA;&lt;p&gt;至于我的“关于”页面，不太满意，我会找个时间进行完善，再一次剖析自己，认识自己，讲述自己。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>关于中文博客圈的思考</title>
      <link>https://yinji.org/thoughts-on-the-chinese-blogosphere.html/</link>
      <pubDate>Fri, 02 Jun 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/thoughts-on-the-chinese-blogosphere.html/</guid>
      <description>&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-42e22c04&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-42e22c04&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/06/02/64796a64497e6.png&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-42e22c04&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/2023/06/02/64796a64497e6.png&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;p&gt;我在2019年3月的时候发起了这样一个“项目”，将写博客的人聚集在一个QQ群里，让这个群作为大家交流的平台，群名就叫“中文博客圈”。后来发现QQ群的活跃度远不如十多年前，我便在2020年末建立微信群作为主要的交流平台。&lt;/p&gt;&#xA;&lt;p&gt;当然，这个群的经历也是比较曲折。2022年11月23日，由于不可抗力因素，群被封，随即建立新群，一直到今天，群里共有104人。&lt;/p&gt;&#xA;&lt;p&gt;群里有大家熟知的左耳朵耗子、DIYgod、Scavin（小众软件的作者）等人，月光博客的龙威廉也加入过，不过旧群被封之后就没有进来。&lt;/p&gt;&#xA;&lt;p&gt;以上内容是我对中文博客圈微信群的简单叙述。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;博客作为过去时代的产物，到今天已经不是什么新鲜的东西了，中文独立博客就像是天上的星星、地上的沙粒，散乱、无序，分布没有规律，建立一个交流群是我想到的将大家聚在一起的最好的方式。我也尝试过使用 Telegram 群组，但不是所有的人都能使用，权衡之下，微信就是一个相对来说好的选择。&lt;/p&gt;&#xA;&lt;p&gt;打开搜索引擎，输入“中文博客”，会发现许多与之相关的项目，大部分为博客导航、博客收录、文章聚合等，但他们聚合的仅仅是文章、博客，而不是我们活生生的人。&lt;a href=&#34;https://storeweb.cn&#34; rel=&#34;noopener noreferrer&#34;&gt;个站商店&lt;/a&gt;是一个很棒的平台，展示博客和文章、发帖讨论、友情链接互访，已然是一个中文博客圈的雏形，但是缺乏一个重要的点，就是交流。&lt;strong&gt;在平台上注册账号交流，总让我觉得对方只是一个网友，而在微信群里交流，更能感到人的温度&lt;/strong&gt;。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://hanyu.life&#34; rel=&#34;noopener noreferrer&#34;&gt;Damon&lt;/a&gt; 建议我也做一个中文博客圈的项目，聚集更多的独立博主，我也有过这个想法，但是一直没有好的构想，博客论坛、博客收录等已经有很多了，它们也不是我理想的项目。再等等吧，目前我就维护好属于我们独立博主的中文博客圈微信群。&lt;/p&gt;&#xA;&lt;p&gt;我在《[[welcome-to-the-chinese-blogosphere|欢迎加入中文博客圈]]》中写了入群的条件，对于认真写博客的人来说，算不上特别严格。一方面我向独立博主发出邀请，另一方面也有朋友看到我的内容留言想入群。&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;独立中文原创博客；&lt;/li&gt;&#xA;&lt;li&gt;建站一年及以上；&lt;/li&gt;&#xA;&lt;li&gt;原创内容应占80％以上；&lt;/li&gt;&#xA;&lt;li&gt;用心且认真且坚持写博客的Blogger&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;p&gt;只要你是认真写博客，内容原创，本着自愿的原则，留言或邮件告知，欢迎你加入。&lt;/p&gt;&#xA;&lt;p&gt;在中文博客圈微信群里，聊博客、聊工作、聊生活，曾经一段时间，群里天天聊笔记软件，也是不亦乐乎。你也可以邀请你认识的博客朋友一同加群，&lt;strong&gt;我仅仅是一个建群的人，群不是我的，它属于独立博主&lt;/strong&gt;。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>关于我的博客2.0</title>
      <link>https://yinji.org/about-my-blog-2.html/</link>
      <pubDate>Sun, 07 May 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/about-my-blog-2.html/</guid>
      <description>&lt;p&gt;终于动手写《关于我的博客2.0》。&lt;/p&gt;&#xA;&lt;p&gt;在两年前写了一篇介绍自己博客的文章《[[about-my-blog|关于我的博客]]》，两年时间过去了，和当时相比，只能说大同小异。正好前段时间有网友留言，看到我对于 Twenty Twelve 主题的修改，问能否写个教程。我也是从网上各种教程文章扒的代码，便找时间记录下来吧。&lt;/p&gt;&#xA;&lt;h2 id=&#34;框架&#34;&gt;框架&lt;/h2&gt;&#xA;&lt;p&gt;依然使用 WordPress 和 Twenty Twelve 主题，但是主题经过了比较大的修改，后面会详细说明。&lt;/p&gt;&#xA;&lt;p&gt;运行在 CloudCone 提供的美国 VPS 上，具体情况可以看之前的文章。&lt;/p&gt;&#xA;&lt;p&gt;域名是昨天在 NameSilo 注册的，由于我没有信用卡，无法使用 Google Domains 进行注册。Google Domains 土耳其区注册 .net 域名每年仅需人民币25元左右。亏大发了。&lt;/p&gt;&#xA;&lt;h2 id=&#34;插件&#34;&gt;插件&lt;/h2&gt;&#xA;&lt;p&gt;目前加上强化拓展，一共只使用了3个插件。&lt;/p&gt;&#xA;&lt;p&gt;分别是 &lt;a href=&#34;https://github.com/terrylinooo/githuber-md&#34; rel=&#34;noopener noreferrer&#34;&gt;WP Githuber MD&lt;/a&gt;（用于 Markdown 写作）、&lt;a href=&#34;https://fatesinger.com/101005&#34; rel=&#34;noopener noreferrer&#34;&gt;WP-Douban&lt;/a&gt;（用于生成豆瓣条目信息） 和 object-cache.php（用于外部对象缓存）。&lt;/p&gt;&#xA;&lt;p&gt;其他能用代码集成到 function.php 文件中的都用代码替代插件了。&lt;/p&gt;&#xA;&lt;h2 id=&#34;主题&#34;&gt;主题&lt;/h2&gt;&#xA;&lt;p&gt;一开始我是基于 WordPress 官方默认主题 Twenty Twelve 进行修改的，但后面看到有一款修改程度更好的成品——&lt;a href=&#34;https://xuv.cc/1&#34; rel=&#34;noopener noreferrer&#34;&gt;Twenty Twelve 木头人修改精简版&lt;/a&gt;，就在它的基础上继续修改。&lt;/p&gt;&#xA;&lt;p&gt;所以有想法的朋友可以直接使用上面提到的成品主题，或者继续看我的内容。&lt;/p&gt;&#xA;&lt;p&gt;我修改的最终版本：&lt;a href=&#34;https://github.com/huhexian/2012-huhexian&#34; rel=&#34;noopener noreferrer&#34;&gt;2012-huhexian&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;首页右上角图片&#34;&gt;首页右上角图片&lt;/h3&gt;&#xA;&lt;p&gt;先在 header.php 加入下列代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;a&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;href&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://yinji.org/&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;title&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;回到首页&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;img&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;src&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://dogefs.s3.ladydaily.com/lucy/storage/1680832936501.png&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;alt&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;胡鹤仙&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;width&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;70&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;height&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;70&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;/&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;a&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;具体位置大概在 &lt;code&gt;&amp;lt;hgroup&amp;gt;&lt;/code&gt;下方，上述内容请替换为自己的网址。&lt;/p&gt;&#xA;&lt;p&gt;然后在 style.css 中加入样式代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/*顶部图片*/&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;site-header&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;hgroup&lt;/span&gt;{&lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;relative&lt;/span&gt;;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;site-header&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;hgroup&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;img&lt;/span&gt;{&lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;absolute&lt;/span&gt;;&lt;span style=&#34;color:#66d9ef&#34;&gt;right&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;@&lt;span style=&#34;color:#66d9ef&#34;&gt;media&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;(&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;max-width&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;650px&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;)&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;site-header&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;hgroup&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;img&lt;/span&gt;{ &lt;span style=&#34;color:#66d9ef&#34;&gt;display&lt;/span&gt;:&lt;span style=&#34;color:#66d9ef&#34;&gt;none&lt;/span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;标签云&#34;&gt;标签云&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/* 标签云样式修改 */&lt;/span&gt; &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;tagcloud&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;overflow&lt;/span&gt;:&lt;span style=&#34;color:#66d9ef&#34;&gt;hidden&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;line-height&lt;/span&gt;:&lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;tagcloud&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;a&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;13&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;!important&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;3&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-right&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;3&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;float&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;left&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;display&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;block&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;tagcloud&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;a&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;not&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;(&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;dots&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;)&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;hover&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;background-color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#336699&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#FFFFFF&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;border&lt;/span&gt;:&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;引用&#34;&gt;引用&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/*引用*/&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;entry-content&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;blockquote&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;comment-content&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;blockquote&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;{&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background-image&lt;/span&gt;: url(&lt;span style=&#34;color:#e6db74&#34;&gt;data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg1NTQxNjE3MDQ5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3MTgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTQwNi41NTcyNTcgMTE4LjUzNTMxNHYxMzcuOTAzNTQzYy04Ny4xNDI0IDE5Ljk1MzM3MS0xMjguODkyMzQzIDc0LjQ3NDA1Ny0xMzQuMzYzNDI4IDE3Ni4wMTA5NzJoMTM0LjM2MzQyOHYzMjYuNzQzNzcxSDExNC4yOTMwMjlWNDkwLjUxMDYyOWMwLTE5NC4xNzk2NTcgODMuNDk5ODg2LTM0My4wMTA3NDMgMjkyLjI2NDIyOC0zNzEuOTc1MzE1bTAtNTguNTE0Mjg1Yy0yLjY3NzAyOSAwLTUuMzU0MDU3IDAuMTkwMTcxLTguMDQ1NzE0IDAuNTU1ODg1QzE3Ny41MDMwODYgOTEuMjM4NCA1NS43Nzg3NDMgMjQzLjkzMTQyOSA1NS43Nzg3NDMgNDkwLjUxMDYyOXYyNjguNjY4MzQyYTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNTguNTE0Mjg2IDU4LjUxNDI4NmgyOTIuMjY0MjI4YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNTguNTE0Mjg2LTU4LjUxNDI4NlY0MzIuNDQ5ODI5YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAtNTguNTE0Mjg2LTU4LjUxNDI4NmgtNjQuNTI2NjI4YzE0LjQ1MzAyOS0zNy42MTAwNTcgNDEuNDI4MTE0LTUyLjE4MDExNCA3Ny41ODk5NDItNjAuNDU5ODg2YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNDUuNDUwOTcyLTU3LjAzNjhWMTE4LjUzNTMxNGE1OC41MTQyODYgNTguNTE0Mjg2IDAgMCAwLTU4LjUxNDI4Ni01OC41MTQyODV6TTkwOS43MDY5NzEgMjY0LjgyMTAyOXYxMzcuOTAzNTQyYy04Ny4xMTMxNDMgMTkuOTUzMzcxLTEyOC44NjMwODYgNzQuNDc0MDU3LTEzNC4zMzQxNzEgMTc2LjAxMDk3MmgxMzQuMzM0MTcxdjMyNi43NDM3NzFINjE3LjQ0Mjc0M1Y2MzYuNzk2MzQzYzAtMTk0LjE3OTY1NyA4My41MTQ1MTQtMzQzLjAxMDc0MyAyOTIuMjY0MjI4LTM3MS45NzUzMTRtMC01OC41MTQyODZjLTIuNjc3MDI5IDAtNS4zNTQwNTcgMC4xOTAxNzEtOC4wNDU3MTQgMC41NTU4ODYtMjIxLjAwODQ1NyAzMC42NzYxMTQtMzQyLjczMjggMTgzLjM1NDUxNC0zNDIuNzMyOCA0MjkuOTQ4MzQydjI2OC42NjgzNDNhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA1OC41MTQyODYgNTguNTE0Mjg2aDI5Mi4yNjQyMjhhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA1OC41MTQyODYtNTguNTE0Mjg2VjU3OC43MzU1NDNhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMC01OC41MTQyODYtNTguNTE0Mjg2aC02NC40OTczNzFjMTQuNDUzMDI5LTM3LjYxMDA1NyA0MS40MTM0ODYtNTIuMTgwMTE0IDc3LjU3NTMxNC02MC40NTk4ODZhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA0NS40MzYzNDMtNTcuMDM2OHYtMTM3LjkwMzU0MmE1OC41NDM1NDMgNTguNTQzNTQzIDAgMCAwLTU4LjUxNDI4Ni01OC41MTQyODZ6IiBmaWxsPSIjY2YzZjc0IiBwLWlkPSIzNzE5Ij48L3BhdGg+PHBhdGggZD0iTTM1OS42MTQxNzEgNjY2LjU1MDg1N2ExNC42Mjg1NzEgMTQuNjI4NTcxIDAgMCAxLTE0LjYyODU3MS0xNC42Mjg1NzFWNDkxLjI3MTMxNGgtNjguMDgxMzcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMC0yOS4yNTcxNDNoODcuNzcxNDI4YzguMDg5NiAwIDkuNTY3MDg2IDYuMjkwMjg2IDkuNTY3MDg2IDE0LjM2NTI1OHYxNzUuNTQyODU3YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MXpNODcxLjYxNDE3MSA4NDIuMDkzNzE0YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcxLTE0LjYyODU3MXYtMjkuMjU3MTQzYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMjkuMjU3MTQzIDB2MjkuMjU3MTQzYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MXpNODcxLjYxNDE3MSA3NTQuMzIyMjg2YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcxLTE0LjYyODU3MnYtMTAyLjEzNjY4NWgtNjguMDgxMzcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMC0yOS4yNTcxNDNoODcuNzcxNDI4YzguMDg5NiAwIDkuNTY3MDg2IDYuMjkwMjg2IDkuNTY3MDg2IDE0LjM2NTI1N3YxMTcuMDI4NTcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MnoiIGZpbGw9IiNjZjNmNzQiIHAtaWQ9IjM3MjAiPjwvcGF0aD48L3N2Zz4=&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background-repeat&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;no-repeat&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: rgba(&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;,&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;,&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;,&lt;span style=&#34;color:#ae81ff&#34;&gt;.7&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-top&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;15&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-right&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;60&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;relative&lt;/span&gt;;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;头像转动&#34;&gt;头像转动&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/*头像转动*/&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;avatar&lt;/span&gt;{&lt;span style=&#34;color:#66d9ef&#34;&gt;-webkit-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transition&lt;/span&gt;:&lt;span style=&#34;color:#ae81ff&#34;&gt;0.4&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;s&lt;/span&gt;;&lt;span style=&#34;color:#66d9ef&#34;&gt;-webkit-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transition&lt;/span&gt;:&lt;span style=&#34;color:#66d9ef&#34;&gt;-webkit-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transform&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0.4&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;s&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;ease-out&lt;/span&gt;;&lt;span style=&#34;color:#66d9ef&#34;&gt;transition&lt;/span&gt;:&lt;span style=&#34;color:#66d9ef&#34;&gt;transform&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0.4&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;s&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;ease-out&lt;/span&gt;;&lt;span style=&#34;color:#66d9ef&#34;&gt;-moz-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transition&lt;/span&gt;:&lt;span style=&#34;color:#66d9ef&#34;&gt;-moz-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transform&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0.4&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;s&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;ease-out&lt;/span&gt;;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;avatar&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;hover&lt;/span&gt;{&lt;span style=&#34;color:#66d9ef&#34;&gt;transform&lt;/span&gt;:rotateZ(&lt;span style=&#34;color:#ae81ff&#34;&gt;360&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;deg&lt;/span&gt;);&lt;span style=&#34;color:#66d9ef&#34;&gt;-webkit-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transform&lt;/span&gt;:rotateZ(&lt;span style=&#34;color:#ae81ff&#34;&gt;360&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;deg&lt;/span&gt;);&lt;span style=&#34;color:#66d9ef&#34;&gt;-moz-&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;transform&lt;/span&gt;:rotateZ(&lt;span style=&#34;color:#ae81ff&#34;&gt;360&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;deg&lt;/span&gt;);}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;调整网页宽度&#34;&gt;调整网页宽度&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/* 网页宽度 */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;site&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;auto&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;       &lt;span style=&#34;color:#66d9ef&#34;&gt;max-width&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;960&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;overflow&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;hidden&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;html&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-top&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;32&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#75715e&#34;&gt;!important&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;小工具及首页文章标题下划线&#34;&gt;小工具及首页文章标题下划线&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/* 小工具标题字体样式以及下横线 */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;widget-title&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;18&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;font-weight&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;normal&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#21759b&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;border-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#ededed&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/* 首页文章标题行高以及下横线 */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;entry-header&lt;/span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;entry-title&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;line-height&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;2.181818182&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;border-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#ededed&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;二级三级标题样式&#34;&gt;二级、三级标题样式&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/*标题样式*/&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;entry-content&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;h2&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;comment-content&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;h2&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;mu_register&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;h2&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-weight&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;bold&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background-color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#f6f6f6&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#21759b&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#21759b&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;entry-content&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;h3&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;comment-content&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;h3&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;mu_register&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;h3&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-weight&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;bold&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background-color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#f6f6f6&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#53a7dc&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#53a7dc&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;归档页面样式修改&#34;&gt;归档页面样式修改&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;relative&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;h3&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;15&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#ddd&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-weight&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;400&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;text-align&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;center&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;letter-spacing&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;list-style&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;none&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;30&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#ddd&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;18&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;li&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;list-style&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;none&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;relative&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;line-height&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;30&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;-15&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;15&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;li&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;15&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;ul&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;li&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;before&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;content&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;&amp;#34;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;absolute&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;top&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-top&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;dashed&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;transparent&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;dashed&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;transparent&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;#ddd&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#al_expand_collapse {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;display&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;inline-block&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;line-height&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#fff&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;text-decoration&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;none&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: linear-gradient(&lt;span style=&#34;color:#66d9ef&#34;&gt;to&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;bottom&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#4caf50&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#388e3c&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;80&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;) &lt;span style=&#34;color:#66d9ef&#34;&gt;repeat&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;scroll&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;transparent&lt;/span&gt;;&lt;span style=&#34;color:#75715e&#34;&gt;/*这个颜色和下面的我都做了一些修改*/&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;-webkit-&lt;/span&gt;linear-gradient(&lt;span style=&#34;color:#66d9ef&#34;&gt;to&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;bottom&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#4caf50&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#388e3c&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;80&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;) &lt;span style=&#34;color:#66d9ef&#34;&gt;repeat&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;scroll&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;transparent&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#al_expand_collapse:&lt;span style=&#34;color:#a6e22e&#34;&gt;hover&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: linear-gradient(&lt;span style=&#34;color:#66d9ef&#34;&gt;to&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;bottom&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#388e3c&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#4caf50&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;80&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;) &lt;span style=&#34;color:#66d9ef&#34;&gt;repeat&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;scroll&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;transparent&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;-webkit-&lt;/span&gt;linear-gradient(&lt;span style=&#34;color:#66d9ef&#34;&gt;to&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;bottom&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#388e3c&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;#4caf50&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;80&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt;) &lt;span style=&#34;color:#66d9ef&#34;&gt;repeat&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;scroll&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;transparent&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives &lt;span style=&#34;color:#f92672&#34;&gt;em&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#777&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives .&lt;span style=&#34;color:#a6e22e&#34;&gt;al_mon&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding-left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;14&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-weight&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;700&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives .&lt;span style=&#34;color:#a6e22e&#34;&gt;al_mon&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;after&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;content&lt;/span&gt;: &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;&amp;#34;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;position&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;absolute&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;left&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;-10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;top&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;15&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;width&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;height&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#ddd&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#archives .&lt;span style=&#34;color:#a6e22e&#34;&gt;al_mon&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;em&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-weight&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;400&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;添加面包屑导航&#34;&gt;添加面包屑导航&lt;/h3&gt;&#xA;&lt;p&gt;在 functions.php 中加入下列代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// 面包屑导航&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;breadcrumb&lt;/span&gt;() {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;// Check if is front/home page, return&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_front_page&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;return&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;// Define&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;global&lt;/span&gt; $post;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  $custom_taxonomy  &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#39;&lt;/span&gt;; &lt;span style=&#34;color:#75715e&#34;&gt;// If you have custom taxonomy place it here&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  $defaults &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;array&lt;/span&gt;(&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;seperator&amp;#39;&lt;/span&gt;   &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt;  &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; / &amp;#39;&lt;/span&gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;id&amp;#39;&lt;/span&gt;          &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt;  &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;breadcrumb&amp;#39;&lt;/span&gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;classes&amp;#39;&lt;/span&gt;     &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt;  &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;breadcrumb&amp;#39;&lt;/span&gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;home_title&amp;#39;&lt;/span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;esc_html__&lt;/span&gt;( &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;⚐ Home&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#39;&lt;/span&gt; )&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  $sep  &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;seperator&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;esc_html&lt;/span&gt;( $defaults[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;seperator&amp;#39;&lt;/span&gt;] ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;// Start the breadcrumb with a link to your homepage&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;ul id=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;esc_attr&lt;/span&gt;( $defaults[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;id&amp;#39;&lt;/span&gt;] ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; class=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;esc_attr&lt;/span&gt;( $defaults[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;classes&amp;#39;&lt;/span&gt;] ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;// Creating home link&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_home_url&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;esc_html&lt;/span&gt;( $defaults[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;home_title&amp;#39;&lt;/span&gt;] ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_single&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// Get posts type&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $post_type &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_type&lt;/span&gt;();&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// If post type is not post&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( $post_type &lt;span style=&#34;color:#f92672&#34;&gt;!=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;post&amp;#39;&lt;/span&gt; ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $post_type_object   &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_type_object&lt;/span&gt;( $post_type );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $post_type_link     &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_type_archive_link&lt;/span&gt;( $post_type );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-cat&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $post_type_link &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $post_type_object&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;labels&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;name&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// Get categories&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $category &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_category&lt;/span&gt;( $post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;ID&lt;/span&gt; );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// If category not empty&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#f92672&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;( $category ) ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Arrange category parent to child&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $category_values      &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;array_values&lt;/span&gt;( $category );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $get_last_category    &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;end&lt;/span&gt;( $category_values );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// $get_last_category    = $category[count($category) - 1];&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $get_parent_category  &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;rtrim&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;get_category_parents&lt;/span&gt;( $get_last_category&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;term_id&lt;/span&gt;, &lt;span style=&#34;color:#66d9ef&#34;&gt;true&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;,&amp;#39;&lt;/span&gt; ), &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;,&amp;#39;&lt;/span&gt; );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $cat_parent           &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;explode&lt;/span&gt;( &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;,&amp;#39;&lt;/span&gt;, $get_parent_category );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Store category in $display_category&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $display_category &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;foreach&lt;/span&gt;( $cat_parent &lt;span style=&#34;color:#66d9ef&#34;&gt;as&lt;/span&gt; $p ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $display_category &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt;  &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-cat&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $p &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// If it&amp;#39;s a custom post type within a custom taxonomy&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $taxonomy_exists &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;taxonomy_exists&lt;/span&gt;( $custom_taxonomy );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;( $get_last_category ) &lt;span style=&#34;color:#f92672&#34;&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;( $custom_taxonomy ) &lt;span style=&#34;color:#f92672&#34;&gt;&amp;amp;&amp;amp;&lt;/span&gt; $taxonomy_exists ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $taxonomy_terms &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_terms&lt;/span&gt;( $post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;ID&lt;/span&gt;, $custom_taxonomy );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $cat_id         &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $taxonomy_terms[&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;term_id&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $cat_link       &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_term_link&lt;/span&gt;($taxonomy_terms[&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;term_id&lt;/span&gt;, $custom_taxonomy);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $cat_name       &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $taxonomy_terms[&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;name&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// Check if the post is in a category&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#f92672&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;( $get_last_category ) ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $display_category;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-current&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_title&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#f92672&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;( $cat_id ) ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-cat&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $cat_link &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $cat_name &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_title&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_title&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_archive&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_tax&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Get posts type&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $post_type &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_type&lt;/span&gt;();&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// If post type is not post&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( $post_type &lt;span style=&#34;color:#f92672&#34;&gt;!=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;post&amp;#39;&lt;/span&gt; ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $post_type_object   &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_type_object&lt;/span&gt;( $post_type );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $post_type_link     &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_type_archive_link&lt;/span&gt;( $post_type );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-cat item-custom-post-type-&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $post_type &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $post_type_link &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $post_type_object&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;labels&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;name&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $custom_tax_name &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_queried_object&lt;/span&gt;()&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;name&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-current&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $custom_tax_name &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_category&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $parent &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_queried_object&lt;/span&gt;()&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;category_parent&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( $parent &lt;span style=&#34;color:#f92672&#34;&gt;!==&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $parent_category &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_category&lt;/span&gt;( $parent );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $category_link   &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_category_link&lt;/span&gt;( $parent );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;esc_url&lt;/span&gt;( $category_link ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $parent_category&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;name&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-current&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;single_cat_title&lt;/span&gt;( &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#66d9ef&#34;&gt;false&lt;/span&gt; ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_tag&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Get tag information&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $term_id        &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_query_var&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;tag_id&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $taxonomy       &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;post_tag&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $args           &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;include=&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $term_id;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $terms          &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_terms&lt;/span&gt;( $taxonomy, $args );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $get_term_name  &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $terms[&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;name&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Display the tag name&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $get_term_name &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_day&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Day archive&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Year link&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-year item&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_year_link&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y&amp;#39;&lt;/span&gt;) ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;年&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Month link&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-month item&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_month_link&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y&amp;#39;&lt;/span&gt;), &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;m&amp;#39;&lt;/span&gt;) ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;M&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Day display&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;jS&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; &amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;M&amp;#39;&lt;/span&gt;)&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_month&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Month archive&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Year link&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-year item&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_year_link&lt;/span&gt;( &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y&amp;#39;&lt;/span&gt;) ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;年&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Month Display&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-month item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;M&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_year&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Year Display&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-year item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_time&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;年&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_author&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Auhor archive&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Get the author information&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;global&lt;/span&gt; $author;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $userdata &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_userdata&lt;/span&gt;( $author );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Display author name&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Author: &amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $userdata&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;display_name&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item item-current&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;post_type_archive_title&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_page&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// Standard page&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;( $post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;post_parent&lt;/span&gt; ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// If child page, get parents&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $anc &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_post_ancestors&lt;/span&gt;( $post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;ID&lt;/span&gt; );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Get parents in the right order&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      $anc &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;array_reverse&lt;/span&gt;( $anc );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Parent page loop&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#f92672&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;isset&lt;/span&gt;( $parents ) ) $parents &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;null&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;foreach&lt;/span&gt; ( $anc &lt;span style=&#34;color:#66d9ef&#34;&gt;as&lt;/span&gt; $ancestor ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $parents &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-parent item&amp;#34;&amp;gt;&amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_permalink&lt;/span&gt;( $ancestor ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_title&lt;/span&gt;( $ancestor ) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $sep;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Display parent pages&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $parents;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Current page&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_title&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;// Just display current page if not parents&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_the_title&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_search&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// Search results page&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;Search results for: &amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_search_query&lt;/span&gt;() &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  } &lt;span style=&#34;color:#66d9ef&#34;&gt;else&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_404&lt;/span&gt;() ) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 404 page&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;li class=&amp;#34;item-current item&amp;#34;&amp;gt;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Error 404&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;// End breadcrumb&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/ul&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;然后在 header.php 末尾添加下列代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;?&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;php&lt;/span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// 文章页面添加面包屑导航&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;function_exists&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;breadcrumb&amp;#39;&lt;/span&gt;) ) &lt;span style=&#34;color:#a6e22e&#34;&gt;breadcrumb&lt;/span&gt;();&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;最后添加样式代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/* 面包屑导航样式 */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;breadcrumb&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#888&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;:&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;auto&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;breadcrumb&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;a&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#888&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;breadcrumb&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;a&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;not&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;(&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;dots&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;)&lt;/span&gt;:&lt;span style=&#34;color:#a6e22e&#34;&gt;hover&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#CC0033&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;breadcrumb&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;li&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;display&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;inline&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;line-height&lt;/span&gt;:&lt;span style=&#34;color:#ae81ff&#34;&gt;20&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt; }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;首页文章标题正文标题下方添加元素&#34;&gt;首页文章标题、正文标题下方添加元素&lt;/h3&gt;&#xA;&lt;p&gt;其中有一个用于统计每篇文章的字数的代码，需要添加到 functions.php 文件中。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;//字数统计&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;zm_count_words&lt;/span&gt; ($text) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;global&lt;/span&gt; $post;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; (&lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;($text)) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        $text &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;post_content&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; (&lt;span style=&#34;color:#a6e22e&#34;&gt;mb_strlen&lt;/span&gt;($output, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;UTF-8&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;mb_strlen&lt;/span&gt;($text, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;UTF-8&amp;#39;&lt;/span&gt;)) $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;span class=&amp;#34;word-count&amp;#34;&amp;gt;共&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;mb_strlen&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;preg_replace&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;/\s/&amp;#39;&lt;/span&gt;,&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#39;&lt;/span&gt;,&lt;span style=&#34;color:#a6e22e&#34;&gt;html_entity_decode&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;strip_tags&lt;/span&gt;($post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;post_content&lt;/span&gt;))),&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;UTF-8&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;字&amp;lt;/span&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#66d9ef&#34;&gt;return&lt;/span&gt; $output;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;打开 content.php，找到以下代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;?&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;php&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_single&lt;/span&gt;() ) &lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#75715e&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&amp;lt;h1 class=&amp;#34;entry-title&amp;#34;&amp;gt;&amp;lt;?php the_title(); ?&amp;gt;&amp;lt;/h1&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&amp;lt;?php else : ?&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;然后在 &lt;code&gt;&amp;lt;?php else: ?&amp;gt;&lt;/code&gt; 的上面添加以下代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;p&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;meta&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&amp;lt;!--&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;文章页标题下标签&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;--&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;Auth&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;:&amp;lt;?&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;php&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;the_author_nickname&lt;/span&gt;(); &lt;span style=&#34;color:#75715e&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;Date:&amp;lt;?php echo the_time(&amp;#39;Y/m/j&amp;#39;); ?&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;Cat:&amp;lt;?php the_category(&amp;#39;、&amp;#39;); ?&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;Word:&amp;lt;?php echo zm_count_words($text); ?&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&amp;lt;/p&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;在 content.php 找到&lt;code&gt;&amp;lt;footer&amp;gt;&amp;lt;/footer&amp;gt;&lt;/code&gt;，将这两个标签内（包括这两个标签）的所有内容删除，并替换为以下代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;?&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;php&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_single&lt;/span&gt;() ) &lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#75715e&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;            &amp;lt;footer class=&amp;#34;content-foot&amp;#34;&amp;gt;&amp;lt;!--文章页脚部显示修改--&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;                &amp;lt;?php the_tags(&amp;#39;⚑Tags：&amp;#39;,&amp;#39;、&amp;#39;); ?&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;            &amp;lt;/footer&amp;gt;&amp;lt;!-- .content-foot --&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;        &amp;lt;?php else : ?&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;            &amp;lt;footer class=&amp;#34;home-foot&amp;#34;&amp;gt;&amp;lt;!--除文章页脚部显示修改--&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;                ◷&amp;lt;?php echo the_time(&amp;#39;Y/m/j&amp;#39;); ?&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;                @&amp;lt;?php the_author_nickname(); ?&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;                ▤&amp;lt;?php the_category(&amp;#39;、&amp;#39;); ?&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;                ⚑&amp;lt;?php the_tags(&amp;#39;&amp;#39;,&amp;#39;、&amp;#39;); ?&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;                &amp;lt;?php edit_post_link( __( &amp;#39;——编辑&amp;#39;, &amp;#39;twentytwelve-child&amp;#39; ), &amp;#39;&amp;lt;span class=&amp;#34;edit-link&amp;#34;&amp;gt;&amp;#39;, &amp;#39;&amp;lt;/span&amp;gt;&amp;#39; ); ?&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;            &amp;lt;/footer&amp;gt;&amp;lt;!-- .entry-meta --&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;        &amp;lt;?php endif;  // is_single() ?&amp;gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;最后添加样式代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;/* 文章页标题、meta块、和脚部样式修改 */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#content .&lt;span style=&#34;color:#a6e22e&#34;&gt;title&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding-bottom&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;text-align&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;center&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#content .&lt;span style=&#34;color:#a6e22e&#34;&gt;meta&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;13&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;border&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;dashed&lt;/span&gt; rgba(&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;0.15&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;text-align&lt;/span&gt;: &lt;span style=&#34;color:#66d9ef&#34;&gt;center&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;letter-spacing&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0.035&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;rem&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;#content .&lt;span style=&#34;color:#a6e22e&#34;&gt;content-foot&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;13&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;10&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;-24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;-24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#ae81ff&#34;&gt;-24&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;px&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;letter-spacing&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;0.035&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;rem&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background-color&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;#ededed&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;禁止加载语言包&#34;&gt;禁止加载语言包&lt;/h3&gt;&#xA;&lt;p&gt;在 functions.php 中加入下列代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;//关闭翻译&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;add_filter&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;locale&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt;($locale) {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $locale &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; ( &lt;span style=&#34;color:#a6e22e&#34;&gt;is_admin&lt;/span&gt;() ) &lt;span style=&#34;color:#f92672&#34;&gt;?&lt;/span&gt; $locale &lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;en_US&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;return&lt;/span&gt; $locale;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;});&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;为摘要添加继续阅读字样&#34;&gt;为摘要添加“继续阅读”字样&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;//为摘要添加继续阅读字样&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// Remove the ... from excerpt and change the text&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;change_excerpt_more&lt;/span&gt;()&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;{&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;new_excerpt_more&lt;/span&gt;($more)&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;{&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// Use .read-more to style the link&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;return&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;......&amp;lt;span class=&amp;#34;read-more&amp;#34;&amp;gt; &amp;lt;a href=&amp;#34;&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_permalink&lt;/span&gt;($post&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;ID&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34;&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;继续阅读»»»&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;add_filter&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;excerpt_more&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;new_excerpt_more&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;add_action&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;after_setup_theme&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;change_excerpt_more&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;页面添加-html-后缀&#34;&gt;页面添加 html 后缀&lt;/h3&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;//WordPress页面链接添加html后缀&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;html_page_permalink&lt;/span&gt;() {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;global&lt;/span&gt; $wp_rewrite;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt; ( &lt;span style=&#34;color:#f92672&#34;&gt;!&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;strpos&lt;/span&gt;($wp_rewrite&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_page_permastruct&lt;/span&gt;(), &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;.html&amp;#39;&lt;/span&gt;)){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$wp_rewrite&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;page_structure&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $wp_rewrite&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;page_structure&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;.html&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;add_action&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;init&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;html_page_permalink&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;修改全局字体&#34;&gt;修改全局字体&lt;/h3&gt;&#xA;&lt;p&gt;我采用的是开源字体——&lt;a href=&#34;https://github.com/lxgw/LxgwWenKai&#34; rel=&#34;noopener noreferrer&#34;&gt;霞鹜文楷&lt;/a&gt;。在 header.php 添加下列代码：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;!--&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;Screen&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;version&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;--&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;link&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;rel&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;stylesheet&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;href&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://npm.elemecdn.com/lxgw-wenkai-screen-webfont@1.1.0/style.css&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;/&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;style&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#a6e22e&#34;&gt;body&lt;/span&gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#75715e&#34;&gt;/* Screen version */&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#a6e22e&#34;&gt;font&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;family&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;LXGW WenKai Screen&amp;#34;&lt;/span&gt;, &lt;span style=&#34;color:#a6e22e&#34;&gt;sans&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;serif&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;style&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;网站统计小工具&#34;&gt;网站统计小工具&lt;/h3&gt;&#xA;&lt;p&gt;在主题目录新建文件 &lt;strong&gt;widget-websitestat.php&lt;/strong&gt;，并添加下列内容。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;?&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;php&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// WordPress统计信息小工具&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;// 定义小工具的类 EfanWebsitestat&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;class&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;EfanWebsitestat&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;extends&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;WP_Widget&lt;/span&gt;{&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;__construct&lt;/span&gt;(){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 定义小工具的构造函数&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $widget_ops &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;array&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;classname&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;widget_Websitestat&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;description&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;显示网站的统计信息&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;//     $this-&amp;gt;WP_Widget(false, &amp;#39;网站统计&amp;#39;, $widget_ops);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;parent&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;::&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;__construct&lt;/span&gt;( &lt;span style=&#34;color:#66d9ef&#34;&gt;false&lt;/span&gt;, &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;网站统计&amp;#39;&lt;/span&gt;, $widget_ops);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;form&lt;/span&gt;($instance){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 表单函数,控制后台显示&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// $instance 为之前保存过的数据&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 如果之前没有数据的话,设置默认量&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $instance &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;wp_parse_args&lt;/span&gt;(&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      (&lt;span style=&#34;color:#66d9ef&#34;&gt;array&lt;/span&gt;)$instance,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#66d9ef&#34;&gt;array&lt;/span&gt;(&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;网站信息统计&amp;#39;&lt;/span&gt;,&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&amp;gt;&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;2021-01-01&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      )&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    );&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $title &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;htmlspecialchars&lt;/span&gt;($instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;]);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $establish_time &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;htmlspecialchars&lt;/span&gt;($instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;]);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 表格布局输出表单&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;table&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;标题&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;input id=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;$this&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_field_id&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; name=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;$this&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_field_name&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;)&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; type=&amp;#34;text&amp;#34; value=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;$instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; /&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;建站时间：&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;&amp;#39;&lt;/span&gt;;   &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;input id=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;$this&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_field_id&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;) &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; name=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;$this&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_field_name&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;)&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; type=&amp;#34;text&amp;#34; value=&amp;#34;&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;$instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;#34; /&amp;gt;&amp;#39;&lt;/span&gt;;   &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&amp;#39;&lt;/span&gt;;  &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $output;   &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;update&lt;/span&gt;($new_instance, $old_instance){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 更新数据的函数&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $instance &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $old_instance;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 数据处理&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;] &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;strip_tags&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;stripslashes&lt;/span&gt;($new_instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;]));&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;] &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;strip_tags&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;stripslashes&lt;/span&gt;($new_instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;]));&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;return&lt;/span&gt; $instance;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;widget&lt;/span&gt;($args, $instance){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#a6e22e&#34;&gt;extract&lt;/span&gt;($args); &lt;span style=&#34;color:#75715e&#34;&gt;//展开数组&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $title &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;apply_filters&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;widget_title&amp;#39;&lt;/span&gt;,&lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;($instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;]) &lt;span style=&#34;color:#f92672&#34;&gt;?&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; &amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; $instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;title&amp;#39;&lt;/span&gt;]);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $establish_time &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;empty&lt;/span&gt;($instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;]) &lt;span style=&#34;color:#f92672&#34;&gt;?&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;2021-01-01&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;:&lt;/span&gt; $instance[&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;establish_time&amp;#39;&lt;/span&gt;];&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $before_widget;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $before_title &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $title &lt;span style=&#34;color:#f92672&#34;&gt;.&lt;/span&gt; $after_title;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-boys&amp;#34;&amp;gt;&amp;lt;ul&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $this&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;efan_get_websitestat&lt;/span&gt;($establish_time);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $after_widget;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;efan_get_websitestat&lt;/span&gt;($establish_time){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 相关数据的获取&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;global&lt;/span&gt; $wpdb;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $count_posts &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;wp_count_posts&lt;/span&gt;();&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $published_posts &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $count_posts&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;publish&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $comments_count &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $wpdb&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_var&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;SELECT COUNT(*) FROM &lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;$wpdb-&amp;gt;comments&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $time &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;floor&lt;/span&gt;((&lt;span style=&#34;color:#a6e22e&#34;&gt;time&lt;/span&gt;()&lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;strtotime&lt;/span&gt;($establish_time))&lt;span style=&#34;color:#f92672&#34;&gt;/&lt;/span&gt;&lt;span style=&#34;color:#ae81ff&#34;&gt;86400&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $count_tags &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;wp_count_terms&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;post_tag&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $count_pages &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;wp_count_posts&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;page&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $link &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $wpdb&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_var&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;SELECT COUNT(*) FROM &lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;$wpdb-&amp;gt;links&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt; WHERE link_visible = &amp;#39;Y&amp;#39;&amp;#34;&lt;/span&gt;); &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $users &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $wpdb&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_var&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;SELECT COUNT(ID) FROM &lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;$wpdb-&amp;gt;users&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $last &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $wpdb&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_results&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;SELECT MAX(post_modified) AS MAX_m FROM &lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;$wpdb-&amp;gt;posts&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt; WHERE (post_type = &amp;#39;post&amp;#39; OR post_type = &amp;#39;page&amp;#39;) AND (post_status = &amp;#39;publish&amp;#39; OR post_status = &amp;#39;private&amp;#39;)&amp;#34;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $last &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;date&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;Y-m-d&amp;#39;&lt;/span&gt;, &lt;span style=&#34;color:#a6e22e&#34;&gt;strtotime&lt;/span&gt;($last[&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;]&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;MAX_m&lt;/span&gt;));&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $total_views &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; $wpdb&lt;span style=&#34;color:#f92672&#34;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;get_var&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;SELECT SUM(meta_value+0) FROM &lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;$wpdb-&amp;gt;postmeta&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt; WHERE meta_key = &amp;#39;views&amp;#39;&amp;#34;&lt;/span&gt;);  &#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;// 显示数据&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg1 wb-top&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-snowflake-o&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 文章总数：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $published_posts;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 篇&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg2&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-paper-plane-o&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 评论数目：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $comments_count;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 条&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg3&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-star-o&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 标签总数：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $count_tags;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 个&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg4&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-pie-chart&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 浏览次数：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $total_views;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 次&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg5&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-link&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 友链总数：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $link;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 个&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg7&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-refresh&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 运行天数：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $time;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 天&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg8&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-calendar&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 建站时间：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $establish_time;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg9&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-clock-o&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 最后更新：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; $last;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#75715e&#34;&gt;//   页面生成耗时+数据库查询  &#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg10&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-podcast&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 数据查询：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;get_num_queries&lt;/span&gt;();&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39; 次 &amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;&amp;lt;div class=&amp;#34;widgest-bg widgest-bg11 wb-bottom&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-main&amp;#34;&amp;gt;&amp;lt;div class=&amp;#34;widgest-meat&amp;#34;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;i class=&amp;#34;fa fa-hourglass-half&amp;#34; aria-hidden=&amp;#34;true&amp;#34;&amp;gt;&amp;lt;/i&amp;gt; 生成耗时：&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;timer_stop&lt;/span&gt;(&lt;span style=&#34;color:#ae81ff&#34;&gt;0&lt;/span&gt;,&lt;span style=&#34;color:#ae81ff&#34;&gt;5&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    $output &lt;span style=&#34;color:#f92672&#34;&gt;.=&lt;/span&gt; &lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;秒&amp;lt;/li&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39;&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;echo&lt;/span&gt; $output;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  }&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;EfanWebsitestat&lt;/span&gt;(){&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#75715e&#34;&gt;// 注册小工具&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#a6e22e&#34;&gt;register_widget&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;EfanWebsitestat&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;add_action&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;widgets_init&amp;#39;&lt;/span&gt;,&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;EfanWebsitestat&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;然后在 functions.php 文件中加入下列代码。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;//添加站点统计小工具&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;include&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;widget-websitestat.php&amp;#34;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;网站后台添加小工具即可。&lt;/p&gt;&#xA;&lt;h3 id=&#34;写完哪本书了&#34;&gt;写完哪本书了？&lt;/h3&gt;&#xA;&lt;p&gt;详见文章《&lt;a href=&#34;https://yinji.org/4901.html&#34;&gt;ChatGPT 帮我写代码，实现“已写完哪本书”统计&lt;/a&gt;》&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;大致就是以上这些，具体还有一些小细节，我直接在 style.css 对照审查元素进行修改了，没有记录，需要的可以下载文件，对照我博客进行修改。&lt;/p&gt;&#xA;&lt;p&gt;参考文章：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;《&lt;a href=&#34;https://www.bgbiji.com/701.html&#34; rel=&#34;noopener noreferrer&#34;&gt;WordPress建站，twenty twelve子主题修改全记录&lt;/a&gt;》&lt;/li&gt;&#xA;&lt;li&gt;《&lt;a href=&#34;https://xuv.cc/1&#34; rel=&#34;noopener noreferrer&#34;&gt;WordPress 经典主题 TwentyTwelve 木头人修改精简版&lt;/a&gt;》&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;下载地址&#34;&gt;下载地址&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;我修改的：&lt;a href=&#34;https://github.com/huhexian/2012-huhexian&#34; rel=&#34;noopener noreferrer&#34;&gt;GitHub&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;木头人修改版：&lt;a href=&#34;https://pan.lanzouw.com/ilrtz0uyd82d&#34; rel=&#34;noopener noreferrer&#34;&gt;蓝奏网盘&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;</description>
    </item>
    <item>
      <title>写博客的第5年</title>
      <link>https://yinji.org/5th-year-of-blogging.html/</link>
      <pubDate>Thu, 06 Apr 2023 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/5th-year-of-blogging.html/</guid>
      <description>&lt;p&gt;前两天收到十年之约发来的一封邮件，点开一看，原来是5年前的这个时候申请加入十年之约，一个所谓的“组织”，约束自己坚持写博客至少10年。&lt;/p&gt;&#xA;&lt;p&gt;我猛然想起，今年是我写博客的第5年了。&lt;/p&gt;&#xA;&lt;p&gt;写下了一点想法，我对自己说，现在能够坚持写博客已经是一件很不容易的事情了。5年前能看到熟悉的朋友和他们熟悉的文字，他们的更新频率不说一天一篇，至少一周都会有记录，反观现在，从周更变成月更，甚至年更。&lt;/p&gt;&#xA;&lt;h2 id=&#34;回顾&#34;&gt;回顾&lt;/h2&gt;&#xA;&lt;p&gt;我也如此。2018年3月17日，那时候我还是一个高中生，原本高中学习是很繁忙的，我的脑子里却总有一些想法，脑子里装不下了，就只好写下来。抱着“每日一博”的想法，天天写天天写，每天晚上躺在床上思考明天写什么，当时用最传统的方法，先写在笔记本里，满意之后再发到博客上。现在想想，真是可笑，回过头去看那时候写的内容，都不好意思拿给别人看。但也是一种成长，一种独特的回忆吧。&lt;/p&gt;&#xA;&lt;p&gt;2021年10月，我将博客连同域名和数据一同出售，这是我5年里做过的最后悔的一个决定，看中一时的利益却忽视了它真正的价值与意义。虽然后面我很快又重新注册域名，重新建立博客，但似乎从那时候起，写博客的动力和兴趣少了很多。&lt;/p&gt;&#xA;&lt;p&gt;从过去折腾博客主题、插件，到现在折腾博客的平台或程序，这是写博客的人基本上都会经历的。1年之后，2022年10月，我通过在网上寻找教程以及咨询网友，在 GitHub Pages 搭建了 Hugo 博客，并将数据手动迁移了过去。当时只是一时兴起，但 Hugo 却不适合我。三个月后我又换回了 WordPress。&lt;/p&gt;&#xA;&lt;p&gt;以上三段内容，应该说是我这5年里比较重要的时间点，5年说长不长说短不短，寥寥几句也能说完。&lt;/p&gt;&#xA;&lt;h2 id=&#34;收获&#34;&gt;收获&lt;/h2&gt;&#xA;&lt;p&gt;在这5年里，我建了两个交流社区，一个是中文博客圈微信群，另一个是 Telegram 上的频道 @FindBlog。二者带给我最大的收获，是认识了一群有相同兴趣爱好的人，以及一个交流的平台、机会。在网站建设里有一个词——友情链接，在博客圈里就相当于“博友”。如果没有他们的影响，我也不会一直写到现在，一群人一起走，能够走得更远。&lt;/p&gt;&#xA;&lt;p&gt;虽然他们更新频率低了。&lt;a href=&#34;https://imzm.im&#34; rel=&#34;noopener noreferrer&#34;&gt;陈仓颉&lt;/a&gt;，现在看到更多关于他的信息，是他在群里讨论各种笔记软件，让我印象深刻的是他在他博客中评价我“前程似锦”，以及他喷微信和某人。&lt;a href=&#34;https://laozhang.org&#34; rel=&#34;noopener noreferrer&#34;&gt;张波博客&lt;/a&gt;，域名、博客名字来回横跳，特别爱折腾，每当看到群里在聊什么好玩的，都会参与进来，难以想象他是一个中学老师。&lt;a href=&#34;https://iliu.org&#34; rel=&#34;noopener noreferrer&#34;&gt;流金岁月&lt;/a&gt;，这位验光师也是经常换域名和博客名字，喜欢分享眼睛、眼镜知识，以及他和女儿的日常生活。到他这配过眼镜，很专业，但是报我名字不打折。&lt;a href=&#34;https://lushaojun.com&#34; rel=&#34;noopener noreferrer&#34;&gt;阿均&lt;/a&gt;，在群里十分活跃，经常针对时事发表一些看法，有时候也喜欢“杠”，虽然有的观点不太认同，但都能够和谐交流，写博客就是一种交流方式，尽量做到求同存异。&lt;a href=&#34;https://wind.ink&#34; rel=&#34;noopener noreferrer&#34;&gt;依然&lt;/a&gt;和&lt;a href=&#34;https://ifblog.cn&#34; rel=&#34;noopener noreferrer&#34;&gt;若非&lt;/a&gt;，他们俩是群里拥有最多相机和镜头的人，也是我羡慕的人，可以拿着相机拍下美丽的人与景，后者虽然不在群里了，但博客依然在更新。&lt;a href=&#34;http://www.wangyikai.com&#34; rel=&#34;noopener noreferrer&#34;&gt;王宜楷&lt;/a&gt;是专业的作家，文学专业毕业，看他的博客就像是在书店里随手拿起一本书在阅读，现在他博客里更多的是育儿日记了。&lt;a href=&#34;https://www.yangjingwen.cn&#34; rel=&#34;noopener noreferrer&#34;&gt;杨景文&lt;/a&gt;，曾经叫他学长，但是现在叫叔叔更合适，毕竟他是80后。前段时间发现他博客无法访问，也不知道在偷偷准备着什么，他应该是我认识最早的写博客的朋友，也给予我很多的帮助。&lt;a href=&#34;https://cuan.blog&#34; rel=&#34;noopener noreferrer&#34;&gt;熊的猫&lt;/a&gt;换域名比换衣服还勤快，每次域名都是极具个性，正是因为认识他时的网名叫熊的猫，我就以为他是比较胖胖的，后面看到照片才发现是一个瘦瘦的帅小伙。&lt;a href=&#34;https://www.ntiy.com&#34; rel=&#34;noopener noreferrer&#34;&gt;huntrue&lt;/a&gt;和前面那位经常在群里聊得火热、带劲，是一个很有趣的朋友。&lt;a href=&#34;https://1900.live&#34; rel=&#34;noopener noreferrer&#34;&gt;1900&lt;/a&gt;，看了《海上钢琴师》，便给自己的博客取名1900，喜欢骑行、健身，最近似乎在折腾Emby。&lt;a href=&#34;https://ezo.biz&#34; rel=&#34;noopener noreferrer&#34;&gt;三丁&lt;/a&gt;，他的博客名字叫小猪的窝，我一直以为他也是胖胖的，不知道是不是如此，关于他我想到一个关键词——前女友。&lt;a href=&#34;https://yufengbiji.com&#34; rel=&#34;noopener noreferrer&#34;&gt;Austin&lt;/a&gt;，为数不多的和我年龄差不多的朋友，特别厉害，有技术真是一件让人羡慕的事。&lt;a href=&#34;https://0xo.net&#34; rel=&#34;noopener noreferrer&#34;&gt;老杨&lt;/a&gt;，他的博客内容特别丰富，看的、玩的都有，在群里也十分活跃，讨论起数码产品、电子产品没个停。&lt;a href=&#34;https://blog.cloudtosky.com&#34; rel=&#34;noopener noreferrer&#34;&gt;云顶天&lt;/a&gt;，这位大叔也半年多没更新了，估计是玩摄影、拍视频去了，时不时在群里和朋友圈看到他和家人朋友开车出去露营的视频。&lt;a href=&#34;https://azhuai.com&#34; rel=&#34;noopener noreferrer&#34;&gt;胡记&lt;/a&gt;，在博客圈里遇到和自己同姓的人也是一种缘分，有一种莫名的亲切感，当初高考之后填志愿，他还一直给我推荐学校。大魏，健身教练，早些时候因为工作繁忙，没时间在群里聊天就退出了微信群，最初的印象是他博客里的一张照片，现在也很少有联系，博客无法访问，不知道是不是在另一个平台写作。有一个愿望，和上述所有人见一次面、聚一次会，希望早日实现。&lt;/p&gt;&#xA;&lt;p&gt;&amp;hellip;&amp;hellip;&lt;/p&gt;&#xA;&lt;p&gt;当然，还有很多朋友都有过交流，无法一一叙述，就将群里比较活跃的一些朋友拎出来介绍了一番。每个人的博客就像是一座孤岛，互相访问、留言，久而久之就从陌生人变成了朋友，从孤岛变成了群岛，各自分享不同的生活、不同的观点、不同的喜好，我在这个过程中学到了书本、课堂以外的东西，对我来说这是写博客最大的意义与收获。&lt;/p&gt;&#xA;&lt;h2 id=&#34;经验&#34;&gt;经验&lt;/h2&gt;&#xA;&lt;p&gt;5年之前，我还在网上寻找各类教程，学习如何使用服务器、安装宝塔、安装 WordPress，5年之后对这方面也更加的熟悉，而对于写博客方面，也有更多、更新的认识。记录下来，分享交流。&lt;/p&gt;&#xA;&lt;p&gt;经常看到的一个现象，当你不知道写什么的时候就写如何搭建博客，于是你会在网上看到各种各样的博客搭建教程。我觉得写什么不重要，关键是写，是坚持写。不要带着功利的态度去写，只需要写下你最真实的想法，最想记录的内容。不用考虑自己写的内容有没有意义，我们不能保证自己做的每一件事都是有意义的，敢于写、敢于记录，本身就是一件了不起的事情，不让我们的想法随风消逝，不让我们的生活只存在于记忆里，这就是我认为的写博客的意义。&lt;/p&gt;&#xA;&lt;p&gt;我是一个不太喜欢配图的人，也可能是因为找不到合适的图来搭配我的文字，能用文字叙述清楚的，尽量不用文字，虽然美观，但我更相信文字的魅力。通过学习 Markdown，让我了解到一种不同的写作方式，极大提高了我的效率，进入到一种所谓的沉浸式写作状态。&lt;/p&gt;&#xA;&lt;p&gt;在选择博客平台这个问题上，也有许多声音和观点，我也面临过这样的选择。就拿我使用 WordPress 和 Hugo 来说，两者的区别在于金钱成本和学习成本，没有代码经验的人，比如我，更适合使用 WordPress，用了5年，我对它更加熟悉，基本上不需要输入任何代码；而 Hugo 则更适合程序员使用，今天本来想使用 Cloudflare Pages 部署 Hugo，光是 Git 就让我头大，最后还是老老实实继续使用 WordPress。&lt;/p&gt;&#xA;&lt;p&gt;我的经验不一定对所有人适用，如果能够帮助到希望写或者正在写博客的朋友，不胜荣幸。&lt;/p&gt;&#xA;&lt;p&gt;最后，继续写吧，坚持阅读和写作，坚持输入与输出。因为在今天的社会里，坚持是一件难能可贵的事情。&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;一封邮件，把我的思绪拉回到五年前，我用三千多字叙述了个大概，也重新点燃了写博客的热情。期待写博客的第10年再相见！&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>关于写作的一些内容分享</title>
      <link>https://yinji.org/some-content-sharing-about-writing.html/</link>
      <pubDate>Tue, 18 Oct 2022 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/some-content-sharing-about-writing.html/</guid>
      <description>&lt;h2 id=&#34;写日记是最简单成本最低的写作&#34;&gt;写日记是最简单、成本最低的写作&lt;/h2&gt;&#xA;&lt;p&gt;最近在备考教资，还有十来天就考试了。在路上听到室友讨论教资考试科目一的作文题，他说高中毕业以来就没写过作文了，三年多没有写作，现在拿起笔都不知道该写什么。&lt;/p&gt;&#xA;&lt;p&gt;这种情况有点像“提笔忘字”，因为平常接触的少，真正需要用起来，忘得一干二净。人们习惯了用键盘打字，很少拿起笔，在纸上写字；人们习惯了以视频、语音的方式表达观点和想法，很少用写作的方式，用笔记录自己的思考。&lt;/p&gt;&#xA;&lt;p&gt;同时，我也听到室友说了一句话，“不知道该写什么，开头只会用‘我认为’”。针对这一点，我有自己的看法，就是上面标题所说的，“&lt;strong&gt;写日记是最简单、成本最低的写作&lt;/strong&gt;”，我看到过许多人给自己定下的要求是，每天XX时候，固定写XX字，不限内容、体裁和形式。这对于普通人来说，可能有点做不到，但是写日记是的的确确每个人都可以完成的事情。&lt;/p&gt;&#xA;&lt;p&gt;每天晚上睡觉前，拿出手机，在备忘录上记下今天遇见了什么人、发生/经历了什么事，和什么人分享了什么内容，或者，早上、中午、晚上吃了什么，这都是可以记录下来的，即使是流水账一般的日记，它也是你的生活。&lt;/p&gt;&#xA;&lt;p&gt;日记不一定要写得多么有文采，只要真实记录当天的事情、你的感受即可，真情实感的内容往往最有价值。我现在把写日记当作对每一天的回顾与复盘，从早上到晚上，按照时间顺序来记录，少则一两百字多则五六百字，写得多了，自然而然就得心应手了。&lt;/p&gt;&#xA;&lt;p&gt;最难的不是写什么，而是坚持写。&lt;/p&gt;&#xA;&lt;h2 id=&#34;生活就是你的灵感来源&#34;&gt;生活就是你的灵感来源&lt;/h2&gt;&#xA;&lt;p&gt;今天在 Medium 上看到一篇标题名为《How to find what to write — everyday》的文章，翻译过来就是如何找到每天该写的内容，作者从四个方面分享了他的观点，对于经常写作的人或许有点作用。&lt;/p&gt;&#xA;&lt;p&gt;文章结构简单清晰，作者主要有两个观点。&lt;/p&gt;&#xA;&lt;p&gt;第一个：“Use Your Resources”，充分利用我们所拥有的资源.&lt;/p&gt;&#xA;&lt;p&gt;分别是“Reading / Books / Internet”、“Family / Friends / People”、“Professional Life / Work”、“Hobbies”，简而言之，阅读、人物、专业、兴趣。&lt;/p&gt;&#xA;&lt;p&gt;看到一句 Top Highlight 的话，&lt;code&gt;Your life is usually the best and limitless resource to find things to write about.&lt;/code&gt;对于写作，你的生活通常是最好的、无限的资源。&lt;/p&gt;&#xA;&lt;p&gt;写什么？我们阅读过的文章、书籍，在互联网上浏览过的信息；我们周边的人，包括家人、朋友、陌生人；我们专业的内容，或者工作；我们为之热爱的东西，各种兴趣爱好。&lt;/p&gt;&#xA;&lt;p&gt;第二个我很认同的观点：&amp;ldquo;Keep Going and Write Often&amp;rdquo;。&lt;/p&gt;&#xA;&lt;p&gt;我们可能会发现很难找到新的东西来写，然而，我们的生活是一个无限的思想资源。继续前进，敞开心扉，随时准备好迎接新的想法。经常写，想法和灵感会自己来找你。&lt;/p&gt;&#xA;&lt;h2 id=&#34;people-die-but-long-live-github&#34;&gt;People Die, but Long Live GitHub！&lt;/h2&gt;&#xA;&lt;p&gt;前几天，海格的饰演者考特拉尼去世，在之前的采访中，他说：50年后，他不在了，但是海格依然会在，依然会有一代又一代人看《哈利·波特》。&lt;/p&gt;&#xA;&lt;p&gt;想到看过的一篇文章 《&lt;a href=&#34;https://laike9m.com/blog/people-die-but-long-live-github,122/&#34; rel=&#34;noopener noreferrer&#34;&gt;People Die, but Long Live GitHub&lt;/a&gt;》，将自己的文章存档至 GitHub，几十年之后，我们可能不在了，但是在 GitHub 上依然有我们的痕迹。&lt;/p&gt;&#xA;&lt;p&gt;这也是我不再使用 WordPress 而转向静态博客程序 Hugo 的原因。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;GitHub 已经成为互联网最重要的基础设施之一，有太多人，太多事都直接或间接地依赖于 GitHub，除非人类在未来完全不需要开源代码(这显然不可能)，否则我想不出 GitHub 有关闭的可能。对 GitHub 来说，存在 100 年简直是小意思，500 年也不是不可能。这是我的预言，不一定准确，但我还挺有信心的。&lt;/p&gt;&#xA;&lt;p&gt;不管怎么说，对我们的目标 100 年来说，GitHub 完全可以胜任。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;我的&lt;a href=&#34;https://yinji.org&#34; rel=&#34;noopener noreferrer&#34;&gt;个人博客&lt;/a&gt;，过去一直使用 WordPress 程序，搭载在云服务器上，对服务器的依赖性很高，每年的成本也不低，最近换到了 &lt;a href=&#34;https://github.com&#34; rel=&#34;noopener noreferrer&#34;&gt;GitHub&lt;/a&gt; 平台，使用静态博客程序 &lt;a href=&#34;https://gohugo.io&#34; rel=&#34;noopener noreferrer&#34;&gt;Hugo&lt;/a&gt; 和 &lt;a href=&#34;https://pages.github.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;GitHub Pages&lt;/a&gt; 服务，每年只需续费域名，成本也大大降低。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>写作是一个典型的“功夫在诗外”的事情</title>
      <link>https://yinji.org/writing-is-a-typical-work-outside-of-poetry-thing.html/</link>
      <pubDate>Fri, 13 May 2022 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/writing-is-a-typical-work-outside-of-poetry-thing.html/</guid>
      <description>&lt;p&gt;最近读了几篇文章，其中让我印象最深刻的是一篇博客——《&lt;a href=&#34;https://bytedance.feishu.cn/docs/doccn4sKBEWyyLPziLVyoaudpXd&#34; rel=&#34;noopener noreferrer&#34;&gt;Zara&amp;rsquo;s blog - 讲讲我为什么写 blog&lt;/a&gt;》，作者 Zara，在飞书负责 Product Marketing。这是一篇关于她本人对于写作经验的分享，她从2019年12月开始，在字节跳动内部用飞书文档写 blog，在两年多的时间里，写了将近100篇。&lt;/p&gt;&#xA;&lt;p&gt;我从2018年3月开始写博客，到现在已经有4年了，在 Zara 的文章里看到了许多相同的感受，她分享的许多观点也是我之前记录过、认同的。结合 Zara 的这一篇博客，一起分享我对于写作的看法。&lt;/p&gt;&#xA;&lt;p&gt;首先解释下本文的标题：&lt;/p&gt;&#xA;&lt;p&gt;写作是一个典型的“工夫在诗外”的事情&lt;/p&gt;&#xA;&lt;p&gt;这是 Zara 博客里的一句话，我查了一下，正确的说法是“工夫在诗外”，为了“原汁原味”，我就没有进行改动。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;工夫在诗外是指学习做诗，不能就诗学诗，而应把工夫下在掌握渊博的知识，参加社会实践上。&lt;/p&gt;&#xA;&lt;p&gt;出自宋朝诗人陆游给他的一个儿子传授写诗的经验时写的一首诗中的一句。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;h2 id=&#34;我写-blog-的初衷&#34;&gt;我写 blog 的初衷&lt;/h2&gt;&#xA;&lt;p&gt;2018年3月的时候，正处于高一下学期，在此之前我已经了解了博客的相关概念，weblog，即网络日志。当初仅仅只是在博客上发布平常写的一些议论文，高中语文学科的要求，到后来对写作的兴趣慢慢加深，同时也在不断的看书，看得多了自然想的也就挺多，渐渐就形成了写博客的习惯。&lt;/p&gt;&#xA;&lt;p&gt;简单来说就是让自己的兴趣爱好落地生根发芽，喜欢写东西不能光是嘴上说喜欢，得真正写出来，就这样，我一直写了4年的博客，从最初的几篇议论文，到现在的读书笔记、影评、生活记录与思考、工具分享，都能在我的博客里看到。直到今天，我的博客也一直在更新。&lt;/p&gt;&#xA;&lt;p&gt;&lt;figure&#xA;    class=&#34;image-caption image-zoom-container&#34;&#xA;&gt;&#xA;    &#xA;    &lt;input&#xA;        type=&#34;checkbox&#34;&#xA;        id=&#34;img-30e6bc9b&#34;&#xA;        class=&#34;image-zoom-toggle&#34;&#xA;        aria-label=&#34;放大图片：&#34;&#xA;    /&gt;&#xA;    &lt;label&#xA;        for=&#34;img-30e6bc9b&#34;&#xA;        class=&#34;image-zoom-label&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/chenyi/storage/20220513161147.png&#34;&#xA;            alt=&#34;&#34;&#xA;            loading=&#34;lazy&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;label&#xA;        for=&#34;img-30e6bc9b&#34;&#xA;        class=&#34;image-zoom-overlay&#34;&#xA;    &gt;&#xA;        &lt;img&#xA;            src=&#34;https://huhexian.s3.bitiful.net/chenyi/storage/20220513161147.png&#34;&#xA;            alt=&#34;&#34;&#xA;            class=&#34;zoomable-image&#34;&#xA;        /&gt;&#xA;    &lt;/label&gt;&#xA;    &#xA;    &lt;figcaption&gt;&lt;/figcaption&gt;&#xA;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;h2 id=&#34;写-blog-给自己带来的价值&#34;&gt;写 blog 给自己带来的价值&lt;/h2&gt;&#xA;&lt;p&gt;Zara 在文章里说“每个知识工作者都应该努力成为意见领袖”，每个知识工作者都应该努力拥有“Thought leadership”，即当我们知道某件事情的时候，你需要让别人知道你知道，不要藏起来，要分享。&lt;/p&gt;&#xA;&lt;p&gt;我乐于和他人分享自己的想法与观点，乐于推荐别人我用过的软件与工具。&lt;/p&gt;&#xA;&lt;h3 id=&#34;1写作让我认识许多新朋友&#34;&gt;1.写作让我认识许多新朋友&lt;/h3&gt;&#xA;&lt;p&gt;有共同爱好的人会自发组建一个小圈子，在这个圈子里讨论大家热爱的事物，博客圈就是这样。&lt;/p&gt;&#xA;&lt;p&gt;不记得1年前还是2年前，我建立了一个中文博客圈微信群，目前145人，我最初的想法就是让志同道合的人能聚在一起交流和学习，现在也朝着这方面发展完善。&lt;/p&gt;&#xA;&lt;p&gt;用 Zara 的话来说——写作是建立社交网络最高效的方法。我通过博客这个渠道和平台，认识了许多和我一样喜欢写作、热爱生活、记录生活的人，职业、年龄各不相同，有一个朋友曾在我博客里留言：&lt;strong&gt;三年一道沟，我跟你隔了至少7道代沟。所以穿越时空的交流还挺有趣的。&lt;/strong&gt; 有时候年龄不是问题，有代沟也没关系，总能找到共同话题，共同的兴趣爱好，和谁都能聊得来。&lt;/p&gt;&#xA;&lt;p&gt;每个人因为职业、经历的不同，对生活等方面的思考也会不同，当抛出一个话题，会引发头脑风暴式的讨论，每个人分享自己的观点，我很喜欢这样的氛围。&lt;/p&gt;&#xA;&lt;p&gt;赞同 Zara 说的：&lt;strong&gt;为什么说写作是建立社交网络最高效的方法呢？它的高效之处在于，找过来的人是经过筛选的：都是认可我写的内容、认可我的观点的，所以基本上可以确保 100% 聊得来。&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;2写作是我记录生活的一种方式&#34;&gt;2.写作是我记录生活的一种方式&lt;/h3&gt;&#xA;&lt;p&gt;就像写日记一样，记录日常小事可以帮助我们管理焦虑，识别情绪，缓解压力，为更好的自我对话和探索提供机会。当内心世界陷入混乱，它也能够帮助我们重建秩序，提升内在力量。&lt;/p&gt;&#xA;&lt;p&gt;多多拍照，多多记录，常写日记。有很多事情其实已经没法凭空想起来，我甚至不记得上个月最开心的一天做了什么，只有翻看当时的照片或当天的日记时，才能回想起来一桩桩一件件，照片和文字的记录都仿佛能让我重回那一天。&lt;/p&gt;&#xA;&lt;p&gt;摘录一段2020年7月9日我发布在博客的部分内容：&lt;/p&gt;&#xA;&lt;p&gt;中文博客圈是个圈，把我们联系在一起，会有互帮互助，会有学习交流。因此，我也认为，博客不仅仅是一个写作的平台，更是一个交流学习的平台，你不知道对面是一个怎样的人，但总会有共同交流的话题。茶水来了，总会有聊不完的家常，平台有了，总会有想法与想法之间的碰撞。&lt;/p&gt;&#xA;&lt;p&gt;博客可以是一个人的快乐，也可以是一群人的狂欢，可以是一个人的内心独白，也可以是众人集思广益 Brain Storm 的体现。&lt;/p&gt;&#xA;&lt;h2 id=&#34;写作其实是一件很简单的事情&#34;&gt;写作其实是一件很简单的事情&lt;/h2&gt;&#xA;&lt;p&gt;并不是说写小说、写散文才叫写作，那样的话门槛太高，确实很难。&lt;/p&gt;&#xA;&lt;p&gt;写作一词在百度百科里的定义是：&lt;strong&gt;以语言文字为媒介文化交流的行为，是人类各个领域不可或缺的信息记录与传播方式。作为人类凝聚思想，表达情感，加工与传递知识的基本手段。&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;就把它当成是信息记录与传播的方式就好。&lt;/p&gt;&#xA;&lt;p&gt;很多人无从下笔的原因是不知道写什么，没有灵感。灵感从何而来？绝对不是凭空产生的，而是来自外部的输入，阅读一本书、一篇文章，或者听一首歌、看一部电影，这些都是来自外部的输入。&lt;/p&gt;&#xA;&lt;p&gt;灵感来源于生活实践，写作的素材也与自己的生活息息相关。走出房间，观察自己周边的生活，这远比坐在电脑面前有用得多。&lt;/p&gt;&#xA;&lt;p&gt;如同标题所说：写作是一个典型的“功夫在诗外”的事情。&lt;strong&gt;“打开电脑，开启一个文档，开始打字”并不是写作的第一个环节，而是最后一步了。&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;前面的80%的环节 —— 灵感的产生、素材的积累、思路的梳理 —— 都已经在日常工作和生活里完成了。写作的时候只是把这些想法用文字码出来而已。&lt;/p&gt;&#xA;&lt;p&gt;如果日常的积累和思考是到位的，那么整个写作的过程可以如行云流水一般快，你就能体会到“文思如泉涌”的爽感。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;为什么要勤于记录？往往我们很容易忽视自己阅读过的书和文章，忽视自己偶然产生的想法，忘记曾经与之交谈的某个人，而这些都可以成为我们写作的灵感与素材。&lt;/p&gt;&#xA;&lt;h2 id=&#34;如何开始写作&#34;&gt;如何开始写作？&lt;/h2&gt;&#xA;&lt;p&gt;对于这个问题，我并没有太多的经验分享，毕竟我也是在学习中。就我而言，最重要的是输入与输出的结合。&lt;/p&gt;&#xA;&lt;p&gt;前面也说了，阅读一本书、一篇文章，看一部电影、听一首歌等等都是输入，输出不是简单地复制粘贴，而是有思考性的整理和总结。这本书带给你什么感受？是否认同书中的某个观点？小说中的某个人物留给你怎样的印象？这部电影最精彩的部分是什么？常常问问自己这些问题，如果还不知道如何写，那就只能说明看得不够仔细认真了。&lt;/p&gt;&#xA;&lt;p&gt;多阅读多思考，写作是阅读和思考的结果。我在曾经写的《&lt;a href=&#34;https://mp.weixin.qq.com/s/qIlKZ4FgPRHP3xcp-qSyjQ&#34; rel=&#34;noopener noreferrer&#34;&gt;阅读、思考、写作&lt;/a&gt;》里说过：我没有什么写作技巧，我能做的，就是真实地记录自己的所见所闻所感。我相信的是，好的文章，无需用好的辞藻来修饰，只需要你有真情实感，善于表达，即使是最简单的文字、句段，也能引起读者与你的共鸣。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>我回来了</title>
      <link>https://yinji.org/i-am-back.html/</link>
      <pubDate>Sat, 23 Oct 2021 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/i-am-back.html/</guid>
      <description>&lt;p&gt;从9月30日开始，我就在博客上面说我可能会暂停一段时间，到今天一个月不到的时间，其实发生了许多事情，其中包括我另一段恋爱的开始到结束，也包括我的“青山绿水”博客的转让等等。&lt;/p&gt;&#xA;&lt;p&gt;这段恋情来得匆匆，去得也匆匆，我又被甩了，好在仅仅十天，没有太多的留恋。所以到现在，其实也并没有想法了，或许真是“没有世俗的欲望”了，希望好好沉淀自己，提升自己，遇到真正合适的人。&lt;/p&gt;&#xA;&lt;p&gt;对于博客圈经常看我博客的人来说，“青山绿水”的转让可能是一件比较突然的事情。其实早在几个月前就有人对我的博客有想法了，当时也没太在意。可能就有人会说，你不是说要坚持写博客吗？怎么就这样转手了？这个我不辩解，原博客为什么转手，何种形式，不用说大家也清楚。它仅仅是互联网上曾经存在的一个小东西，我通过它学到了许多知识，认识了许多人，&lt;strong&gt;这其实比它本身更有意义和价值&lt;/strong&gt;。&lt;/p&gt;&#xA;&lt;p&gt;坚持写博客，这个是永远不会改变的，所以我才新注册了域名，建立了“胡言胡语”，总有那么些话是胡说的。确实，有很多话是胡说的，也有很多话是胡说的。重新建一个博客比较难，尽管原先博客数据我都保存下来了，上传服务器修改相关信息就可以直接用的，但我并没有这样做，毕竟它也三年了，不删除，就放在那，大家也可以继续去看，我想看看“胡言胡语”三年后是个什么情况。选择 .cc 后缀的域名也算是一种无奈之举，主流后缀没有合适的，不想继续用名字全拼，同时也考虑到以后可能会继续备案，.cc 也是合适的选择。博客目前放在腾讯云香港轻量应用服务器，带宽较小，访问速度可能远不如以前，望多包涵。&lt;/p&gt;&#xA;&lt;p&gt;重新开始，重新出发。原博客的友情链接，如果想继续和我交换友链，欢迎在博客留言，我会及时加上。经常看我博客的朋友，感谢之余也可以订阅我的“胡言胡语”，我们一同在博客的路上走下去。&lt;strong&gt;中文博客圈微信群&lt;/strong&gt;也有130多人了，平常比较活跃，聊天的内容也很广泛，如有兴趣的博友，可以联系我进群。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>博客三周年：继续做一个创作者</title>
      <link>https://yinji.org/blog-3rd-anniversary.html/</link>
      <pubDate>Tue, 16 Mar 2021 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/blog-3rd-anniversary.html/</guid>
      <description>&lt;p&gt;其实我不太想像前两年一样，每次写周年总结就只把这一年在博客写了些什么贴出来，这样对于自己、对于这个总结没有任何意义。看到梦幻辰风的&lt;a href=&#34;https://www.mhcf.net/&#34; rel=&#34;noopener noreferrer&#34;&gt;姜辰&lt;/a&gt;老师每年都是用一个视频来总结自己的博客，我也想过，不过对这方面不太熟练，想想还是作罢。继续用最擅长的方法，继续写出来吧，在一个特定的主题上。&lt;/p&gt;&#xA;&lt;p&gt;前段时间在 Randy 的博客上看到一篇名为《&lt;a href=&#34;https://lutaonan.com/blog/be-a-creator/&#34; rel=&#34;noopener noreferrer&#34;&gt;做这个世界的生产者&lt;/a&gt;》的文章，我们每个人都是消费者，但不一定都是生产者，我们每个写博客的人，其实也能把自己叫做生产者，不过我更喜欢称之为创作者。&lt;/p&gt;&#xA;&lt;p&gt;2018年3月17日——2021年3月17日，其实都是我在博客上面进行创作的日子，这三年来，加上今天这一篇，已经有230篇文章了，百分之九十九都是原创，除了有两篇是转载，写一首诗、拍一张照片，或者洋洋洒洒写个几千字，都是在创作。在这一年里，我慢慢发现，我写的东西有时候或多或少可以给读者提供帮助，在某些方面解答了他们的疑惑，帮助了他们，以前一直认为，博客其实是为自己而写，现在依然这么觉得，不同的是，认为自己的创作产生了意义，有人询问如何搭建博客，有人询问关于学习和生活上的问题，也有人与我思想一致产生共鸣。这是写博客对于自己和他人的意义。&lt;/p&gt;&#xA;&lt;p&gt;不久之前，我创建的中文博客圈微信群变得出奇地活跃，邀请了小赖子的&lt;a href=&#34;https://justyy.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;赖博士&lt;/a&gt;、土木坛子的&lt;a href=&#34;https://tumutanzi.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;谭博士&lt;/a&gt;进群，后来我又在 Twitter 上面邀请了酷壳的站长&lt;a href=&#34;https://www.coolshell.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;陈皓&lt;/a&gt;进群，陈皓站长也在 Twitter 上发推讲了这个事情，很多独立博主就联系我想加群。这里不是任何一个人的粉丝群，也不是任何业务群，我的初衷就是希望给坚持写博客的朋友提供一个相互持续交流和学习的沟通平台，目前微信群是最有效的一个平台。事实证明，的确如此，朋友们在群里不仅讨论博客相关的内容，也讨论生活与工作上的各种烦恼琐事，这不仅仅是一个博客交流群，更是一个朋友交流群。&lt;/p&gt;&#xA;&lt;p&gt;我不想也不会给自己定一个写十年、二十年博客的目标，毕竟十年之后的事情谁也料想不到，我想做的就是写到我写不动为止。已经三年过去了，从当初幼稚的高一学生，到现在渐渐走向成熟的大一学生，写博客是我没有后悔也一直坚持的事情，从自己写的博客中，以及别人的博客文章里，我学到了许多，成长了许多。&lt;/p&gt;&#xA;&lt;p&gt;在这三年里，我成为了一个创作者，在下一个三年里，&lt;strong&gt;继续做一个创作者&lt;/strong&gt;，无限进步，永不停止。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;博客一周年：&lt;a href=&#34;http://yinji.org/1813.html&#34; rel=&#34;noopener noreferrer&#34;&gt;http://yinji.org/1813.html&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;博客两周年：&lt;a href=&#34;http://yinji.org/2931.html&#34; rel=&#34;noopener noreferrer&#34;&gt;http://yinji.org/2931.html&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;</description>
    </item>
    <item>
      <title>关于我的博客</title>
      <link>https://yinji.org/about-my-blog.html/</link>
      <pubDate>Sat, 06 Feb 2021 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/about-my-blog.html/</guid>
      <description>&lt;p&gt;之前在网上看到过这样一句话：&lt;strong&gt;当你不知道该写什么的时候就写如何搭建博客&lt;/strong&gt;。不过，我这篇不是要讲如何搭建，而是介绍下我博客的相关信息。因为经常会有网友给我留言，问我博客是什么程序、什么主题，用的什么服务器之类的问题，今天就整理下。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;&#x9;&lt;thead&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th&gt;博客程序&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th&gt;&lt;a href=&#34;https://cn.wordpress.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;WordPress&lt;/a&gt;&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&lt;/thead&gt;&#xA;&#x9;&lt;tbody&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;博客主题&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;&lt;a href=&#34;https://cn.wordpress.org/themes/twentytwelve/&#34; rel=&#34;noopener noreferrer&#34;&gt;Twenty Twelve&lt;/a&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;域名&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;&lt;a href=&#34;https://dnspod.cloud.tencent.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;腾讯云&lt;/a&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;服务器&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;&lt;a href=&#34;https://cloud.tencent.com/act/campus&#34; rel=&#34;noopener noreferrer&#34;&gt;腾讯云&lt;/a&gt;（学生机）&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;域名解析&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;&lt;a href=&#34;https://www.dnspod.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;DNSPod&lt;/a&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;服务器面板&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;&lt;a href=&#34;https://www.bt.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;宝塔面板&lt;/a&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;博客基本的信息就是表格里所示。现在详细说一说。&lt;/p&gt;&#xA;&lt;h2 id=&#34;服务器&#34;&gt;服务器&lt;/h2&gt;&#xA;&lt;p&gt;其实如果对个人博客要求不高的话，简单的虚拟主机就可以满足。2018年我刚开始建博客的时候用的就是虚拟主机，从**&lt;a href=&#34;http://yinji.org/lxzj.html&#34; rel=&#34;noopener noreferrer&#34;&gt;老薛主机&lt;/a&gt;&lt;strong&gt;，到&lt;/strong&gt;网硕互联**，最后才到&lt;strong&gt;腾讯云&lt;/strong&gt;的学生机。服务器可以折腾很多东西，不喜欢折腾只想简简单单写博客的，虚拟主机是最好的选择。&lt;/p&gt;&#xA;&lt;p&gt;对于服务器，如果你是25岁以下的用户，你可以享受腾讯云和阿里云的学生优惠，对付一个博客足够了；如果不是，腾讯云和阿里云也有实惠套餐供你选择。国内服务器推荐阿里云和腾讯云，国外服务器没用过，不做推荐。&lt;/p&gt;&#xA;&lt;p&gt;对于虚拟主机，&lt;strong&gt;&lt;a href=&#34;https://my.liluohost.com/aff.php?aff=21&#34; rel=&#34;noopener noreferrer&#34;&gt;篱落主机&lt;/a&gt;&lt;/strong&gt;、&lt;strong&gt;老薛主机&lt;/strong&gt;、&lt;strong&gt;&lt;a href=&#34;https://my.hengtian.cc/aff.php?aff=3731&#34; rel=&#34;noopener noreferrer&#34;&gt;衡天主机&lt;/a&gt;&lt;/strong&gt;、&lt;strong&gt;&lt;a href=&#34;http://yinji.org/hczj.html&#34; rel=&#34;noopener noreferrer&#34;&gt;恒创主机&lt;/a&gt;&lt;/strong&gt;，价格实惠，配置较好，可以尝试。&lt;/p&gt;&#xA;&lt;h2 id=&#34;域名&#34;&gt;域名&lt;/h2&gt;&#xA;&lt;p&gt;域名不建议选择非主流域名，我博客第一个域名是 men 后缀：longest.men，取“最长的男人”之意，现在用的 com 域名都是在网硕互联买虚拟主机的时候赠送注册的。&lt;/p&gt;&#xA;&lt;p&gt;是否备案取决自己，各有各的好处。已备案的域名可以享受国内服务器/虚拟主机和CDN服务，速度较快，但是多多少少会受到约束；未备案的域名只能使用大陆以外地区的服务器/虚拟主机，约束少，但速度会受到影响。&lt;/p&gt;&#xA;&lt;p&gt;com/cn/net可以考虑首选，me做个人博客域名很适合。域名注册平台，国内可以选择&lt;a href=&#34;http://www.xinnet.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;新网&lt;/a&gt;、&lt;a href=&#34;https://wanwang.aliyun.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;万网&lt;/a&gt;(阿里云)、&lt;a href=&#34;https://www.west.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;西部数码&lt;/a&gt;、&lt;a href=&#34;https://www.quyu.net/&#34; rel=&#34;noopener noreferrer&#34;&gt;趣域&lt;/a&gt;……国外平台可以选择 &lt;a href=&#34;https://www.namecheap.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Namecheap&lt;/a&gt;、&lt;a href=&#34;https://sg.godaddy.com/zh&#34; rel=&#34;noopener noreferrer&#34;&gt;GoDaddy&lt;/a&gt;(狗爹)、&lt;a href=&#34;https://www.namesilo.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;NameSilo&lt;/a&gt;、&lt;a href=&#34;https://www.dynadot.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Dynadot&lt;/a&gt;、&lt;a href=&#34;https://porkbun.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Porkbun&lt;/a&gt;……另外推荐域名比价平台：&lt;a href=&#34;https://www.nazhumi.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;哪煮米&lt;/a&gt;、&lt;a href=&#34;https://namebeta.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;NameBeta&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;h2 id=&#34;程序&#34;&gt;程序&lt;/h2&gt;&#xA;&lt;p&gt;前前后后用过 &lt;a href=&#34;https://cn.wordpress.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;WordPress&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;http://typecho.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;Typecho&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://www.zblogcn.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;zblog&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://www.emlog.net/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;emlog&lt;/strong&gt;&lt;/a&gt;，最后觉得 WordPress 更上手，生态强大，可操作性强，容易折腾，功能也比较完善。尽管有人觉得它过于臃肿，加载较慢，但看看我博客，慢吗？当然方案也不止这一种。&lt;/p&gt;&#xA;&lt;p&gt;静态博客也是一个不错的选择，例如 &lt;a href=&#34;https://hexo.io/zh-cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;Hexo&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://gridea.dev/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;Gridea&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;http://jekyllcn.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;Jekyll&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://www.gohugo.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;Hugo&lt;/strong&gt;&lt;/a&gt;……这些皆可搭配 &lt;strong&gt;&lt;a href=&#34;https://github.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;Github&lt;/a&gt;&lt;/strong&gt;、&lt;strong&gt;&lt;a href=&#34;https://coding.net/&#34; rel=&#34;noopener noreferrer&#34;&gt;Coding&lt;/a&gt;&lt;/strong&gt;，再配上免费的二级域名，无成本即可搭建一个博客，我不太了解，网上教程很多，自行搜索即可。&lt;/p&gt;&#xA;&lt;h2 id=&#34;插件&#34;&gt;插件&lt;/h2&gt;&#xA;&lt;p&gt;在插件方面，我一向就是能用代码尽量不用插件。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;&lt;a href=&#34;https://cn.wordpress.org/plugins/commonwp/&#34; rel=&#34;noopener noreferrer&#34;&gt;commonWP&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;&lt;a href=&#34;https://wordpress.org/plugins/comet-cache/&#34; rel=&#34;noopener noreferrer&#34;&gt;Comet Cache&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;twentytwelve 主题功能增强&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;&lt;a href=&#34;https://www.nicetheme.cn/nicetheme-plugins-store.html&#34; rel=&#34;noopener noreferrer&#34;&gt;积木箱子&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;&lt;a href=&#34;http://yinji.org/2866.html&#34; rel=&#34;noopener noreferrer&#34;&gt;豆瓣读书观影记录&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;第一个用来缓存博客后台相关文件，第二个类似 WP Super Cache ，第三个插件是我基于 &lt;a href=&#34;https://cyhour.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;沙唐桔&lt;/strong&gt;&lt;/a&gt; 制作的主题增强插件，在他的代码基础上加了别的功能。并且采用 &lt;a href=&#34;https://zww.me/wordpress-archive-page-template-wp-primary-function-2014-edition.z-turn&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;ZWWoOoOo&lt;/strong&gt;&lt;/a&gt; 的文章归档教程制作了 &lt;strong&gt;&lt;a href=&#34;http://yinji.org/archives.html&#34; rel=&#34;noopener noreferrer&#34;&gt;归档页面&lt;/a&gt;&lt;/strong&gt; 。用 &lt;strong&gt;&lt;a href=&#34;http://yinji.org/2866.html&#34; rel=&#34;noopener noreferrer&#34;&gt;豆瓣读书观影记录&lt;/a&gt;&lt;/strong&gt; 制作了两个页面：&lt;a href=&#34;http://yinji.org/book.html&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;阅读记录&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;http://yinji.org/movie.html&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;观影记录&lt;/strong&gt;&lt;/a&gt;。主题css方面稍微修改了，具体修改在哪，自行查看源代码并对比原版主题即可。&lt;/p&gt;&#xA;&lt;h2 id=&#34;主题&#34;&gt;主题&lt;/h2&gt;&#xA;&lt;p&gt;个人博客的话，官方的主题基本能满足需求。例如我现在用的 Twenty Twelve，过去使用的 Twenty Fifteen，各有特色。诸如此类的免费主题还有很多，各大主题聚合站基本都有；付费主题作者推荐：&lt;a href=&#34;https://www.nicetheme.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;nicetheme&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://www.xintheme.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;XinTheme&lt;/strong&gt;&lt;/a&gt;，主题质量和售后服务蛮不错。&lt;/p&gt;&#xA;&lt;h2 id=&#34;优化&#34;&gt;优化&lt;/h2&gt;&#xA;&lt;p&gt;建议的优化方案是配置 CDN，开启动静分离，但我没这么做，太复杂了，我折腾容易出错。于是我就在服务器方面进行了优化。使用 Memcached 缓存数据库加速 WordPress 网站；使用 Comet Cache 静态缓存插件。在主题方面，简化代码、屏蔽没用的功能，这些用上面提到的 &lt;strong&gt;twentytwelve 主题功能增强&lt;/strong&gt; 插件就可以做到。CDN 推荐&lt;a href=&#34;https://www.qiniu.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;七牛云&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://www.upyun.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;又拍云&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://cloud.tencent.com/product/cdn&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;腾讯云&lt;/strong&gt;&lt;/a&gt;、&lt;a href=&#34;https://www.aliyun.com/product/cdn&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;阿里云&lt;/strong&gt;&lt;/a&gt;，如果是国外服务器，则推荐 &lt;a href=&#34;https://www.cloudflare.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;Cloudflare&lt;/strong&gt;&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;h2 id=&#34;rss阅读&#34;&gt;RSS阅读&lt;/h2&gt;&#xA;&lt;p&gt;这方面主要有两个方案：自己建的和第三方平台。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;自建 RSS 主要推荐：&lt;a href=&#34;https://rss.anyant.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;&lt;strong&gt;蚁阅&lt;/strong&gt;&lt;/a&gt;、Tiny Tiny Rss&lt;/li&gt;&#xA;&lt;li&gt;第三方平台推荐：Inoreader、Feedly、RSS 追踪 可以参考我以前的文章：&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://yinji.org/3363.html&#34; rel=&#34;noopener noreferrer&#34;&gt;RSS追踪：Windows平台上一款好用的RSS阅读器&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://yinji.org/3249.html&#34; rel=&#34;noopener noreferrer&#34;&gt;我还是更喜欢这样的RSS阅读&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;上述所列的仅供参考，具体使用还得看个人。 我的博客马上三周年，写了近三年，用了 WordPress 近三年，多多少少也有点经验，今天写出来权当分享经验，如有错误，欢迎指正。 如果对博客建设方面还有问题，欢迎&lt;a href=&#34;http://yinji.org/contact.html&#34; rel=&#34;noopener noreferrer&#34;&gt;联系&lt;/a&gt;我。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>简简单单，写写博客</title>
      <link>https://yinji.org/keep-it-simple-and-write-a-blog.html/</link>
      <pubDate>Fri, 22 Jan 2021 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/keep-it-simple-and-write-a-blog.html/</guid>
      <description>&lt;p&gt;怎么又换成twenty twelve主题了？我也想问自己为什么，可能我就适合这样的吧，字多图少，不会配图，瞎放也丑，干脆以后写东西能不放图就不放图，正好也减轻我CDN流量压力。前两天博客被人CC了一番，百度云加速免费版直接超量，要想继续用，只能用付费版，不当他的韭菜了，当腾讯云的韭菜吧。在&lt;a href=&#34;https://www.youngfree.cn/&#34; rel=&#34;noopener noreferrer&#34;&gt;杨景文&lt;/a&gt;博主的帮助下，配置了腾讯云CDN，原本一起套了又拍云，但是有问题，就放弃了。&lt;/p&gt;&#xA;&lt;p&gt;正如&lt;a href=&#34;https://laozhang.org/&#34; rel=&#34;noopener noreferrer&#34;&gt;张波博主&lt;/a&gt;所说：停止一些无意义的折腾。简简单单的写个博客，就是现在最好的追求。&lt;a href=&#34;http://www.guanhaodong.com/&#34; rel=&#34;noopener noreferrer&#34;&gt;官浩东&lt;/a&gt;博主现在差不多也和我一样的心态，折腾来折腾去，WordPress和Typecho都用过了，最后还是和我一样用上了twenty twelve。说起来，他开始写博客多多少少还和我有点关系，他看到我在料Sam的评论，“点进去一看，嚯，高中生博主，好厉害，我也要弄”，于是他就注册搭建了。&lt;/p&gt;&#xA;&lt;p&gt;看到群里&lt;a href=&#34;https://imzm.im/&#34; rel=&#34;noopener noreferrer&#34;&gt;陈仓颉&lt;/a&gt;博主在折腾博客的邮件发信问题，折腾得头都大了，有点像当初的我，左搞搞右搞搞，还是没弄成，当时索性不搞这个功能了，到后来换到腾讯云服务器才折腾好。基本的弄好我觉得就足够了，写博客强调的是写，能写就行，主题也是次要，能入眼就行，顶多稍微改改细节。&lt;/p&gt;&#xA;&lt;p&gt;其实换成twenty twelve还有另一个原因，沙唐桔搞了一个主题增强&lt;a href=&#34;https://cyhour.com/1626/&#34; rel=&#34;noopener noreferrer&#34;&gt;插件&lt;/a&gt;，一下子就解决了蛮多官方主题的一些问题，让我立即就想上手了，于是真的上手了。&lt;/p&gt;&#xA;&lt;p&gt;在整理的时候，顺便看了看2018年写的文章，那一年总共有116篇，仔细看的话，有的确实不能算是文章，水的很。现在，也水的很，随性写一写。&lt;/p&gt;&#xA;&lt;p&gt;专注写作，专注阅读，专注思考。主题什么的，别想打扰我。&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>博客两周年</title>
      <link>https://yinji.org/blog-2nd-anniversary.html/</link>
      <pubDate>Mon, 16 Mar 2020 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/blog-2nd-anniversary.html/</guid>
      <description>&lt;p&gt;今天是2020年3月17日，两年前的今天，我的博客正式建立。想起2019年的总结没有写，干脆一块写进这篇周年文章里吧，我真聪明（狡猾）。&lt;/p&gt;&#xA;&lt;p&gt;2019年总共发表52篇文章，总计字数39753字。当然这只是在博客上文章的字数，如果算上我在日记本上写的，估计有六七万字的样子，我也不计较写了多少文章有多少字，多多少少都是自己的记录，都是将来回忆的过去。&lt;/p&gt;&#xA;&lt;p&gt;我在2019年发表了博客第一篇游记，长沙华谊兄弟电影&lt;a href=&#34;http://yinji.org/1959.html&#34; rel=&#34;noopener noreferrer&#34;&gt;小镇&lt;/a&gt;；第一次通过了Google adsense的&lt;a href=&#34;http://yinji.org/1696.html&#34; rel=&#34;noopener noreferrer&#34;&gt;审核&lt;/a&gt;，挂了一段时间的广告；2019年寒假的时候，在姑姑的店里第一次体验了&lt;a href=&#34;http://yinji.org/1766.html&#34; rel=&#34;noopener noreferrer&#34;&gt;寒假工&lt;/a&gt;的生活，感受了社会的一些现象；因为耳朵神经性的耳鸣，2019年里去了萍乡市医院，湖南湘雅医院，湖南&lt;a href=&#34;http://yinji.org/1821.html&#34; rel=&#34;noopener noreferrer&#34;&gt;儿童医院&lt;/a&gt;，万幸最后查出原因，耳朵也在慢慢康复中。&lt;/p&gt;&#xA;&lt;p&gt;回过头去看过去一年里写的文章，有一种说不出来的感觉，以前写的时候满满的成就感，如今回过头去看，满满的稚嫩感，写得不够好，没有深度，未来多看书多写作。&lt;/p&gt;&#xA;&lt;p&gt;很显然，从2019年暑假开始，就能发现我博客每个月的文章数量越来越少，1~2篇，都还是放假在家写的，今年这两个月要不是假期突然变多，也不会写这六七篇，正常的话，这篇总结和18岁&lt;a href=&#34;http://yinji.org/2897.html&#34; rel=&#34;noopener noreferrer&#34;&gt;生日&lt;/a&gt;的纪念文章都不会存在的。距离高考还剩八十二天左右的时间，开学时间待定，在家借助网课和辅导资料也要弯道超车，我相信天道酬勤。&lt;/p&gt;&#xA;&lt;p&gt;这一年里，学习成绩应该是稳中有升，特别是高三换了个班级，找到了适合的学习方法，在接下来的几个月，继续查漏补缺，目标重点一本。&lt;/p&gt;&#xA;&lt;p&gt;现在国内疫情基本上是控制了，向好的方向转变，遥望西方，只能感慨“历史总是惊人的相似”。&lt;/p&gt;&#xA;&lt;p&gt;新的一年，继续加油！&lt;/p&gt;&#xA;</description>
    </item>
    <item>
      <title>欢迎来到中文博客圈</title>
      <link>https://yinji.org/welcome-to-the-chinese-blogosphere.html/</link>
      <pubDate>Fri, 22 Mar 2019 00:00:00 +0000</pubDate><author>me@yinji.org (青山)</author>
      <guid>https://yinji.org/welcome-to-the-chinese-blogosphere.html/</guid>
      <description>&lt;p&gt;我们从未停止思考，我们从未停止写作。&lt;/p&gt;&#xA;&lt;p&gt;独立博客一直都在，Blogger 一直都有，用心写作的人，有许许多多。用心写博客的人，我们看在眼里。&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;中文博客圈微信群&lt;/strong&gt;，期待认真写博客的你加入！现有较为严格的条件，请知悉：&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;独立中文原创博客；&lt;/li&gt;&#xA;&lt;li&gt;建站一年及以上；&lt;/li&gt;&#xA;&lt;li&gt;原创内容应占80％以上；&lt;/li&gt;&#xA;&lt;li&gt;用心且认真且坚持写博客的Blogger&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;p&gt;如果符合以上条件，请在评论区留下你的博客地址，等待邮件邀请。&lt;/p&gt;&#xA;</description>
    </item>
  </channel>
</rss>