最近在抖音和微信公众号刷到好多新闻媒体天涯社区回归了。

天涯社区是干啥的

　　其实我没怎么了解过天涯社区但经常听说天涯社区有多牛，我也搜了下：天涯社区 1999 年在海南创立，是国内经典老牌 BBS 论坛。鼎盛时期版块丰富，《鬼吹灯》《明朝那些事儿》等网文在此诞生，催生众多网络热词与网红。受新媒体冲击逐渐没落，2023 年关停，2026 年 6 月平台重新上线，依旧主打图文发帖交流。这个信息不知道是不是真实的，因为我确实没怎么了解过天涯社区。

天涯社区现状

　　我看到的信息说6.1日逐步恢复访问，我尝试用电脑访问可能是因为网络问题无法访问论坛首页只能查看一些社区公约和用户协议，

我又用手机使用流量进行访问，这次我进来了，但目前只有天涯荟萃板块可以访问别的板块的数据提示还在恢复中。

　　简单浏览了下网站，网站速度极慢，这个也能理解毕竟刚开始恢复网站还没有话很正常，有人说服务器在国外，我查了下域名解析ip是国内的ip，不知道是不是cdn地址，又看了下解析记录根域名和www解析的是同一ip上面。

社区目前问题

　　社区要面临的问题很多，毕竟要恢复三年前的数据也不是小事，网站还要进行优化，版主需要重新选择，以及老用户会不会忘记自己的账号密码等。

　　但我觉得最大的问题是内容审核，如果社区要在国内运营，需要备案，之前的社区内容很可能会违规，现在的备案相对之前严格很多，社区的互动内容可能需要进一步审核，对于以后网站正式上线后审核难度也会相对增加。

　　但我还是挺期待天涯社区能够恢复的，毕竟天涯社区是为数不多的在网站停运后还能够再次鼓起勇气运营的网站。

　　昨天闲着没事打开了我的博客小程序，突然脑子里蹦出来一个想法，要不给他重构了吧，说干就干用uniapp新建了个项目就开始重构。

重构过程

　　我之前用的是别人开源的项目，名为uni-app这个项目的设计真的不错，可惜的是停更了，经过halo的多次更新，好多api接口都失效，想着修复倒不如直接重构。

　　我的重构流程是让ai先按照开源的项目api写，写好后再更新失效的api即可。

首页调整

• 保留了轮播图和分类，删掉了日期显示，还有右侧的小图片显示。

• 轮播图下面的快捷导航，换成了 “瞬间” 模块，直接显示最新一条动态。

• 下方的文章列表改成了：封面图上直接叠加文章标题，更直观。

• 最底部的导航栏，改成了悬浮式的。

• 最上方加了一个迷你灵动岛用于显示当前界面名。

分类界面

• 分类界面没做多余更改保留原有布局。

分类界面

• 图片界面加大了图片显示添加圆角等，无大变化。

瞬间界面

• 瞬间界面我从搭建好后就没加载出来过瞬间界面不知道原有瞬间样式

• 修复了失效api

• 样式改为朋友圈样式

  

关于界面

• 界面ui保留基础布局

• 添加了全部文章,壁纸界面

友链界面

• 删去链接显示仅显示基础信息

• 禁用超链接

添加界面

• 图片分享

• 壁纸界面在博客后台新建图册后上传即可（支持壁纸下载）

• 关于应用界面

结语

　　其实我一开始想着把这个程序分享出来的，但api和一些设置都是直接写死在代码里的，改起来比较麻烦。

　　昨天修好网站之后就没管了，今天查看网站发现服务器又莫名卡住了，想着既然修不好大不了重装系统，重装系统很快，但恢复网站的时候遇到一堆问题，真的头痛。

起因

　　起因就是上篇文章说的修复问题，我以为修复好了，今天查看网站又没法访问了，真的很无语，头脑一热直接给系统重装了，备份完Halo以及数据库后直接清空系统重装，谁知在恢复系统的时候犯了难，我把halo恢复后进入网站，显示500这时候我觉得只要等到后台把主题装上就好了，进入登录界面我才发现，进入后台才是最大的问题，我之前是配置了Totp的，我输入后控制台直接500报错，完了登录也登录不上了难搞。

修复

　　想了一堆办法也试了修改数据库都不行，当我接近崩溃的时候我想到，我可以先初始化一个网站进入后台，别说还真可以，我进入后台后点击用户，关闭了Totp再恢复了备份，还真不需要Totp了。

　　首页500的原因是主题在备份的时候没备份，导致进入网站后500，我在应用商店下载hao主题之后，肯定是主题的问题了，先降级Halo的版本，再下载主题，我去！还是不显示，换上默认主题是正常的，突然想到我之前自己美化主题的时候电脑上有备份，试着上传了主题还真可以了，太好了终于恢复成能用的样子了。

　　当我正得意😎的时候，点击插件一看，完了插件都没备份上，只有数据库的一些插件数据，我也不能一下全给删了，只能按照插件列表的插件一个个在官网下载后手动上传，第一个需要安装应用商店和评论组件后面的一点点装就好了。

　　当我觉得应该没事了，点开附件列表一看，完了为啥附件没备份啊，虽然我电脑有保存封面图，但文章内图片是真的不好找，幸好dns缓存还有一些图片，写了个Python脚本爬下来一些，下次真得在halo里面再备份一下这个是真的会备份附件。

　　修复后网站能正常运行了，就没再去特意优化怕再把数据搞没了。

　　正当我写文章的时候，也就是这段，我隐约记得前几天备份过Halo是在Halo里面备份的，用Windows文件搜索工具还真搜索到了，解压后还真有附件，真是不幸中的万幸， 我把附件上传完后也就没啥事了。

感想

　　在这次重装系统的过程中，我发现1panel面板更新之后比我之前使用的功能优化很多，有很多新功能，比如在应用商店部署应用他的命令行有中文解释，恢复备份的时候也有。

　　　部署Fail2ban更简单，在面板就直接能一键安装，给服务器加一份保障。

结语

　　千万千万千万要在Halo里面备份，不能单靠面板里面的备份功能，希望修好后不会再像今天这样再卡死了🙏。

　　另外Halo有没有能自动备份到网盘的工具或方法吗

　　我个人觉得只要网站能正常运行就没啥好维护的，想发文章的时候进入后台写，收到评论后回复下评论，网站大致功能啥的都没问题就好，这次主要还是个人问题，我想着给Halo升级下版本升级后发现主题没适配新版本，后又重新降级，搞得还挺难受。

起因

　　今天无聊，想着打开1panel后台看看，点开「日志」-「SSH登录日志」后，我直接懵了——页面里全是登录失败的记录，还有不少是国外IP在反复尝试登录。

　　看到这些，我瞬间反应过来，自己的SSH端口一直用的是默认的22端口，从来没修改过。于是我先赶紧更改了SSH端口，接着又去网上搜索，想看看还有哪些预防措施。

　　好像是需要安装一个工具，具体叫什么名字却忘了。我照着网上找到的命令一步步输入，结果输完之后，服务器直接卡死了。好不容易重启服务器后，过了没多久它又会自动重启，折腾了半天，那个防护工具也没安装成功。

　　最后也没辙，只能先这么凑合用着了，话说我这个小站其实也没啥攻击价值。

更新Halo

　　我又去应用商店逛了下，看到 Halo 提示要更新。想确实好久没更过了，就打算顺手更一下，点更新的时候，弹出提示说会自动备份数据，方便后续回滚，我之前每次更新都没啥毛病，就没当回事，直接点了更新。

　　更新完打开我的网站，人直接傻了：CSS 样式全没了，页面乱得一塌糊涂，我第一反应就是主题跟没适配新版系统，赶紧去更新了主题版本，更新还是有问题，文章封面没了，侧边栏也消失了，瞬间感觉天塌了。

　　我又切回默认主题试了下，界面都是正常的，那就说明就是主题和新版 Halo 不兼容，这时候突然想起更新前那个自动备份，抱着试试看的心态打开 1panel 后台，没想到真的有刚刚自动生成的备份，还有 1G 多，直接点了恢复，等恢复完成，网站就恢复正常了。

　　说实话我觉得挺费解，为啥 Halo 每次版本更新，主题都要重新适配？我以前用 Typecho 的时候，从来不会出现这种兼容问题，经过这次版本升级，以后不是必要新功能的话，就不会再随意更新版本了。

结语

　　温馨提示：在项目运行正常的时候千万不要随便去动他，修改他只会出现更多问题，尤其是使用Halo博客系统的，更新前一定要看主题有没有适配，没适配千万别更新！

　　另外我准备给1panel配置一下自动备份到云存储，这样至少还能快速修复。

　　回想起第一次建站，还是在初中的时候，好像是初一吧。当时也不懂什么叫建站，就知道把一些代码放在一个主机里，就可以通过链接访问了，当时还挺激动。我记得好像是在社区里刷到了一个烟花源码，就跟着教程去部署。

第一次建站

　　我记得当时葫芦侠社区特别火，有好多破解游戏，社区板块也很活跃，我就经常源码分享板块，对于当时我的来说能成功部署一个html网页就很开心了，浏览源码板块的时候发现一个烟花网页源码，还有详细的部署教程我就一步一步跟着去部署了，当时分享源码的博主的教程里还会附带免费虚拟主机以及免费二级域名的地址，所以部署很顺利，大概效果是这样的。

第二次建站

　　说起第二次建站，还挺搞笑的。当时在社区看到了 HTML 代码教程，只看了一点点就开始动手操作，结果就做出了下面这个界面 —— 纯靠 a 标签加 p 标签实现，哈哈哈，全是一堆嵌入式代码。

　　上面这个是自己写的 HTML 代码，下面就是我修改别人的 HTML 代码。毕竟只是 HTML，修改起来还是很简单的。当时改完看到效果，是真的开心，激动得还发了个朋友圈，哈哈哈。

第三次建站

　　说实话，前面两次我觉得不算真正意义上的建站，只是普通的静态网页，没有任何交互。第三次建站，我用 Typecho 搭建了一个博客站点，可搭建好之后一直没发过文章，也没再管过那个站点。当时的截图没找到，但我找到了别的博主使用同款主题的图片。这位博主现在已经换了主题，非常好看，他的网址是：三叶の小窝。

第四次建站

　　这次我是真的在认真建站了。主机用的是国内的共享虚拟主机，价格在 10 元以内一个月，可惜不支持 HTTPS。主题用的是一款类似朋友圈风格的 Typecho 主题，文章也更新了不少。后来还让 AI 帮我写了一个主题，这是效果图。（其实这个博客我已经很久没管了，为了截张图还特意修复了一遍，哈哈哈）这个网站也是我维护时间最久的一个。

　　直到今年二月，我才换到现在这个博客，用的是 Halo 博客系统。换系统的原因主要是主题好看，后台管理比较方便，生态也不错，插件不用到处找，直接就能安装。

　　不过现在再看 Typecho 的博客主题，我竟然有点恍惚。现在的 Typecho 主题是真的很好看，只是官方自带的后台管理界面，说实话我用着还是觉得不太顺手。

第五次建站

　　这次建站，我没有把原来的文章搬过来。我觉得新网站就该有新的开始，毕竟旧文章和现在的主题风格不搭，如果搬过来还要重新做封面、排版，工作量不亚于重写一遍文章，所以干脆选择从头开始写。

　　对于这个新网站，我也在一点点慢慢优化，对比前几次建站确实用心了不少。这个站点我会一直持续维护下去，不再像以前那样丢在一边不管，留下一堆 bug。

　　现在再回看前几次建站，确实觉得当时傻傻的。还没搞懂建站到底是怎么一回事，就只知道是自己亲手搭出来的，心里就已经特别有成就感了。

　　其实一开始并没有打算去修改主题，想换个主题用，但看了一圈看中了两个主题价格在300-400左右感觉有点小贵了，但大佬们的主题确实很好看，今天看着我的博客突然有一点点灵感就修改了一下。

修改的地方

首页界面修改

　　修改了一下首页的推荐文章的地方把两个块给合起来了，放了个背景图上去，只能说个人觉得效果还可以，看一下修改对比

修改后

瞬间界面修改

　　把瞬间界面改成了类似朋友圈的样式，登录账号后可在前台发送瞬间。

修改后

个人觉得挺好看的哈哈

插件名:plugin-safe-redirect

　　先说下为啥写这个插件，其实我觉得并不是为了更安全啥的，自己博客放的链接自己不知道安不安全嘛哈哈哈，感觉就是给博客添加了一个很小的功能，说是为了安全感觉更像是一个免责条款。

大致功能

• 域名白名单

• 跳转主题更换（不建议使用自带主题，很丑）

• 自定义 HTML 代码

• 自定义跳转图标

• 自定义跳转描述

自定义HTML代码说明

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>安全跳转 - {sitename}</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'Courier New', monospace;
      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
      color: #00ff88;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      overflow: hidden;
    }
    .terminal {
      width: 90%;
      max-width: 700px;
      background: rgba(0,0,0,0.8);
      border: 2px solid #00ff88;
      border-radius: 10px;
      padding: 30px;
      box-shadow: 0 0 20px rgba(0,255,136,0.3);
    }
    .header {
      border-bottom: 1px solid #00ff88;
      padding-bottom: 15px;
      margin-bottom: 20px;
    }
    .logo { font-size: 24px; font-weight: bold; }
    .blink { animation: blink 1s infinite; }
    @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
    .url-display {
      background: #0a0a0a;
      padding: 15px;
      border: 1px solid #00ff88;
      margin: 20px 0;
      font-size: 14px;
      word-break: break-all;
    }
    .btn-group { display: flex; gap: 15px; justify-content: center; margin-top: 25px; }
    .btn {
      padding: 12px 30px;
      background: transparent;
      color: #00ff88;
      border: 2px solid #00ff88;
      cursor: pointer;
      font-family: inherit;
      font-size: 16px;
      transition: all 0.3s;
      text-decoration: none;
    }
    .btn:hover { background: #00ff88; color: #000; }
    .status { margin-top: 20px; font-size: 12px; color: #666; }
    .status span { color: #ff6b6b; }
  </style>
</head>
<body>
  <div class="terminal">
    <div class="header">
      <span class="logo">&gt;_ SAFE_REDIRECT</span>
      <span class="blink">_</span>
    </div>
    <p>&gt; 检测到外部链接访问请求</p>
    <p>&gt; 本站:<span style="color: #ffd700">{sitename}</span></p>
    <div class="url-display">TARGET_URL: {url}</div>
    <p>&gt; 安全检查通过，允许跳转</p>
    <div class="btn-group">
      <a href="{url}" class="btn">[EXECUTE]</a>
      <a href="javascript:history.back()" class="btn">[CANCEL]</a>
    </div>
    <div class="status">
      <span>⚠ WARNING:</span> 您即将离开 {sitename}，请确认目标链接安全
    </div>
  </div>
</body>
</html>

变量说明

• {url} - 目标跳转网址

• {sitename} - 网站名称（从基础设置中获取）

• {encodedurl} - URL编码后的目标网址

插件截图

插件地址

GitHub :https://github.com/nieshilin/plugin-safe-redirect

网盘下载：https://share.feijipan.com/s/Iw2hRsAy

声明

　　插件由Ai完成，可能存在bug，有bug可以留言，插件已申请发布不知道会不会通过，欢迎大佬们试用😀

小聂春游记

　　这个单页是ai写的，由于我的博客更换域名旧域名就没啥用了，就直接找了个免费的域名跳转网站解析后再跳转到新域名，因为我的浏览器一直都开着广告拦截就没发现有广告，我手机访问的时候才发现跳转界面竟然有广告，就干脆让ai写了一个简单的跳转网页代码如下

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正在跳转至新博客</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        :root {
            --primary: #6366f1;
            --primary-light: #a5b4fc;
            --bg: #f8fafc;
            --card: #ffffff;
            --text: #0f172a;
            --subtext: #64748b;
            --border: #e2e8f0;
        }
        @media (prefers-color-scheme: dark) {
            :root {
                --bg: #0f172a;
                --card: #1e293b;
                --text: #f8fafc;
                --subtext: #cbd5e1;
                --border: #334155;
            }
        }
        body {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            background: var(--bg);
            padding: 24px;
            position: relative;
            overflow: hidden;
        }
        .bg-gradient {
            position: absolute;
            top: -200px;
            right: -200px;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, var(--primary-light) 0%, transparent 60%);
            opacity: 0.15;
            z-index: 0;
        }
        .card {
            background: var(--card);
            border-radius: 24px;
            padding: 56px 36px;
            max-width: 500px;
            width: 100%;
            text-align: center;
            box-shadow: 0 20px 60px rgba(0,0,0,0.1), 0 0 0 1px var(--border);
            animation: fadeIn 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            position: relative;
            z-index: 1;
            border: 1px solid var(--border);
        }
        @keyframes fadeIn {
            from { opacity:0; transform: translateY(30px); }
            to { opacity:1; transform: translateY(0); }
        }
        .icon {
            font-size: 64px;
            margin-bottom: 24px;
            animation: bounce 2s infinite ease-in-out;
        }
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-8px); }
        }
        h1 {
            font-size: 28px;
            color: var(--text);
            margin-bottom: 16px;
            font-weight: 700;
            letter-spacing: -0.3px;
        }
        p {
            color: var(--subtext);
            font-size: 17px;
            line-height: 1.7;
            margin-bottom: 36px;
        }
        .url {
            font-weight: 700;
            color: var(--primary);
            padding: 2px 6px;
            border-radius: 6px;
            background: rgba(99, 102, 241, 0.1);
        }
        .jump-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 16px 36px;
            background: var(--primary);
            color: #fff;
            border-radius: 16px;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.25s ease;
            box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3);
            margin-bottom: 20px;
        }
        .jump-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);
        }
        .jump-btn:active {
            transform: translateY(0);
        }
        .tip {
            font-size: 15px;
            color: var(--subtext);
            opacity: 0.85;
        }
        .countdown {
            color: var(--primary);
            font-weight: 700;
        }
    </style>
</head>
<body>
    <div class="bg-gradient"></div>
    <div class="card">
        <div class="icon">🚀</div>
        <h1>你好，欢迎访问我的博客</h1>
        <p>博客已迁移至新地址：<span class="url">xiaonie.me</span></p>
        <a href="https://xiaonie.me" class="jump-btn">立即前往新博客</a>
        <p class="tip"><span class="countdown" id="countdown">3</span> 秒后自动为你跳转...</p>
    </div>

    <script>
       
        let countdown = 3;
        const countdownEl = document.getElementById('countdown');
        const NEW_DOMAIN = "https://xiaonie.me";
        
        const timer = setInterval(() => {
            countdown--;
            countdownEl.textContent = countdown;
            if (countdown <= 0) {
                clearInterval(timer);
                window.location.href = NEW_DOMAIN;
            }
        }, 1000);

        
        setTimeout(() => {
            window.location.href = NEW_DOMAIN;
        }, 3500);
    </script>
</body>
</html>

　　效果图如下

　　部署方法

　　其实部署方法有很多找一个能免费托管html的网站就好，我用的是edgeone的国内访问会比较快一点.

　　先说一下为啥要搭建博客小程序版本，个人感觉在手机上查看博客更舒适一点，不用再打开网页，而且在手机上用浏览器打开网站后，手机稍微一横网页就横过来了感觉很烦（虽然可以打开竖屏锁定😄但我觉得搭建网站的意义就是在于折腾）

　项目介绍

　　我用到的项目是小莫唐尼大佬开发的uni-halo项目地址我会放在文章底部。

　　选这个项目用于搭建博客小程序就是觉得配置简单，界面也还挺好看，还可以直接生成ios,android 端的app。

　　只需要在Halo后台安装一个插件，再把项目文件导入hbuilderx编译即可

　部署教程

　　其实部署很简单但是由于官方文档的图片失效无法查看，还有项目本身有一点小问题比如分享功能失效等，我会把我修复好的项目文件发出来这样部署就会简单很多。

　　第一步给Halo安装插件UniHalo 配置，商店直接搜索即可这里我就不放图片了，安装完插件后最重要的一步就是填写个人令牌，个人令牌点击头像右边的小人按钮进入创建令牌后回填Token即可。

　　点击应用配置填写微信小程序的appid和APP_SECRET，这两个都可以在小程序平台找到，APP_SECRET是不会显示的如果之获取过点击重新获取APP_SECRET即可

　　别的配置根据自己的需求自己填写就好了，到这里博客这里就配置好了，下面来配置项目的代码段，其实没啥配置的就是把域名改成自己的就好了，项目文件在文章末尾获取。

　　把文件导入hbuilderx，先打开manifest.json文件给appid重新获取一下，再点击vue.config.js填写域名，再进入config目录打开uhalo.config.js文件后填写域名，操作都一样我只放第二张图了，

　　还有一个操作是这个项目外的，就是需要你去小程序后台保存一下你的小程序二维码重命名为xiaochegnxu.jpg放在项目根目录，原因是原项目的分享功能失效了，我修复后没使用动态小程序码。

　　修改完成后点击上方发行，选择小程序填写appid后发行，他会自动打开小程序开发工具并自动编译，如果没下载小程序开发工具就下载一个（并打开服务端口）。

　　先不用管提示啥，进入小程序平台的后台，管理-开发管理-往下滑填入你的博客域名。

　　所有操作完成现在微信小程序预览应该是正常的了，会到小程序开发工具后重新编译后点击上传版本后，进入小程序管理平台送审核即可

　效果预览

　项目地址

　　GitHub地址https://github.com/ialley-workshop-open/uni-halo

　　官方文档地址https://uni-halo.925i.cn/

　　我修复后的项目文件https://share.feijipan.com/s/vt2DyQF7

　温馨提示

　　小程序不认证是不能分享的，但是可以用内置的分享保存相册功能。

　　小程序审核与备案需要关闭评论功能，不然审核不通过就白浪费时间。

　　其实我一直都用域名作为邮箱发送邮件，感觉很专业哈哈哈，但不想自己搭建感觉很麻烦而且好多服务器都不给开通25端口，所以只能使用第三方的服务，我用到的是阿里云的企业邮箱，和正常邮箱一样一个域名支持50个用户很方便。

　　选择阿里云企业邮箱还有一点就是对阿里云注册的域名很友好，不用手动配置域名解析一键就能添加好域名解析。

使用教程

　　进入阿里云登录账号后，直接在上方搜索框输入企业邮箱免费版，第一个点进去，往下滑会有一个企业邮箱免费版购买页的链接，

企业邮箱免费版-购买-阿里云也可以点击我这个超链接进入，一个账号只能购买一次价格为0，不会过期。

　　购买完之后进入邮箱后台，云邮箱控制台可点击超链接进入，进入之后默认管理员账户为postmaster@你的域名，点击重置密码设置一个密码。后进入阿里云企业邮箱登录入口_阿里邮箱企业版-阿里云输入管理员账户及密码登录邮箱可正常收发邮件。

　　点击员工账号可以新建账号格式为账号@域名如果还需要用到smtp可以到安全管理账户安全策略打开略允许使用第三方客户端即可

　　最后阿里云企业邮箱收发服务器地址为

  先说下为啥写这篇文章，主要是觉得每天睡前都要起床按灯的开关太麻烦，说白了就是懒。于是就上抖音搜了一下需要的配件，准备把家里的灯改成智能的。在挑选备件的时候踩了不少坑，也发现很多细节需要注意，就打算写篇文章，让想改造的小伙伴们少走弯路。

  需要用到的配件：最主要的就是小爱音响,还有就是智能开关，电脑的开机卡.总成本为110元

  先从音响的选择说起，我买的是小爱音响Play官网价为99元实际购物平台价格在70-80元左右，闲鱼的二手大概在50元左右，其实能用就行我是在某多买的77元全新的，买音响主要是需要他的Mesh网关功能来控制设备。

  再说智能开关的选择，买开关之前一定要拆开原来的开关看一下有没有零线，有零线的话就买零火版，如果没有零线只有火线的话就只能买单火线版本，零火版的价格大概在25元左右，单火版本价格在45元左右，如果是单火版可以去闲鱼看一下，闲鱼的单火版我买的全新的价格是25元，和购物平台的价格差的还挺多。（买之前一定要看协议一定要是Mesh协议1.0 2.0无所谓，千万别买成Zigbee协议他没法用小爱音箱控制）

  最后说电脑开机卡,这个没啥说的开机卡分为Mesh协议的还有就是连WiFi版的，有小爱音响直接买Mesh协议版的就行价格在10元。

  所有东西都准备好了就开始改造吧。

  先给小爱音响配网这个很简单就不细说了，米家在配网的时候会提醒你。

  安装智能插座，其实也非常简单，最重要的先把电闸关了把原有的电线对照新的智能开关接上就行，多余的线用绝缘胶带缠上放里面就好，接上电线先别急着拧螺丝，还需要配网不同智能开关品牌配网操作都不一样说明书上会有二维码一扫会有教程，配网后打开米家添加上智能开关对着小爱音响说小爱同学开灯，灯开后就可以拧螺丝了（要开电闸别没开电闸傻乎乎的喊小爱）（如果你是双控的开关其实只换一个开关也是可以的剩下的那个开关保持常开就好）

  还有电脑开机卡，（安装之前一定要断电给机箱）这个商家会给你视频我只打字是解释不清楚的，简单的说就是把开机的线接到开机卡上，装上先别扣上机箱盖，要配网配网后打开米家添加设备就ok了。

在看GitHub的时候发现了一个可以显示Epic限免游戏的项目，进去看了一下其实就是通过Epic的一个Api来实现的，就想着给我的博客也加上这么一个小界面，我就把Api和返回内容丢给豆包一会就生成了界面，经过几次对话之后就有了下面的界面。

本来想着是在博客内置这么个小界面，但是不知道怎么改，我就创建了个文件夹把html文件放了进去，进入Halo的后台添加了一菜单选项。

最后如果你也想在博客内实现这个网页可以用这个接口:store-site-backend-static-ipv4.ak.epicgames.com/freeGamesPromotions?locale=zh-CN&country=CN&allowCountries=CN

其实我对于输入法软件，没怎么了解，一直都是使用的Windows自带的输入法感觉挺简洁的使用上还可以。

就是有时候会变成繁体输入法，还需要重新设置成简体感觉很麻烦，就想着直接换了算了吧，正好体验一下别的输入法，我去B站搜了一圈看看有啥好用的输入法吗，大多推荐的是搜狗的优化版本，我个人不太喜欢用搜狗输入法，突然想到之前看到微信输入法的广告，感觉还挺简洁的，安装好进入输入法界面，看到界面还真有点震惊，界面确实挺简单没有花里胡哨的皮肤界面。

还支持单机模式就是不联网感觉还可以，但输入法配色支持吃默认绿色加白色，暗色模式是绿色加黑色，感觉和Windows自带的没太大差别，使用上没发现啥问题，没有烦人的广告之类的，目前来说是挺好的。

因为是刚出的输入法，肯定优化还是能跟上的，后期有没有广告就不知道了，但可以确定的是，后期后广告的话也会有大佬发出去广告版本哈哈哈。

先看下界面

是用Ai写的

界面简单，支持最近翻译，用的翻译api是GitHub上的一个翻译项目，https://github.com/popjane/free_chatgpt_api，因为他是完全免费不会因为过多使用key额度导致后期费用问题，最多也就是无法使用，用来做测试最好不过。

预览地址：https://fanyi.xiaonie.xyz/

这个网页还有很多bug只能保证能够使用，也就是娱乐一下而已。

已知频繁保存最近翻译的bug已修复

GitHub地址

Blip是一个跨网络跨设备传输文件的工具，支持安卓/Windows/ios/Mac/Liunx.

实现跨网络的原理很简单就是经过官方服务器，实际测试传输速度不错，大文件肯定就会慢一点，看官网介绍并没有发现流量限制问题。

隐私问题

经过查看官网隐私条款说明得知官方声称收集的数据为

• 你提供给我们的数据。注册Blip后，你可以创建账户 使用任何邮箱、姓名和头像。你选择提供的其他信息，比如 当你通过电子邮件或社交媒体与我们互动时，

• 数据是我们自动收集的。我们收集你如何使用Blip的数据，比如设备本身 你正在使用我们的应用，并与我们的应用互动。这有助于我们提升您的体验。

我们绝不会自动或未经您许可收集您文件内容的数据。我们正在收养 现代安全协议和加密技术保护你的文件，确保没人能做到 在他们穿越Blip时访问它们。

毕竟我们的文件是需要经过服务器的重要文件还是不建议使用，平常传个图片啥的还可以

费用问题

Blip提供免费版本并无广告，足以满足日常使用

使用截图

首次进入软件需要输入邮箱输入验证码头像名字等信息即可使用，一定要去设置把Searchable by Name开关关掉避免别人给你随意传送文件

使用感受

传送文件反应迅速，支持多种设备之间互传，其实最大的有点就是相比纯局域网传输多了一个选择。

软件官网

我个人觉得支付宝就是个支付软件，天天给我发一些活动通知真的很烦人。

最近就研究了一下看看怎么关闭这些东西，别说这种设置藏得挺深

右下角我的找到设置通用设置首页管理这些功能都没用关掉就好

还是通用设置消息页管理这些基本上都没用选择性开启吧

最重要的是通知设置我觉得是挺难找的首页点击我圈起来的位置点击右上角设置就能找到了把没用的都关掉以后就不会有没用的通知了

我是从来没用过安全拔出这个功能的，一直没在意这个功能，就在刚才用 U 盘的时候，火绒弹出来了 U 盘的功能，我才想到还有安全拔出这个功能。

我也去搜索了一些科普，安全拔出是对于使用较老系统 U 盘的保护功能，因为老系统在 U 盘导入或导出文件的时候中间有一个缓存层，如果突然拔出 U 盘可能会导致 U 盘损坏。

虽然现在的系统默认关闭了缓存层，也不建议在传输文件的时候拔出 U 盘，还是有可能对 U 盘造成损坏风险，U 盘的质量过差的话，尽量避免传输过程中突然拔掉 U 盘。

刚配置完CDN又在B站看到有个大佬写一个EdgeOneCDN监控大屏.试着部署了一下效果还挺好.部署效果如下

部署教程

很简单的我就不说那么细了.

先打开这个大佬的GitHub的仓库.Fork下

进入EdgeOnePages创建项目导入Git仓库.选择我们Fork的仓库

起一个项目名字不能用中文.需要添加几个环境

SECRET_ID: 您的腾讯云 SecretId

SECRET_KEY: 您的腾讯云 SecretKey

SITE_NAME: (可选) 自定义大屏标题

SITE_ICON: (可选) 自定义网页图标

输入完后点击开始部署

到这就已经部署好了.后面需要绑定自己的域名即可.

Github仓库链接：

最终效果图以及我搭建的地址供预览:小聂的窝网站监控

由于我网站确实访问速度过慢一直想配置要给CDN但一直没弄

这两天正好没事想着去配置一下CDN看了好多家CDN厂商后选择了腾讯云的EdgeOne选择他其实就是因为免费不限制流量.不用担心被刷流量啥的.配置也很简单.但由于我是第一次配置这玩意还是折腾了两天.就是配置完之后访问不了网页.中间也去试了别的CDN发现是同样的问题就说明和CDN没关系是自己操作的问题.也去搜了下CDN配置教程但都是一些缓存配置教程.问AI也没弄明白.最后一通研究后发现.回源 HOST 头.应该用源站的我设置的是CDN的域名导致访问不了.感觉自己挺傻的哈哈哈.

关于发布文章自动刷新CDN需要用到用到刚上架的一个插件CDN 缓存刷新我刚配置完CDN打开插件商店就发现了他.因为是刚上架排在了第一个.来的真是时候.那就一同配置了吧.配置教程我就不写了.就填写几个key就行

推荐几个我自己用的浏览器插件

第一个是AdGuard 广告拦截器这是我个人觉得浏览器中最好的拦截广告的插件，开启之后会自动拦截广告，如果没有自动拦截也可以手动选择广告位置进行拦截，自动拦截已经可以拦截百分之九十的广告了。

商店链接：AdGuard 广告拦截器 - Microsoft Edge Addons

第二个是猫抓他能抓取网站的视频资源并下载，支持多种格式，比如m3u8.mp4等都能抓到，经过测试抖音也是可以抓取到的。

还支持m3u8合并后下载。

商店链接：猫抓 - Microsoft Edge Addons

第三个是沉浸式翻译支持多种翻译模型，虽然有的模型需要收费，但免费模型已经够用了，我一般只有右键翻译不了的时候才会使用，效果还是比较好的.

商店链接：沉浸式翻译 - 网页翻译插件 | PDF翻译 | 免费 - Microsoft Edge Addons

昨天我使用ChatGPT打造的博客形象

先说形象的使用，主要就是运用到加载动画头像等，后续有新的想法会及时拓展.

在看了几个博主的博客后，发现最大的问题就是博客封面过于凌乱，急切需要优化，我的优化方向就是，使用博客的熊猫形象加渐变色背景结合，抛弃之前的图片背景加文字的博客封面效果.

个人觉的下面的这种博客封面易于统一封面效果，显得比较整齐一点，没有之前那种乱的感觉，再加上博客的形象，应该可以加深读者的印象，哈哈哈.

如果你正好看到了这篇文章，正好有建议也欢迎在评论区提建议我会及时回复哦

上面就是我用ChatGPT生成的个人博客形象

其实生成这种形象还是挺简单的.可以根据自己博客的配色以及发布内容去选择某一种动物.

主要需要结合的几点就是 配色.动物.发布内容.还有自己的应用方向.比如头像封面之类的.

文章最后我会发一个我使用的word.可以填写后让ai去生成.

ai对于中文图片的生成不是很好.不用在意这个问题.后期用ps修改即可.主要是形象问题.

可以让ai生成各种动作的图片.以备以后用到.

最后一定要让ai给你形象设计总结与形象介绍.后期想拓展形象可以用到.

最后附上word文档

https://www.123865.com/s/G1sKVv-hOob3

这个开源项目是我在抖音刷到的.感觉还挺酷的就分享下.

项目链接：github.com

直接使用：https://anvaka.github.io/city-roads/

经过测试虽然没有梯子可以访问网页.但输入地区后加载不出来地图.需要梯子才能正常加载出来地图.

输入省份加载时间会比较长.输入市的话挺快的

昨天网上实在无聊想找个游戏玩下，想到之前在E宝白嫖了一堆游戏，就去E宝下载了个古墓丽影玩，

一下载看到下载速度就崩溃了，显示需要十几个小时下载，肯定是不正常的，我就去搜索了下教程，

基本上都是加速器的广告，但确实让我找到了一个非常有用的工具，就是：UsbEAm Hosts Editor,

这个软件其实大多数人都知道通过修改Hosts实现加速下载，效果也很明显，先看下加速后的效果

软件使用也很简单，右键右侧选择Epic下载加速，选择游戏下载（中国大陆），再点击下面的自动优化即可。

软件链接：UsbEAm Hosts Editor [多平台hosts修改] V4.0.3 – Dogfight360

其实网上有很多抖音解析工具，但大都是命令行的模式，个人觉得不太方便。

就用ai写了一个聊天界面的效果，代码很烂只能做到能用，只需发送视频链接就会给你返回视频.

软件截图

软件链接 https://www.ilanzou.com/s/4wxnySeG

先声明一下仅对部分小游戏有效，因为好多热门游戏的无广+GM需要申请才能获得的.

这个方法也是偶然发现的

在抖音搜索星图，点进去会显示你最近玩的游戏

选择一个你想玩的游戏点击投稿

点击查看大人创作指导（蓝色的字）

会给我们一个飞书文档的链接，里面有无广告的链接

在浏览器打开即可

只有部分游戏是直接给我们链接的，有很多都是需要去申请的

所以需要一个个看有没有链接

本来是一个手机壁纸试了下carplay当壁纸也很好看

网站虽然已经搭建好了但还有很多问题没解决，就比如网站加载过慢.最简单的办法就是给图片之类的附件配置云存储.

云存储我选择的是又拍云因为我之前的网站一直都是用的又拍云，配置云存储需要用到对象存储（Amazon S3 协议）

插件.

又拍云配置教程，在控制台选择云存储，击创建服务，填写好服务名，可以这样填写：halo-blog，这个没有限制随便

填写就好，授权方式选择新建操作员，名字自己写密钥一定要保存好.

现在来配置halo的存储插件，点击附件库，点击右上角存储策略，新建，这个名称随便填写可以中文，Bucket桶名称，是你在又拍云设置的

服务名，Endpoint填写s3.api.upyun.com，这个是又拍云的别的云服务可以搜一下，Access Key ID和Access Key Secret，我以为是我设置操作员名字和密钥，试了一下不对，去搜了下才知道是需要在又拍云在操作员授权，找到S3 访问凭证点击查看，Access Key ID和Access Key Secret分别对应着AccessKey，SecretAccessKey.

这里大致已经设置好了，只绑定域名了，在又拍云绑定完域名后，在halo的插件上填写绑定的域名即可.

https访问的话在服务器面板申请好直接填写到又拍云即可.

这样配置好之后，网站加载确实会快不少.

最近在刷B站的时候刷到有人发关于bilibili第三方客户端的视频,好奇点了进去看看是怎么回事，还是个开源项目就，点开项目链接看了看，感觉还不错，像这种第三方的基本都是没广告的， 所以就想尝试下，下载了个ipa安装包，用巨魔装使用了一下感觉还不错,设置里面有好多功能都支持修改，像外观之类的都是可以的，主要他还是使用flutter开发的，flutter是支持多开发的，所以支持的系统会更多。

先看下ui界面吧

项目链接：bggRGjQaUbCoE/PiliPlus: PiliPlus

分享几个水豚噜噜的表情包

下面是全套图片

• 完成halo搭建

• 完成主题安装

• 完成主题配置

• 转移旧网站的友链接

• 完成备案

• 完成主题美化

域名我是图便宜在spaceship买的，当时没考虑备案问题，当到备案这一步的时候发现需要把域名转入到阿里云，还有个问题就是域名注册时间不满60天是不能转服务商的，这就形成了要给bug，我想备案就得转服务商，但刚注册的域名不能转，所以只我只能先在阿里云申请一个xiaonie.xyz的域名反正有才几块钱，等可以转服务商了再使用xiaonie.me，先将就下

欢迎访问小聂的窝

这是我的博客站点，之前一直用的是typecho+虚拟主机建站，主机还是共享的连https都不支持就一直想着换个服务器搭建个博客

但一直也没有行动，一直拖到现在，感觉不能再拖了就现在搞，买了两年服务器，买了xiaonie.me域名，以后就会在这里写点东西

(虽然没啥写的)，既然换了服务器干脆连博客系统一起换好了，想尝试一下halo这个系统，感觉这个系统的后台比较好点

之前的站点地址有：http:20060611.xyz      小聂.top