<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>海底の奇妙观测站</title>
    <link>https://ywun365.github.io/</link>
    <description>写点有用的，也写点没用的</description>
    <language>zh-cn</language>
    <generator>Gridea Pro</generator>
    <lastBuildDate>Tue, 14 Apr 2026 11:04:53 +0800</lastBuildDate>
    <atom:link href="https://ywun365.github.io/feed.xml" rel="self" type="application/rss+xml"></atom:link>
    <item>
      <title>网站优化小记：引入流量统计与数据分析</title>
      <link>https://ywun365.github.io/post/analytics/</link>
      <guid isPermaLink="true">https://ywun365.github.io/post/analytics/</guid>
      <pubDate>Tue, 14 Apr 2026 11:04:53 +0800</pubDate>
      <description><![CDATA[<p>今天上午对网站进行了一些细节上的优化，主要集中在访问量统计和多维度数据监控两个方面。</p>
<h2 id="-">一、 前端实时统计：集成“不蒜子”</h2>
<p>我在网页底部添加了直观的访问数据展示，包括“本站总访问量”与“本站总访客数”。</p>
<ol>
<li>代码实现</li>
</ol>
<p>引入了轻量级的统计脚本：</p>
<pre><code class="language-html">&lt;script async src=&quot;//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js&quot;&gt;&lt;/script&gt;

&lt;span id=&quot;busuanzi_container_site_pv&quot; style=&quot;display:none&quot;&gt;
  本站总访问量 &lt;span id=&quot;busuanzi_value_site_pv&quot;&gt;&lt;/span&gt; 次
&lt;/span&gt;
&lt;span id=&quot;busuanzi_container_site_uv&quot; style=&quot;display:none&quot;&gt;
  本站总访客数 &lt;span id=&quot;busuanzi_value_site_uv&quot;&gt;&lt;/span&gt; 人
&lt;/span&gt;
</code></pre>
<ol start="2">
<li>实现原理分析</li>
</ol>
<p>关于这段代码的工作逻辑，简单来说是：</p>
<p>每当有人点进网站，脚本就会给服务器发个“信号”。<br />
服务器很聪明，它能分清是“同一个人的多次刷新”（PV）还是“不同人的到访”（UV），然后精准记账。</p>
<h2 id="--1">二、 后台深度监控：接入主流统计平台</h2>
<p>为了更全面地掌握网站的运行状况，我将网站正式接入了 Google Analytics和 百度统计。</p>
<h2 id="heading">总结</h2>
<p>这次优化虽然改动不大，但通过展示与分析的结合，让博客的数据变得更加“数字化”。看着访问量一点点增长，也是一种独特的成就感。</p>
]]></description>
      <category>博客</category>
    </item>
    <item>
      <title> SBTI 刷屏背后的“奇迹”：我申请的免费域名竟然在微信里解封了？</title>
      <link>https://ywun365.github.io/post/freedomain/</link>
      <guid isPermaLink="true">https://ywun365.github.io/post/freedomain/</guid>
      <pubDate>Mon, 13 Apr 2026 20:49:55 +0800</pubDate>
      <description><![CDATA[<p>最近朋友圈被 SBTI 人格测试刷屏了。点开链接时我惊讶地发现，这个火遍全网的测试网站，使用的竟然是 <code>*.de5.net</code> 结尾的免费三级域名。</p>
<p>作为一个长期折腾网站的博主，我当时的第一反应是：<strong>这种域名居然能在微信里打开？</strong></p>
<h3 id="de5net">熟悉的“老朋友”：de5.net</h3>
<p>我对 <code>de5.net</code> 非常熟悉。它是一个提供免费注册的服务商，用户可以免费申请以 <code>de5.net</code> 结尾的三级域名。</p>
<p>此前我也申请过一个，但当时的体验只能用“差强人意”来形容：</p>
<ul>
<li><strong>国外浏览器</strong>（如 Edge、Firefox）：访问一切正常。</li>
<li><strong>微信内置浏览器</strong>：打开即报“该网站存在风险”。</li>
<li><strong>国产手机浏览器</strong>：有很大几率跳出安全警告。</li>
</ul>
<h3 id="heading">为什么免费域名总被“针对”？</h3>
<p>虽然 <code>de5.net</code> 已经加入了 <strong>PSL（Public Suffix List，公共后缀列表）</strong>，理论上可以被 Cloudflare 等平台视作独立域名管理，但在国内很多互联网大厂的风控系统里，它依然被视作一个整体。</p>
<p>这就导致了严重的<strong>连坐效应</strong>：<br />
如果有人利用该后缀下的某个子域名搭建了违规网页，微信等平台为了省事，往往会直接拦截整个 <code>de5.net</code> 后缀。结果就是，哪怕你老老实实做内容，也会因为别人的“坏事”而导致你的网站在微信里“见光死”。</p>
<h3 id="heading-1">意料之外的“解封”</h3>
<p>这次我抱着怀疑的态度点开了 SBTI 的测试链接，发现竟然能丝滑打开。我随即测试了自己名下的 <code>de5.net</code> 域名，发现原本被封锁的页面竟然也神奇地恢复了访问！</p>
<p><strong>我想，这大概率是“群众的力量”。</strong></p>
<p>由于 SBTI 测试热度极高，短时间内涌入了海量用户。当大家发现无法正常进行测评时，大量不知情的网友可能觉得是微信平台“误封”，于是纷纷提交了申诉。在成百上千次的热心反馈压力下，微信后台或许最终对该后缀进行了策略调整，从而实现了这次意外的“普大喜奔”。</p>
<h3 id="heading-2">未来还会被屏蔽吗？</h3>
<p>答案恐怕是：<strong>很有可能。</strong></p>
<p>以老牌免费域名 <code>eu.org</code> 为例，它在微信里的遭遇就是一部“屏蔽、解封、再屏蔽”的循环史。</p>
<p>究其原因，微信等公司的风控机制更倾向于认可顶级域名列表（TLD）。比如 <code>.com.cn</code> 虽然也是后缀，但因其权威性，不同用户会被认定为独立个体。而像 <code>eu.org</code> 或 <code>de5.net</code> 这类域名，即便进了 PSL 列表，依然在很多平台的信任名单之外。</p>
<p>只要该后缀下的某一个用户搭建了违规内容，整个域名的生态依然脆弱，随时面临再次被“一锅端”的风险。</p>
]]></description>
      <category>域名</category>
      <category>免费域名</category>
    </item>
    <item>
      <title>繁简之间：发现了一些静态博客的局限性</title>
      <link>https://ywun365.github.io/post/limitations-of-static-site/</link>
      <guid isPermaLink="true">https://ywun365.github.io/post/limitations-of-static-site/</guid>
      <pubDate>Mon, 13 Apr 2026 16:43:34 +0800</pubDate>
      <description><![CDATA[<p>静态博客相比服务器渲染（动态）博客，确实更安全、更简单。</p>
<p>它可以轻松应对网络攻击，在面对系统漏洞时也表现得更加稳健。对于一个以记录为主的个人博客来说，静态页面所提供的功能已经足以满足日常需求。</p>
<p>但万物皆有利弊。</p>
<p>在深入使用后，我发现静态博客最大的局限在于<strong>设备绑定的不便性</strong>。</p>
<p>对于我之前的 WordPress 博客，只要在有网络的地方，我就可以随时通过浏览器登录后台管理、发布文章。理论上，只要设备能运行浏览器——哪怕是一块智能手表，都能完成内容的更新。</p>
<p>但静态博客的逻辑完全不同：<br />
网站的底层配置、环境和原始代码全都保存在我的本地电脑上。这意味着我无法通过手机随时随地撰写和发布。想要更新页面，必须打开电脑，写完文章后，再将生成的代码推送到代码托管平台。</p>
<p>作为学生，手机或平板这类“移动设备”才是我们触手可及的生产力工具。<br />
相比之下，打开电脑的频率其实并不高。虽然我用的是笔记本，但因为它是一款性能较强的游戏本，每天拎着沉重的电脑包穿梭在教室、宿舍和图书馆之间，实在是一件很不方便的事情。</p>
<hr />
<p><strong>总结一下：</strong></p>
<p>静态博客更像是一盘“磁带” 。写在上面的内容安全、稳定，适合作为慢更新的精品内容沉淀平台。<br />
而动态博客则像是一块“固态硬盘”。读写速度快、交互性强，能满足更高频、更多元化的创作需求。</p>
]]></description>
      <category>博客</category>
    </item>
    <item>
      <title>寻找博客“最优解”：遇见 Gridea</title>
      <link>https://ywun365.github.io/post/meetgridea/</link>
      <guid isPermaLink="true">https://ywun365.github.io/post/meetgridea/</guid>
      <pubDate>Sun, 12 Apr 2026 10:48:56 +0800</pubDate>
      <description><![CDATA[<p>今天晚上的我异常开心。</p>
<p>今晚，我终于找到了能完美解决博客建设痛点的工具：<strong>Gridea</strong>。它解决了我的困扰，应该也解决了无数人的痛点。</p>
<p>我为什么给 Gridea 这款工具极高的评价？因为它简单、易用，写文章不需要任何代码编程知识，更能利用现有的免费平台制作一个属于自己的、永久免费的网站。</p>
<hr />
<p>从初中开始，我就萌生了搭建个人博客的想法。奈何当时网上的免费教程难度高得超过了我的想象。我原以为搭建网站只是在某个软件里发布几篇文章，但事实上需要储备很多代码知识，还要部署环境、编辑代码，异常麻烦。</p>
<p>从初中到大二，我无数次产生过搭建博客的想法，也许多次点开教程，但最终都因流程过于繁琐而选择放弃。</p>
<p>一般按照正常流程，搭建步骤是这样的：<br />
<a href="https://tech.yemengstar.com/hexo-tutorial-deploy-githubpages-beginner/">使用 GitHub Pages 部署 Hexo 静态博客网站</a><br />
你需要在电脑上配置好环境、写好代码、管理好仓库，最后才能托管到平台。</p>
<p><strong>难，就难在编码这一步。</strong></p>
<p>大三寒假，我拨出了充足的时间打算正面“迎战”这个挑战。我下载好了相应的编码平台，打开教程视频，对着步骤一步步操作。这一做，就是整整三天。最终，我还是败在了更换主题后出现的代码不匹配 Bug 上。修改这些 Bug 对我来说像是一个过于庞大的工程。</p>
<p>我再次选择了放弃，只好套用默认主题，通过 Markdown 格式发布了文章。但博客网站终究是搭起来了：<br />
<a href="https://yanvideo.pages.dev/">岩视频</a></p>
<p>那是第一次，我按照教程从代码底层开始，一步步修改并搭建好了自己的网站。</p>
<hr />
<p>让我第二次产生“好好搭建一个网站”念头的，是前几天看到的一篇文章：<br />
<a href="https://2x.nz/posts/review-ddos/">https://2x.nz/posts/review-ddos/</a></p>
<p>为什么我有许多网站却还是想搭建一个新的呢？</p>
<p>那是因为静态博客网站有着不可替代的优点。我之前的博客大多基于服务器搭建，但受限于服务器的性能和续费压力，许多网站运行时间不长，且访问速度也不够理想。</p>
<p>而这次的“前端博客”，能有效解决以上所有问题。</p>
<p>首先，我来科普一下什么是<strong>前端博客</strong>：</p>
<p>前端博客是一种没有数据库、没有服务器计算，单纯靠网页渲染而成的博客。这意味着你每次新增或修改文章，网站代码都要进行变动并重新部署。这就是为什么传统的前端博客制作起来异常麻烦。</p>
<p>对于有后端的博客（比如我之前一直在用的 WordPress），自带数据库和管理后台。我可以像在微信公众号后台一样撰写文章，对小白来说非常友好。但“有后端”意味着必须有服务器支撑，用户每次访问都会向数据库请求数据。</p>
<p>显然，后端网站是绝大多数网站的标配，能实现更多复杂功能。但对于博客来说，或许纯前端页面就已经足够，甚至会带来意想不到的好处：</p>
<p>前端网页可以免费部署在 GitHub、Cloudflare Workers、Vercel 等知名平台。作为全球互联网的基石，这些大平台能存活的时间往往以百年为单位计算。</p>
<h3 id="heading">静态网页没有服务器续费的烦恼</h3>
<p>这是一项“永久免费”的服务，而且异常可靠。只要你的账号还在，代码还在，博客就一直存在。或许等我们老了，我们的博客依然坚挺、年轻，我们的文字会一直记录在上面。</p>
<h3 id="-ddos-">静态网页能抵御 DDoS 网络攻击</h3>
<p>有服务器的后端网站，即使套上了 CDN，仍可能因为超额的请求导致服务器崩溃或产生高额账单。静态网站无需担心这些，因为流量会被分布在全球的边缘节点消耗。作为成功抵御过最大 DDoS 攻击的服务商，把静态网页部署在 Cloudflare 基本相当于免疫了此类攻击。</p>
<h3 id="heading-1">静态网页更安全</h3>
<p>纯静态、无后台、无数据库、无用户交互，意味着它没有被破解数据库密码或被注入恶意脚本（XSS 攻击）的风险，安全性极高。</p>
<hr />
<p><strong>Gridea 的出现，将这一切变得触手可及。</strong></p>
<p>它的精妙之处在于，能直接连接你的代码仓库，将复杂的代码操作变成了一个可视化、可交互的平台。你在 APP 里面增减文章，它会自动帮你修改代码并一键部署，你的博客也就顺利更新了。</p>
<p>这个工具让无数技术小白也能轻松拥有属于自己的博客。就像它官方描述的那样：</p>
<blockquote>
<p>“搭建独立博客这件事，在过去一直有个尴尬的矛盾：想写博客的人很多，但现有的工具几乎都是给开发者准备的。Hugo 要你装 Go 环境，在终端跑 hugo new site；Hexo 需要 Node.js + npm，再配一套 Git 部署流程；Jekyll 依赖 Ruby，光是解决 gem 版本冲突就能劝退一半人。它们都是优秀的工具，但对于只想安安静静写点东西的人来说，门槛太高了。</p>
<p>Gridea 是最早尝试解决这个问题的产品之一——一款开源的静态博客写作客户端，不需要命令行，打开就能写。它成功的证明了一件事：很多人想要自己的博客，只是被技术门槛挡在了门外。”</p>
</blockquote>
<p>不到 30 分钟，我就用这款工具搭建了属于自己的永久博客：<strong>安全、稳定、简单</strong>。这也是我兴奋并极力推荐它的原因。</p>
<p>（注：站内的初始文章是 Gridea 默认预留的，但我感觉写得非常棒！尤其是那篇《都 2026 年了，我们为什么还要写博客》，真的很值得一读。）</p>
]]></description>
      <category>Gridea</category>
      <category>入门</category>
      <category>博客</category>
    </item>
    <item>
      <title>关于</title>
      <link>https://ywun365.github.io/post/about/</link>
      <guid isPermaLink="true">https://ywun365.github.io/post/about/</guid>
      <pubDate>Sun, 12 Apr 2026 10:16:30 +0800</pubDate>
      <description><![CDATA[<!-- 这是一个关于页面的模板，你可以根据自己的风格随意修改。开始写你自己的故事吧。 -->
<!--
### 关于我

嗨，我是 __ __ ，一个 __ __ 的人。

坐标深圳，做产品经理第五年。白天画原型，晚上写点乱七八糟的东西。 -->
<!-- 用你自己的方式介绍自己。可以是一句话，也可以是一段故事。
比如：

「一个写了八年代码的后端工程师，最近开始对设计产生了兴趣。」

「坐标深圳，做产品经理第五年。白天画原型，晚上写点乱七八糟的东西。」

「自由职业者，养了两只猫，正在学习用文字把日子过得更清楚一些。」

不需要很正式，用你平时说话的语气就好。 --> 
<h3 id="heading">关于我的博客</h3>
<p>我发现自己想的很多事情，不写下来就会忘。写博客不是为了给别人看，是怕将来的自己想不起来现在的自己在想什么。</p>
<!-- 这部分往往是关于页面里最打动人的部分。也可以换成你自己的版本，比如：

「工作中踩过太多坑了，每次都想着"下次一定记下来"，然后下次又忘了。这个博客就是那个"下次"。」

「没什么特别的原因，就是想在互联网上有一个属于自己的小角落。」 -->
<h3 id="heading-1">你能在这里看到什么</h3>
<ul>
<li>技术笔记和踩坑记录</li>
<li>偶尔写点产品思考和读书笔记</li>
<li>一些不知道该归到哪一类的碎碎念</li>
</ul>
<!-- 改成你自己打算写的方向就好 -->
<h3 id="heading-2">博客网址</h3>
<!-- 改成你自己打算写的方向就好 -->
<h4 id="heading-3">长期链接</h4>
<p>长期链接简单舒心，无需担心后续维护和续费问题。<br />
Github页入口：<a href="https://ywun365.github.io/">点这里进入</a><br />
Worker页入口：<a href="https://ywun365blog.tdun365.workers.dev/">点这里进入</a></p>
<h4 id="heading-4">优化链接</h4>
<p>优化链接会对国内访问进行持续优化，以便能在任何地方轻松打开博客，甚至是微信内的浏览器。<br />
以下各线路分别部署在不同的平台，在每个地方的打开速度各有差异。<br />
线路一：<br />
<a href="https://www.xzweb.ccwu.cc">www.xzweb.ccwu.cc</a><br />
<a href="https://marike.cc.cd/">marike.cc.cd</a><br />
线路二：<br />
<a href="https://blog.xiaoeu.de5.net/">blog.xiaoeu.de5.net</a><br />
<a href="https://ywun365.vercel.app/">ywun365.vercel.app</a></p>
<h3 id="heading-5">找到我</h3>
<ul>
<li>Email: <a href="mailto:tdun165@gmail.com">tdun165@gmail.com</a></li>
</ul>
<!-- 换成你自己的链接，也可以加上 Twitter、掘金、知乎、微信公众号等 -->
<hr />
<p>本站使用 <a href="https://www.gridea.pro/">Gridea Pro</a> 搭建。</p>
]]></description>
    </item>
    <item>
      <title>都 2026 年了，我们为什么还要写博客</title>
      <link>https://ywun365.github.io/post/why-we-write/</link>
      <guid isPermaLink="true">https://ywun365.github.io/post/why-we-write/</guid>
      <pubDate>Sat, 11 Apr 2026 21:00:30 +0800</pubDate>
      <description><![CDATA[<p>你有没有过这样的时刻——</p>
<p>某天深夜，突然想起一个很久没联系的人，想跟他说点什么，却发现你们之间已经隔了太多年的空白，连开口的理由都找不到了。</p>
<!-- more -->
<p>或者翻手机相册，看到三年前拍的一张照片，背景里有一家街角的小店。你记得自己当时走进去过，吃了一碗很好吃的面，但你想不起来它叫什么名字了。然后你划过去，这个记忆就永远消失了。</p>
<p><strong>我们每天都在丢失自己、忘记自己。</strong></p>
<p>不是什么惊天动地的丢失和忘记，而是<strong>一点一点的、安静的、不被察觉的</strong>。你忘了某次深夜和朋友聊天时那个让你突然沉默的观点。你忘了第一次独自旅行时，在陌生城市醒来的那种又兴奋又害怕的感觉。你忘了某天下班路上耳机里随机播放到一首歌时，眼眶突然发酸的那几秒钟。</p>
<p>这些瞬间，在发生的时候，你觉得自己一辈子都不会忘。</p>
<p>但你忘了。我们都忘了。</p>
<hr />
<p>你有没有想过一个很残酷的事实：<strong>这个世界上绝大多数人活过，然后消失了，没有留下任何痕迹。</strong></p>
<p>不是说他们不重要。他们恋爱过、失眠过、在某个冬天的深夜独自哭过、也在某个普通的下午因为一件小事开心了一整天。他们的人生和你我一样丰盛、一样复杂、也一样值得被记住。</p>
<p>但没有人记得了。</p>
<p>你的曾祖父是一个什么样的人？他年轻时喜欢过谁？他这辈子做过最勇敢的决定是什么？他有没有过一个没有实现的梦想？</p>
<p>这些问题，大概永远不会有答案了。不是因为他的人生不精彩，而是因为——<strong>没有人替他记下来，他自己也没有。</strong></p>
<p><strong>两代人的时间，一个人就可以从这个世界上彻底消失。好像从来没有来过一样。</strong></p>
<hr />
<p>我们不是要贩卖焦虑。我们想说的是一件很简单的事：</p>
<p><strong>记录这件事本身，就是对抗遗忘最好的方式。</strong></p>
<p>不需要写得多好。不需要有人看。不需要有完整的逻辑和漂亮的排版。你只是把一个瞬间从时间的河流里捞出来，钉在了某个地方。</p>
<p>你写下「今天加班到十一点，回家路上看到月亮特别圆，突然就不生气了」——这句话不会获得任何点赞，不会被任何算法推荐，但二十年后的某天，你或者你的孩子翻到它的时候，会看到一个 2026 年的普通夜晚，一个疲惫的人抬头看了一眼月亮。</p>
<p><strong>那个瞬间，就被留住了。</strong></p>
<p>你写下「今天学会了一个新东西，原来 CSS 的 <code>gap</code> 属性可以直接用在 flex 布局上，不用再写 margin 了」——这条在你看来微不足道的笔记，可能在某天帮到一个深夜还在查资料的陌生人。他不会知道你是谁，但你确实帮到了他。</p>
<p>你写下「三十岁了，说实话有点慌。不是因为老了，是因为发现自己还是不知道到底想要什么」——某个和你一样迷茫的人看到会觉得：原来不只是我这样。那种「我不是一个人」的感觉，有时候比任何建议都管用。</p>
<hr />
<p>当然，我也知道你在想什么。</p>
<p>「我写的东西没人看，我还有必要写吗？」</p>
<p>没人看，那又怎样？</p>
<p>鲁迅的日记里写过「今天天气好，无事」。你觉得他写的时候在想有没有人看吗？</p>
<p>有一个博主写了五年博客，平均每篇文章只有十几个浏览量。有人问他为什么还在写，他说：「我不是在写给别人看的。我是在给十年后的自己留证据——证明我认真活过。」</p>
<p><strong>博客不是社交媒体。你不需要取悦任何人。</strong></p>
<p>你不需要蹭热点、不需要起标题党、不需要考虑打开率和完读率。你不需要在开头三秒抓住读者的注意力，也不需要在结尾引导点赞转发。</p>
<p>你只需要诚实地写。</p>
<p>写你真正在想的事情。写你学到的东西。写你看到的、听到的、感受到的。写你的困惑，写你的兴奋，写你想明白了的和还没想明白的。</p>
<p><strong>你每写下一个字，就是在告诉这个世界：我来过，我在这里，我有话要说。</strong></p>
<hr />
<p>有人说，人会死三次。</p>
<p>第一次是心脏停止跳动的那一刻。<br />
第二次是葬礼上最后一个人离开的那一刻。<br />
第三次是这个世界上最后一个记得你的人忘记你的那一刻。</p>
<p>第三次，才是真正的死亡。</p>
<p>而文字是人类发明的，为数不多的能对抗第三次死亡的东西。</p>
<p>你不需要写出传世之作。你只需要把你的所思所想，放在一个属于你自己的地方。一个不会被算法吞没、不会被平台删除、不会随着某个 App 的关停而消失的地方。</p>
<p><strong>你自己的博客，就是这样一个地方。</strong></p>
<hr />
<p>所以，不要再想「等我准备好了再开始」。没有人准备好了才开始写字。那些你喜欢的作者，他们的第一篇文章一定也写得很烂。但他们写了。</p>
<p>也不要想「我的生活太平淡了，没什么好写的」。恰恰是那些平淡的日常，在多年以后回头看，才是最珍贵的。那些惊天动地的大事，你反而不需要记——因为所有人都会记得。<strong>只有你自己的小事，只有你会记得。如果你也不记，就真的没了。</strong></p>
<p>那现在就开始吧。趁还记得。</p>
<p>点击右上角的「 + 」，写下你脑海里的第一个想法。不用在意字数，不用在意文笔，不用在意有没有人看。</p>
<p>你不是在写一篇文章。</p>
<p><strong>你是在这个世界上，留下一个属于你的印记。</strong></p>
<p>落笔为证~</p>
<p>敬每一个正在记录自己的个体！</p>
]]></description>
      <category>Gridea Pro</category>
    </item>
  </channel>
</rss>