接上文：https://www.dalao.net/thread-52924.htm (出处: 大佬论坛)
折腾了一个新博客，时隔一个月，终于完善的差不多了。
优化了n多细节，根据自己的需求完善了很多功能。
戳：新系统，新开始！- https://blog2.lizh.cc/post/723
新系统，新开始：系统与功能介绍
前台是一种左右双栏的叙事界面，后台则是围绕内容生产全流程（创作、发布、管理、评论、媒体、配置）的管理后台。
1. 前台：双栏分屏的阅读体验
主页采用左右双栏结构：进入 Life 后以“生活随笔/旅行足迹”为主；进入 Tech 后以“技术日志/开源项目”为主。不同模式下，页面的布局、配色与内容呈现会随之切换，形成更强的“沉浸式阅读”。
“Notes/图库”列表界面，包含卡片网格与加载更多：
“Travel Journal/旅行地图”界面，展示地图与足迹渲染：
“Latest Logs/技术日志”列表界面：
“Open_Source/开源项目”展示界面（GitHub 项目卡片）：
2. 文章详情：Markdown、公式、流程图与代码块增强
文章详情统一基于 Markdown 渲染，并针对“技术写作”和“知识阅读”做了多项增强能力：
- 支持
GFM风格扩展、公式渲染（KaTeX），以及 Mermaid 流程图/时序图等图形（严格安全渲染）。 - 代码块支持语法高亮；同时会对代码语言做智能猜测（Mermaid/JSON/SQL/Bash/Python/YAML/HTML/CSS 等），并提供一键复制按钮。
- 图片支持增强渲染：可在内容区按需放大查看（带缩放、拖拽/重置视图等交互）。
- 外链行为更“可控”：第三方链接会弹出跳转确认，避免误触直达外部站点。
代码块区域（含复制按钮/语法高亮）：
公式渲染支持：
Mermaid支持：
第三方链接会弹出跳转确认：
3. 评论与互动：验证码、防刷与“评论后可见”
系统内置评论功能，并区分技术/生活模式的视觉风格。在文章详情中，存在一种“内容保护”机制：作者可以在文章中使用隐藏标记（{hide}...{/hide}），在读者未评论之前不会把隐藏内容直接暴露到 DOM 中；读者成功评论后，隐藏内容会在本地“可见”，并设置有效期（浏览器存储可见状态，7 天 TTL）。
评论发布流程同时支持：
- 未登录状态：昵称/邮箱 + 图片可选（URL）+ 图形验证码。
- 登录状态：直接使用当前账号信息发帖。
- 评论列表支持分页与回复加载（主评论列表 + 子回复按需加载）。
4. 管理后台：面向内容全流程的后台系统
后台基于受保护路由（需要登录 token 才能访问），采用统一的侧边栏布局与顶部标题栏。后台功能覆盖内容生产、内容运营与配置管理：
仪表盘：展示统计概览（文章/浏览/评论等）以及近期文章、近期评论直达入口。文章管理：发布/草稿管理、列表筛选、预览与删除。文章编辑器：标题、封面上传、SimpleMDE 编辑器、分类选择、标签管理、正文图片上传与“关联媒体”。分类管理：维护 Tech/Life 两套根分类结构。足迹管理：围绕旅行日志，支持高德地图选点（点击地图设置坐标），并管理图片与关联文章。评论管理：对评论进行编辑/删除，并可从评论管理快速跳转到文章与定位评论锚点。媒体管理：媒体库列表、筛选、删除（best-effort 清理关联/本地文件/OSS）。系统设置：以key/value形式管理前台配置，并区分public/private可见性。账户管理：修改管理员信息与密码。
后台 仪表盘 概览页：
文章管理：
足迹管理：
媒体管理：
5. 404页面
体验：404页面
文章体验预览：
欢迎体验！！！
