设计风格

• 玻璃拟态视觉：半透明模糊卡片、柔和圆角、粉色渐变主色
• 深浅色双模式一键切换，选择自动记忆，代码高亮主题同步联动

前端实时个性化

• 页面设置弹窗，无需改代码实时调整
• 布局配置：自由开关左侧 / 右侧区域
• 背景配置：上传自定义背景图、内置多套预设背景、一键换色、HSL 调色、图片 URL 直达

阅读体验

• Pjax 无刷新跳转，带加载进度条
• 代码高亮与一键复制
• 图片灯箱浏览
• 点击音效：覆盖导航、评论、分页、验证码、复制等交互
• 返回顶部（含阅读进度）与返回上页浮动按钮
• 页面 HTML 压缩输出，减小传输体积

内容功能

• 全站搜索、前端登录、加密文章密码解锁
• 置顶 / 分类置顶标记、上一篇 / 下一篇导航
• 相册模式、按年归档、标签云、关于页
• 友链页：一键复制站点信息、评论提交申请、申请流程与须知

侧边栏

• 个人资料卡片
• 站点统计弹窗：文章、标签、分类、留言、用户、浏览量、运营天数
• 随机文章（可开关，数量 1-5 条）

后台设置

• 头部设置：文字 / 图片 LOGO、圆形 LOGO 上传
• 基础设置：默认缩略图、首页 / 分类 / 页面封面图与引言、随机文章数量
• 功能开关：代码高亮、代码复制、布局配置、背景配置、Pjax、点击音效、页面压缩
• 左侧菜单：自定义导航项，支持 Remix Icon 图标
• 页脚设置：版权信息、ICP 备案、公安备案号、建站时间（自动计算运营天数）

页面说明

温馨提示

为保障主题全部功能正常运行，请提前将emlog程序升级至官方最新稳定版本。

核心特性

双模式切换：支持亮色 / 暗色 / 跟随系统三种主题模式，切换无闪烁
macOS 代码块：文章内代码区域自带红黄绿三圆点标题栏，支持一键复制
独立页面模板：内置归档、标签云、友链、关于四种页面模板，开箱即用
响应式布局：从桌面端到移动端自适应，侧边栏自动重排
阅读辅助：阅读进度条、返回顶部、图片灯箱、目录导航

页面说明

温馨提示

为保障主题全部功能正常运行，请提前将 emlog 程序升级至官方最新稳定版本。

有段时间没发新东西了，不是偷懒，是在吭哧吭哧修旧账。

修了些啥

搜索终于不抽风了

之前搜索索引域名老是变成 localhost，线上根本用不了。现在直接从数据库读 site_url，伪静态也自动适配了，省心。

OG 标签补上了

分享出去终于能正常显示封面和描述了，不再是个光秃秃的链接。

字体可以自定义了

Google Fonts 不再是写死的，后台自己选字体、选 CDN，不想用也能关掉。

标签云正常了

之前所有标签都是一个大小，看着跟复制粘贴似的。现在按使用频率分档，还加了颜色区分。

评论区重做了

换了新模板、新样式、新交互，看着顺眼多了。顺便把无障碍警告也修掉了。

加载变快了

CSS 和 JS 改成按需加载，不该加载的绝不加载，首屏清爽不少。

国际化搞完了

后台设置、模板里的中文全部换成 _langTpl()，以后切语言不用到处找硬编码了。

还有啥没做的

• 主题设置加个"一键重置"

• 移动端菜单再优化下

• 阅读进度条（想做好久了）

写新主题很爽，但把旧的修踏实了更踏实。继续搞。

在主题设置里配置「导航名称 → 图标」的对应关系。网站导航有命名啥，后台设置啥就是了

格式：导航名称=图标类名，多个用逗号分隔。
例如：首页=ri-home-line,文章=ri-article-line

图标库：https://remixicon.com

如图：

1. 插件“断舍离”

每一个插件都是性能的杀手。 狠心删除“看起来有用但实际没人点”的插件，只保留核心功能，博客速度会有质的飞跃。

2. 移动端优先

超70%流量来自手机，别让手机用户“眯着眼”看文章。确保字号适中（16-18px）、行间距舒适（1.6-1.8倍）、图片自适应，杜绝横向滚动条。

3. 手写文章摘要

拒绝自动截取导致的“盲盒式”阅读。花1分钟写一段100字以内的人工摘要，清晰点明核心价值，能显著提升点击率。

4. 图片“瘦身”计划

别让高清大图拖垮速度。养成上传前压缩的习惯，尽量使用WebP格式，并开启懒加载（LazyLoad）。

5. 视觉降噪

拒绝密密麻麻的文字墙。善用留白让页面呼吸，用深灰色代替纯黑正文，善用加粗和引用块引导视线。

写在最后：
博客的本质是内容，而非技术的堆砌。去掉干扰阅读的“噪音”，你的声音才会被听得更清楚。

当后台敲下最后一行部署命令，看着前台页面成功渲染出来时，心里其实有一种久违的踏实感。很多人问我，现在公众号、短视频这么发达，为什么还要费时费力搞个独立博客？

我的答案很简单：我想在算法推荐的时代，夺回一点“主动权”。

在社交平台上，我们是被标签定义的，是被信息流裹挟的。但在自己的域名下，我是完整的。没有 15 秒的短视频，没有 10 万+的焦虑，只有文字和代码，以及一个愿意倾听的你。

🏷️ 关于“jchen.vip”

域名选了 jchen.vip。这个域名里，J 是我，Chen 是我的姓氏，.vip 是我给自己的一点小偏心。

我不打算在这里打造什么完美人设，也不想做高高在上的说教者。这里更像是一个公开的笔记本，或者一个赛博时代的树洞。我会在这里记录那些转瞬即逝的灵感、踩过的坑，以及那些不吐不快的想法。

📝 未来我会在这里写些什么？

1. 折腾记录：我会在这里分享开发日常、底层逻辑、踩过的坑，以及好用的插件和主题分享。
2. 技术探索：如果你也写代码，我们或许能在这里交流一些奇奇怪怪的想法，探讨技术背后的乐趣。
3. 读书笔记：那些读完让我失眠的书，和我不吐不快的想法。
4. 生活切片：不一定有意义，但一定很真实的日常。

🤝 很高兴认识你

如果你也碰巧点进了这里，不妨在评论区留个言，或者去“关于”页面看看我的联系方式。

路还长，我们慢慢走。

这是系统生成的演示文章。编辑或者删除它，然后开始您的创作吧！