2026.07.13 1 41 0

墨白 MOBAI 模板功能详解:友链申请、标签云、嵌套评论……开箱即用的 Emlog Pro 极简模板

如果你正在用 Emlog Pro 搭建博客,大概会遇到这些困扰:友链列表要自己维护、标签没有独立展示页、评论区不支持嵌套回复、想放个广告还得改模板代码……

墨白 MOBAI 就是冲着这些「小麻烦」来的——一套为 Emlog Pro 量身打造的极简质感模板,把博客后端那些琐碎需求一次性替你实现,而且几乎不需要你写一行代码。

良哥的碎碎念 - Liang’s Musings.png


一、功能全景速览

模块 功能点 使用方式
双主题 跟随系统亮/暗 + 手动切换,偏好本地记住 自动,右上角按钮切换
首页 Banner 标签|标题|描述 三行配置,支持轮播 模板设置里填,留空用默认
友链申请 前台提交→待审核→邮件通知站长→后台一键上架 建页面别名 links + 模板 page-links
标签云独立页 全部标签按文章数动态字号,可点进文章列表 建页面别名 tags + 模板 page-tags
嵌套评论 支持逐层回复,文章/独立页均可按需开关 开箱即用,开关在编辑页下方
广告位 列表页、侧栏、分类页、文章页各一处 模板设置填 HTML 代码
品牌自定义 Logo、Favicon、站点名、底部简介、关于/联系/隐私栏目 模板设置逐项配置
公众号弹窗 悬停/点击弹出二维码卡片 模板设置上传二维码图片
返回顶部 滚动超一屏淡入,点击平滑回顶 全站自动
手机自适应 单列布局 + 汉堡菜单 自动
建站运行天数 底部显示已运行时长 模板设置填建站时间

二、功能详解

1. 模板设置:五个分组,所见即所得

后台启用模板后,「模板设置」分五个分组,每一项都有详细说明,不需要任何开发经验:

  • 基础设置:控制每页文章数、侧栏标签云数量、热门文章条数等;
  • 品牌标识:上传 Logo 图片(SVG/PNG 均可)、Favicon,留空有默认几何标记兜底;
  • 首页 Banner:每行一条「标签|标题|描述」,竖线分隔,自动轮播;留空使用默认三条精选短语;
  • 网站底部:品牌简介、关于/联系/隐私链接(可隐藏不用的项)、友链标题与通知邮箱、关注方式(RSS/邮件/GitHub/公众号)、建站时间与显示格式;
  • 广告位:四位置直接贴 HTML 代码,联盟广告或自荐均可。

2. 双主题:亮、暗、跟随系统

模版默认跟随操作系统偏好(prefers-color-scheme)——白天是纸白底色配深灰文字,夜读自动变深底浅字。右上角主题按钮可手动切换,选择会存入 localStorage,下次访问自动恢复。

3. 友链申请:从提交到上架,全自动审核流

墨白最有特色的功能之一。访客在首页底部点「+ 申请友链」,进入独立申请页,填写站点名、网址、简介和联系邮箱后提交,数据写入数据库的 待审核 状态(前台不展示,防止白嫖外链权重)。

同时,系统会调用 Emlog 内置的邮件发送接口,向站长填写的「友链申请通知邮箱」发送审核通知——邮件正文包含了申请人的站点名、网址、简介和联系邮箱,你回复这封邮件就能直接联系对方。收到通知后,去后台「链接」把该条改成「显示」即可上架。

这一切不需要任何第三方服务,Emlog 自己的 SMTP 配置已经够用。

4. 标签云:侧栏能看,独立页也能看

侧栏标签云底部有「查看全部标签 →」入口,点击进入独立的标签云页面。页面展示全部标签,按文章数自动映射字号——热门标签更大、更突出。底部「内容」栏的「标签云」链接也指向同一页面。维护一次,处处可达。

5. 评论:原生嵌套,页面也可独立开关

文章页默认支持评论,并实现了逐层嵌套回复(可以回复某条评论而不是仅回复文章)。独立页面在后台编辑时勾选「允许评论」,评论区自动出现;不勾则保持纯信息页。

6. 广告位:四个位置,克制布局

四个广告位分别位于:首页 Banner 与文章列表之间、右侧栏底部、分类页文章列表顶部、文章正文下方(标签与上下篇之前)。所有广告位均为 HTML 代码,粘贴式使用,留空自动隐藏。

7. 交互细节:那些「想到了」的体验

  • 返回顶部按钮:固定在右下角,滚动过大约一屏才淡入,不干扰阅读;
  • 公众号弹窗:桌面端鼠标悬停、移动端点击即弹出二维码卡片,CSS 实现、无需额外 JS 库;
  • 建站运行天数:底部自动计算并显示已运行时间,支持「仅天数」「月+天」「年+月+天」三种格式;
  • 底部栏目可隐藏:关于、联系、隐私三个栏目,每项的文字留空即隐藏,灵活适配;
  • CSS 自动破缓存:样式文件链接带文件修改时间戳,以后改 CSS 不需要手动清浏览器缓存。

三、使用方式:十分钟上线

  1. 安装:上传模板目录到 content/templates/,后台启用;
  2. 设置:进「模板设置」按五个分组逐项填写(约 5 分钟);
  3. 建两个页面:后台新建「友情链接」页(别名 links、模板 page-links)和「标签云」页(别名 tags、模板 page-tags),内容留空即可;
  4. 发布内容:正常写文章,标签和评论自动生效。

无需修改任何 PHP 代码,无需理解 Emlog 的模板机制。


四、它和别的模板有什么不一样

  • 省心:友链、标签、评论、广告这四件「博客基础设施」全部内置,不需要为每个功能单独找插件或改代码;
  • 克制:设计上做减法——没有满屏动效、没有花哨渐变、没有不必要的依赖。黑白灰为主,内容本身才是视觉重心;
  • 双主题:不是简单的换色,两套 CSS 变量体系各自设计,亮篇和暗篇都仔细调过可读性;
  • 更新可持续:模板设置数据存在数据库、不依赖文件,升级模板直接覆盖目录即可,配置不丢失。

五、在线演示

本模板的演示站点就是这个博客本身——https://chenliang.xyz。首页 Banner、友链申请、标签云、嵌套评论和所有交互细节,都可以直接在这里体验。当前页面就是用墨白 MOBAI 呈现的。


结语

博客模板的价值不在于用了多少特效和渐变色,而在于它替你省下了多少时间。

墨白 MOBAI 把那些重复出现的「小需求」——友链管理、标签展示、评论系统、广告投放——都预先做好、做透,让你可以把精力放回到内容本身。

如果你正在寻找一套既可以「开箱即用」又「风格耐看」的 Emlog Pro 模板,同时带有配套后台插件(同风格后台登录页、找回密码页、注册页)不妨试试墨白。

墨白 MOBAI · 把必要的做好,剩下的交给你写。

评论 0

还没有评论,快来抢沙发吧~