白鹿原嚒

网站更新历史

Wed, 25 Feb 2026 00:00:00 GMT

网站更新日志

本文记录了博客的每一次更新。

2026-02-26

新增功能

edgeone page自动部署
- 优化了edgeone page的部署流程
- 支持自动部署到edgeone page
移除了Netlify 部署支持
- 将Netlify 部署转为edgeone page部署

2026-02-25

新增功能

GitHub Actions 自动部署
- 配置了 GitHub Actions 自动构建部署
- 推送到 main 分支自动构建部署到 GitHub Pages
- 支持绑定自定义域名

Netlify 部署支持
- 添加 netlify.toml 配置文件
- 支持一键部署到 Netlify
域名切换组件
- 侧边栏显示当前访问域名
- 显示多个域名：主站（blog.blym.top、blog.119567.xyz）和备用站（hengduan.dpdns.org、hengduan.de5.net）
- 实时显示各域名的网络延迟
- 当前访问的域名自动高亮显示
- 点击在当前标签页切换域名
不蒜子统计接入
- 侧边栏 Profile 区域显示今日访问量和今日访客数
- 页脚显示今日访问、今日访客、总访问、总访客
移动端布局优化
- 侧边栏功能移至移动端顶部
分类排序优化
- 未分类分类默认放在最底部
- 其他分类按字母顺序排列

功能优化

主题设置面板优化
- 主题切换按钮添加背景模糊效果
- 彩虹模式支持实时调节颜色变换速率
- 主题色滑块实时生效
- 统一按钮点击状态视觉反馈

2026-02-24

新增功能

评论系统
- 集成了 Giscus 评论系统
- 支持亮/暗主题切换
- 位于文章末尾
文章末尾固定内容
- GitHub 编辑链接
- 文章修订历史
侧边栏 Profile 组件升级
- 头像改为圆形样式
- 显示文章统计数据（文章数、总字数）
- 集成社交平台链接入口（GitHub、Gitee、Bilibili）
文章更新检测功能
- 右下角小铃铛组件
- 自动检测 RSS 订阅，发现新文章或更新时通知
- 支持查看文章变更内容（DIFF 显示）
文章置顶功能
- 支持在文章 frontmatter 中添加 pinned: true 置顶文章
- 置顶文章显示"置顶"标签
主题切换同步修复
- 修复了主题切换功能与亮/暗主题切换不同步的问题
- 建立了单一的主题状态源
默认主题色修改
- 默认主题色从 250（青色）改为 120（绿色）

历史

2026-02-23：博客上线

一言

Sat, 17 May 2025 09:49:00 GMT

每日一言

<p id="hitokoto"> <a href="#" id="hitokoto_text">:D 获取中...</a> </p> <script> fetch('https://v1.hitokoto.cn') .then(response => response.json()) .then(data => { const hitokoto = document.querySelector('#hitokoto_text') hitokoto.href = https://hitokoto.cn/?uuid=${data.uuid} hitokoto.innerText = data.hitokoto }) .catch(console.error) </script>

每日诗句

<span id="jinrishici-sentence">正在加载今日诗词....</span> <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

分享一篇网上很有趣的文章

Sat, 14 Mar 2026 23:32:00 GMT

最近看到网上一篇很有趣的文章，于是给它复制过来了

这里呢，是它的摘要

“爱意落山河，满纸尽遗憾”，道尽了单恋最极致的孤独与悲凉。本研究通过对单向心动、默默付出、自我感动三种情感形态的深度解构，揭示了 “我满腔热忱，你毫不知情” 的情感困境。本文提出：有一种爱情，从始至终只有一个人；有一种心动，从开始就注定是结局。它是一个人的兵荒马乱，一个人的春夏秋冬，一个人的悲欢离合。你把 TA 当成人生的全部，TA 却从未知道你的存在；你为 TA 耗尽所有温柔，TA 却从未给过一丝回应。

原文呢，各位就去末尾的链接中看吧

最后，也就是结尾，送给各位一句话

愿你，此后余生，有爱可期，有人懂你，深情不再枉付，心动皆有回应，爱意不落山河，余生再无遗憾。

[王老师, 龙老师, 邹老师 (2026). 爱意落山河，满纸尽遗憾. Rubbish]:爱意落山河，满纸尽遗憾 - Rubbish — An Interdisciplinary Journal

视奸我 - 网易云音乐播放状态展示

Fri, 27 Feb 2026 05:05:00 GMT

视奸我 - 网易云音乐播放状态展示

将网易云音乐播放状态实时展示在个人主页上。

项目结构

shijian-music/
├── api/                    # API 调试工具
│   ├── music.php       # 音乐数据 API
│   └── debug.html          # 可视化调试面板
└── shijianwomusic/         # BetterNCM 插件
    ├── src/main.tsx        # 插件源码
    └── dist/               # 构建输出（安装此目录）
        ├── main.js
        └── manifest.json
        └──	shijianwo.plugin

快速开始

1. 环境要求

PHP 7.4+
Web 服务器 (Apache/Nginx)
Node.js（用于构建插件）
BetterNCM >= 0.2.5

2. 构建插件

cd shijianwomusic
npm install
npm run build

3. 安装 BetterNCM 插件

安装 BetterNCM
在 BetterNCM 设置中点击 "Open Folder" 打开数据目录
创建 plugins_dev 文件夹（如果不存在）
将 shijianwomusic/dist 目录内的文件复制到 plugins_dev/shijianwo-music/
重启网易云音乐

目录结构：

BetterNCM/
└── plugins_dev/
    └── shijianwo-music/
        ├── main.js
        └── manifest.json
        └──	shijianwo.plugin

4. 配置插件

打开网易云音乐
点击右上角 BetterNCM 图标
找到 "视奸我-网易云插件"
点击配置按钮，输入 API 地址：
```
http://your-domain.com/music.php
```
保存配置

5. 部署主页

将 my-index 目录上传到 Web 服务器即可。

API 接口

基础 URL

http://your-domain.com/music.php

接口列表

接口	说明
`?action=current`	获取完整播放信息
`?action=song`	仅获取歌曲信息
`?action=progress`	仅获取播放进度
`?action=lyrics`	仅获取歌词
`?action=status`	获取播放状态
`?action=health`	健康检查

POST 更新数据

POST /music.php?action=update
Content-Type: application/json

{
  "playing": {
    "isPlaying": true,
    "song": {...},
    "progress": {...},
    "lyrics": {...}
  }
}

调试工具

访问 http://your-domain.com/api/debug.html 可视化查看 API 数据。

功能特点

实时同步播放状态
显示歌曲名称、艺术家、专辑
播放进度条实时更新
歌词预览
响应式设计，支持移动端

常见问题

插件列表中看不到插件

确保安装的是 dist 目录内的文件
确保 manifest.json 和 main.js 在同一目录
重启网易云音乐客户端

配置按钮无响应

按 F12 打开开发者工具
查看控制台是否有错误
确保 BetterNCM 版本 >= 0.2.5

API 连接失败

检查 API 地址是否正确
确保 PHP 服务器正常运行
检查跨域配置

歌曲信息为空

确保网易云音乐正在播放歌曲
按 F12 查看控制台日志
检查 BetterNCM API 是否正常返回数据

demo展示

这里演示的是直接调用我自己的api，api仅提供数据，播放器显示功能需要自己写

function formatTime(seconds) {
    const mins = Math.floor(seconds / 60);
    const secs = Math.floor(seconds % 60);
    return mins.toString().padStart(2, '0') + ':' + secs.toString().padStart(2, '0');
}

function showNotPlaying() {
    const dot = document.getElementById('music-status-dot');
    const title = document.getElementById('music-section-title');
    const songTitle = document.getElementById('music-title');
    const artist = document.getElementById('music-artist');
    const album = document.getElementById('music-album');
    const cover = document.getElementById('music-cover');
    const coverPlaceholder = document.getElementById('music-cover-placeholder');
    const progressBar = document.getElementById('music-progress-bar');
    const currentTime = document.getElementById('music-current-time');
    const duration = document.getElementById('music-duration');
    const lyricsWrapper = document.getElementById('music-lyrics-wrapper');

    if (dot) { dot.className = 'status-dot'; }
    if (title) title.textContent = '未在播放';
    if (songTitle) songTitle.textContent = '未在播放';
    if (artist) artist.textContent = '-';
    if (album) album.textContent = '-';
    if (cover) cover.style.display = 'none';
    if (coverPlaceholder) coverPlaceholder.style.display = 'flex';
    if (progressBar) progressBar.style.width = '0%';
    if (currentTime) currentTime.textContent = '00:00';
    if (duration) duration.textContent = '00:00';
    if (lyricsWrapper) lyricsWrapper.style.display = 'none';
}

function showPaused() {
    const dot = document.getElementById('music-status-dot');
    if (dot) dot.className = 'status-dot';
}

function updateLocalProgress() {
    if (!lastMusicData || !lastMusicData.playing) return;

    const now = Date.now();
    const timeSinceProgressChange = now - lastProgressTime;

    if (timeSinceProgressChange > NOT_PLAYING_THRESHOLD) {
        showNotPlaying();
        return;
    }

    if (timeSinceProgressChange > PAUSE_THRESHOLD) {
        showPaused();
        return;
    }

    if (!lastMusicData.playing.isPlaying) return;

    const progress = lastMusicData.playing.progress || {};
    const elapsedMs = now - lastUpdateTime;

    if (elapsedMs > 30000) return;

    const currentMs = (progress.currentTime || 0) + elapsedMs;
    const durationMs = progress.duration || 1;
    const percent = Math.min(100, Math.max(0, (currentMs / durationMs) * 100));

    const progressBar = document.getElementById('music-progress-bar');
    const currentTimeEl = document.getElementById('music-current-time');

    if (progressBar) progressBar.style.width = percent + '%';
    if (currentTimeEl) currentTimeEl.textContent = formatTime(currentMs / 1000);
}

function updateMusic() {
    fetch(API_URL + '?action=current')
        .then(res => res.json())
        .then(response => {
            const data = response.data;
            if (!data || !data.playing) return;

            const now = Date.now();
            const rawProgress = data.playing.progress?.currentTime || 0;
            const currentProgress = Math.floor(rawProgress / PROGRESS_CHANGE_THRESHOLD);
            
            if (currentProgress !== lastProgressValue) {
                lastProgressTime = now;
                lastProgressValue = currentProgress;
            }

            lastMusicData = data;
            lastUpdateTime = now;

            const song = data.playing.song || {};
            const progress = data.playing.progress || {};
            const lyrics = data.playing.lyrics || {};
            const isPlaying = data.playing.isPlaying || false;

            const timeSinceProgressChange = now - lastProgressTime;
            const isPaused = timeSinceProgressChange > PAUSE_THRESHOLD;
            const isNotPlaying = timeSinceProgressChange > NOT_PLAYING_THRESHOLD;

            if (isNotPlaying) {
                showNotPlaying();
                return;
            }

            const dot = document.getElementById('music-status-dot');
            const title = document.getElementById('music-section-title');
            const songTitle = document.getElementById('music-title');
            const artist = document.getElementById('music-artist');
            const album = document.getElementById('music-album');
            const cover = document.getElementById('music-cover');
            const coverPlaceholder = document.getElementById('music-cover-placeholder');
            const progressBar = document.getElementById('music-progress-bar');
            const currentTime = document.getElementById('music-current-time');
            const duration = document.getElementById('music-duration');
            const lyricsWrapper = document.getElementById('music-lyrics-wrapper');
            const lyricsEl = document.getElementById('music-lyrics');

            if (title) {
                title.textContent = (isPlaying && !isPaused) ? '正在播放' : '已暂停';
            }

            if (dot) {
                if (isPlaying && !isPaused) {
                    dot.className = 'status-dot playing';
                } else {
                    dot.className = 'status-dot';
                }
            }

            if (songTitle) songTitle.textContent = song.name || '未在播放';
            if (artist) {
                const artists = song.artists || [];
                artist.textContent = artists.length > 0 ? artists.join(' / ') : '-';
            }
            if (album) album.textContent = song.album?.name || '-';

            if (cover && coverPlaceholder) {
                if (song.album?.cover) {
                    cover.src = song.album.cover;
                    cover.style.display = 'block';
                    coverPlaceholder.style.display = 'none';
                } else {
                    cover.style.display = 'none';
                    coverPlaceholder.style.display = 'flex';
                }
            }

            if (progressBar) progressBar.style.width = (progress.percent || 0) + '%';
            if (currentTime) currentTime.textContent = progress.formattedCurrentTime || '00:00';
            if (duration) duration.textContent = progress.formattedDuration || '00:00';

            if (lyricsWrapper && lyricsEl) {
                if (lyrics.available && lyrics.raw) {
                    lyricsEl.textContent = lyrics.raw.substring(0, 100);
                    lyricsWrapper.style.display = 'block';
                } else {
                    lyricsWrapper.style.display = 'none';
                }
            }
        })
        .catch(() => {
            const dot = document.getElementById('music-status-dot');
            if (dot) dot.className = 'status-dot';
        });
}

updateMusic();
setInterval(updateMusic, 1000);
setInterval(updateLocalProgress, 100);

})(); </script>

温馨提醒

本项目使用AI进行开发

许可证

MIT License

文章更新提醒功能食用指南 - 超级牛逼！

Sun, 22 Feb 2026 01:32:00 GMT

没错，就是你现在看到的右下角那个并不起眼的小铃铛。

你可能已经注意到了，最近博客右下角多了一个小铃铛图标。这并不是什么订阅推送（虽然它长得很像），而是一个基于客户端的文章更新检测系统。

为什么要搞这个？

很多时候，我们写完一篇文章后，可能会发现有错别字，或者某些观点需要补充，甚至是因为某些原因需要删改内容。

对于读者（也就是你）来说，如果你之前看过这篇文章，再次点进来时，可能很难发现到底哪里变了。是改了个标点？还是加了一大段干货？

为了解决这个“找不同”的难题，我们引入了这个功能。它会记录你上次访问时的文章版本，并在你下次访问时，自动对比服务器上的最新版本，告诉你：这篇文章变了，具体变在哪。

食用方法

其实非常简单，整个流程完全自动化，不需要你手动做任何操作。

1. 发现更新

当你浏览博客时，系统会自动在后台获取最新的 RSS 订阅源，并与你本地缓存的文章记录进行比对。

如果发现了有文章更新（无论是内容、标题还是描述），右下角的小铃铛就会出现一个红点，并且会有一个入场动画提醒你“有新东西了”。

2. 查看列表

点击小铃铛，会弹出一个面板，列出所有有变动的文章。

新文章：带有一个绿色的 NEW 标签，表示这是你上次访问以来新发布的文章。
更新：带有一个蓝色的 UPDATE 标签，表示这篇文章你之前可能看过（或者它存在于你的缓存中），但现在它有了新的变化。

3. 查看 DIFF

这是最核心的功能。点击带有 UPDATE 标签的文章标题，浏览器会直接跳转到该文章，并自动滚动到第一个变更点。

在文章正文中，你会看到类似代码编辑器的 DIFF 效果：

<span style="color:rgb(220 38 38);text-decoration:line-through">红色划线部分</span>：表示被删除或修改前的内容。
<span style="color:rgb(22 163 74);text-decoration:underline">绿色下划线部分</span>：表示新增或修改后的内容。

[!TIP] 如果变更内容较多，我们只会显示变更点附近的几行文字作为上下文（Context），其余未变动的部分会保持原样，不会干扰你的正常阅读。

常见问题

Q: 为什么我没看到小铃铛？ A: 如果没有检测到任何新文章或更新，小铃铛会默认隐藏，以免打扰你阅读。

Q: 为什么有时候明明文章没变化，却提示更新了？ A: 系统不仅检测正文，还会检测标题和描述。有时候我可能只是改了个标点，或者修正了排版，也会触发更新通知。

Q: 我不想看这些红红绿绿的线了怎么办？ A: 在小铃铛面板右上角，有一个清空按钮（垃圾桶图标）。点击它，系统会将当前所有文章标记为“已读/最新”，并清空本地的对比记录。下次再有新变化时，才会再次提醒。

一言分享

Fri, 05 Jul 2024 21:04:05 GMT

文字版

如果你把视野拉长，你把时间尺度，观察尺度拉长。你会发现，哇，人生怎么这么苦，全是很多很难解决的问题，不管是这个家庭关系，还是工作。然后人生的下半场，我不知道是如此类的，然后你会觉得很强的焦虑感，或者觉得不适，觉得哎呀未来好没有希望，特别难受。但是，如果说你把你的视野不往长了看，你往短了看，要短到一个极限的感觉。比如说在接下来一个小时，我就可以吃到那边早餐店的早餐了，我可以品味每一口早餐，再点上一杯热巧克力，这种感觉应该还是挺值的期待的。当你把你对未来的期待，收缩到一天之内，或者说几个小时之内，那可能你的感觉会更好一些，这是我在网上看到的。我觉得用这个方式对我自己还挺好的，很多时候我觉得那天特别的糟糕，或者觉得特别的不舒服的时候，我就会跟自己说，接下来好歹能吃个饭，我能给自己点一顿麦当劳啥的，也还是挺好的一个感受。你看，当我把时间尺度拉到五分钟的时候，我马上就能看到这么这么漂亮，超级完美的日出，这感觉真的超棒——Tim

今日美好

Fri, 24 May 2024 23:00:00 GMT

白鹿原嚒

网站更新历史

网站更新日志

2026-02-26

新增功能

2026-02-25

新增功能

功能优化

2026-02-24

新增功能

历史

一言

每日一言

每日诗句

分享一篇网上很有趣的文章

最近看到网上一篇很有趣的文章，于是给它复制过来了

这里呢，是它的摘要

原文呢，各位就去末尾的链接中看吧

最后，也就是结尾，送给各位一句话

视奸我 - 网易云音乐播放状态展示

视奸我 - 网易云音乐播放状态展示

项目结构

快速开始

1. 环境要求

2. 构建插件

3. 安装 BetterNCM 插件

4. 配置插件

5. 部署主页

API 接口

基础 URL

接口列表

POST 更新数据

调试工具

功能特点

常见问题

插件列表中看不到插件

配置按钮无响应

API 连接失败

歌曲信息为空

demo展示

这里演示的是直接调用我自己的api，api仅提供数据，播放器显示功能需要自己写

温馨提醒

本项目使用AI进行开发

许可证

文章更新提醒功能食用指南 - 超级牛逼！

为什么要搞这个？

食用方法

1. 发现更新

2. 查看列表

3. 查看 DIFF

常见问题

一言分享

文字版

今日美好

今天的月亮格外圆，送给你