框架技术
Hexo
魔改
17.内容扩展:添加“前端代码实时预览”沙箱 前言:功能介绍 本指南将引导您在文章中集成 Mini Sandbox。集成后,读者不仅能看到您的HTML, CSS, JS代码,还能实时修改并立即看到运行 ...
框架技术
Hexo
魔改
16.主题魔改:文章顶图根据封面图片自动配色 前言:功能介绍与【重要前提】 本指南将引导您实现一个高级功能:自动提取您每篇文章封面图的主色调,并将其作为文章页面顶部的背景色,从而实现图片与背景的完美融 ...
框架技术
Hexo
魔改
14.主题魔改:添加“背景切换”弹窗面板 本指南将引导您为博客添加一个弹窗式的背景切换面板。访客可以通过点击右上角的一个新按钮,打开一个窗口,并自由选择预设的图片或颜色来作为网站的背景。 警告: ...
框架技术
Hexo
魔改
13. Twikoo 美化:评论框体验双重增强(输入提示 + 表情放大) 前言:功能介绍 本指南将,为您的Twikoo评论区添加两个非常实用的功能: 输入框提示气泡:当访客点击“昵称”、“邮箱”、 ...
框架技术
Hexo
魔改
12.Twikoo 美化:自定义评论回复邮件模板 本指南将引导您将 Twikoo 默认的纯文本评论回复邮件,替换为一个图文并茂、样式精美的“亚克力粉”风格 HTML 模板。当有访客的评论被回复时,他们 ...
框架技术
Hexo
魔改
11.Twikoo 美化:添加自定义表情包 本指南将引导您如何为博客的 Twikoo 评论系统添加自定义的表情包(例如阿鲁、泡泡等),替换或扩充其默认的表情列表。 核心流程概览 获取并编辑表情包数据 ...
框架技术
Hexo
魔改
10.内容扩展:添加“安全跳转”中间页 本指南将引导您使用 hexo-safego 插件,为您博客的所有外部链接(即指向其他网站的链接)添加一个“安全跳转”中间页。 当访客点击一个外部链接时,会先跳转 ...
框架技术
Hexo
魔改
8.主题魔改:添加“待办清单”独立页面 本指南将引导您为博客添加一个独立的“待办清单”页面。这个页面采用双栏布局,可以清晰地分类和展示您的各种待办事项。 警告: 这是一项涉及多个文件修改的“魔改”操 ...
框架技术
Hexo
魔改
7.主题魔改:侧滑气泡式评论区 本指南将,引导您实现一个功能与美化并存的“侧滑气泡式”评论区。最终效果为: 点击右下角的评论按钮后,整个评论区会从侧边平滑地滑出,覆盖部分页面。 滑出的评论区内,每 ...
框架技术
Hexo
魔改
5.主题魔改:创建“最新评论”独立页面 重要前提:再次提醒,这是Twikoo方案 核心流程概览 创建“最新评论”页面文件:通过Hexo命令生成 /messages/ 页面。 粘贴“三合一”代码:这份 ...