2025.6.24

注册域名，购买服务器，购买域名备案，购买云服务器，购买域名解析，购买SSL证书，配置Nginx，配置SSL，配置MySQL，配置PHP，配置Git，配置GitHub，配置Hexo，配置主题，配置评论插件，配置搜索插件，配置统计插件，配置域名，配置网站，配置网站统计，配置网站地图，配置网站SEO，配置网站收录，配置网站安全，配置网站备案，配置网站优化，配置网站推广，配置网站内容，配置网站广告，配置网站推广，配置网站流量，配置网站流量优化，配置网站流量监控，配置网站流量分析，配置网站流量导入，配置网站流量导出.

⬆⬆以上全是Fitten Code自动生成，这玩意总是打断写作思路，像是这样：
alt text
或者这样：
alt text
什么自卖自夸（莫名其妙，留下来好了。)

言归正传

6.24 尝试搭建个人博客的第一天。

其实也不是第一天，之前写过一些简单的HTML网页，比如用户登录页面、拉取表单、CSS，JS美化样式之类。现在我在这些网页里，选出一些有趣的放在HTML交互页面分类下面。

  • 尝试用Github.io + GitHub Desktop建站我懒，不喜欢敲命令，这样也不需要买服务器，当时页面上除了index.html就是各种零零散散的小玩意。
  • 自己写还是不太现实，本人编程水平，代码能运行不报错就谢天谢地了（搞前端不到十个小时）；即使用AI帮我搞出一个功能齐全的博客也很容易半途而费，计划暂时搁置。

6.26

之前了解过云服务器，宝塔面板还有其它构建教程， PHP+SQL 架构还是太超前了，我只是搞点静态博客试试，实在有需求再说，总结起来大概要满足以下要求：

  1. 外观方面：

    • 蓝色主题，如果不是，那么至少可以修改为蓝色系风格。
    • 简洁美观，不要眼花缭乱的主页，不要二次元。

  2. 功能方面：

    • Github.io 托管，没有服务器。

    • 文章满足多级分类，不是平铺型的，比如

      ​ -教程：

      ​ -python教程；

      ​ -C++教程；

      ​ -学习：

      ​ -线性代数；

      ​ -OpenCV；

    • 如果可以的话，添加说说/评论区功能，希望朋友们可以和我交流/指正我的错误。

那么去看看别人的博客好了，最后选了某Argon主题，基本满足我的需求，但是具体怎么做？去问GPT，牠给出如下建议：

image-20250715035925779

记住这句Argon UI 魔改版，

以后人们迟早都被AI给害死（暴论）。

那就开始呗，

  • npm（说了我没搞过前端，不过包管理还挺方便），node.js，Hexo 都配置好。

    1
    2
    3
    4
    5
    6
    hexo init .
    npm install
    hexo server
    # 访问 http://localhost:4000
    npm install hexo-deployer-git --save
    # 安装部署插件

    看到(Hello World)，胜利的曙光似乎就在眼前；

  • 此时GPT开始发力：

image-20250715041958743

哦不支持啊，那我们在干什么呢，陪你玩吗？感觉被AI耍了😠

小伙还给出了一堆修改底层文件代码的方案。。。（我根本找不见牠给的文件夹和什么.scss，紧急叫停）

  • 由于不想重做，只好基于Hexo找找合适的主题，看着Butterfly不错，后续寻找教程的时候，确实有不少这个主题的博客（不排除浏览器记住我搜索词的原因）

  • 勉强步入正轨吧，试试 .yml 文件配置功能，有点眼花缭乱，也许我将来会写一篇文章，给出更详细的中文注释，这样可以快速上手，链接在这里，没有就是没写好 ->Hexo + Butterfly 博客初始配置。

6.27

这几天大概做：

  1. 主题美化
  2. 评论/说说（一直很好奇怎么实现P2P交互，后来发现其实是中心化服务和后端 API 支撑的）
  3. 音乐播放
  4. 桌宠（这个能做出来是当时没想到的，开源万岁！）

事情太多不知道从哪记起，

  • 上传之前的文章试试水，大概六月的都是这样，就是作业报告/HTML页面
  • 修改所有背景图片，设置切换夜间模式时自动切换夜间图片（仅在主页生效）
  • 尝试快速上手 | Twikoo 部署，没做成，可能是哪一步错了，Vercel一直部署不了，回家

6.28

继续之前的工作，

  • 用快速上手 | Waline一次成功

  • rain 特效，打字机效果

  • 修复文字与背景颜色接近的问题

  • 每次测试好麻烦，写个bat脚本一键部署

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    @echo off
    :: Hexo 控制台
    :: 功能：R=本地运行 | D=部署 | N=新建文章 | Q=退出
    :: 优化：自动终止占用4000端口的进程，支持中文文章名
    :: 配色：深蓝背景，青色文字（color 03）

    chcp 65001 >nul
    title Hexo 控制台 (R=运行 D=部署 N=新建 Q=退出)
    color 03
    cls

    :menu
    echo.
    echo  [Hexo 控制台 v2.0]
    echo  --------------------------
    echo  R = 清理并启动本地服务（自动终止旧进程+开浏览器）
    echo  --------------------------
    echo  D = 清理并部署到 GitHub
    echo  --------------------------
    echo  N = 新建文章（支持中文标题）
    echo  --------------------------
    echo  Q = 退出控制台
    echo.

    :choice
    choice /C RDNQ /N /M "请选择: " 
    if errorlevel 4 goto exit
    if errorlevel 3 goto newpost
    if errorlevel 2 goto deploy
    if errorlevel 1 goto serve

    :serve
    echo.
    echo [正在终止可能存在的旧服务进程...]
    taskkill /f /im node.exe >nul 2>&1
    timeout /t 1 >nul

    echo [正在生成静态文件...]
    call hexo clean && call hexo g
    if %errorlevel% neq 0 (
        echo [!] 生成失败！错误代码：%errorlevel%
        pause >nul
        goto menu
    )

    echo [正在启动本地服务...]
    start "" /B cmd /c "hexo s --draft && exit"  :: 显示草稿

    :: 服务健康检查
    echo [等待服务启动...]
    timeout /t 5 >nul
    netstat -ano | findstr ":4000" >nul
    if %errorlevel% neq 0 (
        echo [!] 服务启动失败！请检查：
        echo    1. 是否安装hexo-cli
        echo    2. 是否在Hexo项目目录
        pause >nul
        goto menu
    )

    start http://localhost:4000/
    echo [√] 服务已启动 | 浏览器已打开
    echo 按任意键返回菜单...
    pause >nul
    goto menu

    :deploy
    echo.
    echo [正在清理并生成静态文件...]
    call hexo clean && call hexo g
    if %errorlevel% neq 0 (
        echo [!] 生成失败！错误代码：%errorlevel%
        pause >nul
        goto menu
    )

    echo [正在部署到GitHub...]
    call hexo d
    if %errorlevel% neq 0 (
        echo [!] 部署失败！请检查：
        echo    1. Git配置是否正确
        echo    2. 网络连接是否正常
    ) else (
        echo [√] 部署成功！^> 可访问：https://你的用户名.github.io
    )
    pause >nul
    goto menu

    :newpost
    echo.
    set /p postname=请输入文章标题（支持中文）:
    echo [正在创建文章...]
    call hexo new post "%postname%"
    if %errorlevel% neq 0 (
        echo [!] 创建失败！请检查：
        echo    1. 是否在Hexo项目目录
        echo    2. 标题是否含特殊字符
    ) else (
        echo [√] 文章已创建：source/_posts/%postname%.md
        :: 自动用VSCode打开（需安装VSCode）
        code "source/_posts/%postname%.md" 2>nul || (
            echo [提示] 未检测到VSCode，请手动编辑文件
        )
    )
    pause >nul
    goto menu

    :exit
    echo.
    echo [正在清理进程...]
    taskkill /f /im node.exe >nul 2>&1
    echo 正在退出...
    timeout /t 1 >nul
    exit

    也可以搞简单点，都行：）

  • 查看了大部分配置文件，发现 aplayer 和 Live2d 有封装好的文件，看来有可行性

6.29

这是首页 - APlayer文档，

  • 修改鼠标指针样式，奥日（Ori）风，由于不熟悉容器标签这些，花了点时间
  • Aplayer可以直接引，但是我不满意，改成了悬浮球样式（这个应该是首创）
  • 为了切换页面不中断播放，使用pjax，找了几首歌试试，效果不错
  • 页面搜索，不蒜子都打开

6.30

图书馆周一闭馆，那我也休息，哈哈！

7.1

最艰难的Live 2D，整整搞了一天

感觉这个光崽桌宠也是我首创，有桌宠的博客大抵千篇一律，可也能是千篇十律，因为他们提供了大概十几个可换人物吧，制作过程中看到开源模型库是有的，没见到有人换。

7.2

终于想起来写总结了哈哈，以下是 todo list：

  • 解决主页之外的图片切换
  • 记录写完了，应当做个说明文档供诸君采纳
  • 把我的光遇记录贴补上主要是时间太久懒得翻照片
  • 由于butterfly没有时间轴（其实是有一个，但是效果不怎么样），考虑换这个Vuepress Theme Plume | Plume 主题

其实也该学下vue或者react的）这几天纯硬闯

  • 之前的项目上传一下，更丰富的页面功能

7.12

当事情趋于解决，我就会懈怠，总是如此呢

  • 更新了sky光·遇分类的横滚首页栏
  • localsend 传图，好多，不想整理）

7.15

  • 想写个五子棋人机对弈，α-β剪枝算法不错，正在学习

7.18

  • 又休息上了，不怎么会整合局面判断，局面判断好麻烦，而且JS计算速度堪忧🤔
  • 增加更多加载/404动画 ；加载时PC端与移动设备分别显示