加载背景图片
互动
最近评论
正在加载中...
博客快捷键
shift
K
关闭快捷键功能
shift
A
打开中控台
shift
M
播放/暂停音乐
shift
D
深色/浅色显示模式
shift
S
站内搜索
shift
R
随机访问
shift
H
返回首页
shift
F
友链鱼塘
shift
L
友链页面
shift
P
关于本站

MxBlog是一个简约风格的Hexo主题,所有的功能都与博客息息相关。可以作为你的自媒体第一站,也可以轻松的分享知识、看法和你的见解。

了解MxBlog的设计理念

让需要获取信息的人高效获取,让随便浏览的人得到惊喜。

  • 将所需要的信息模块化展现出来
    使用经典的卡片式设计,并且整个网站通过各个模块的堆叠与配合,形成更为统一、和谐、无上手门槛的浏览体验。第一次来的访客也能轻松看懂整个文章甚至整个博客的内容架构。减少与博客无关的功能。

  • 和谐统一的设计语言
    全站保持统一的风格,圆角与背景模糊的运用可以让整个站点的精致程度进行提升。使用大量的背景模糊表现层级关系,相比传统卡片通过阴影表现,通过模糊和边框表现的卡片更加简洁清爽。

  • 简易的操作,无操作门槛
    所有功能位置都经过精心设计,无论是图标的含义、配色都是为了操作来服务的。用户无论是在看博客,还是在用博客,都会感受到独特的简易性。所以大量功能被移除,只为简单的控制体验。

  • 优雅的过渡
    站点使用了大量的过渡动画,每个动画的时机都精心设计。你可以看出每个窗口、每个信息都是如何出现在你的眼前。包括他们是如何变化、表现什么状态。(灵动球、胶囊音乐等)

  • 丰富的功能扩展
    MxBlog 包含了大量可扩展的功能 UI 入口。比如导航栏的右侧是扩展功能最高频的入口。并配备「中控台」可以让不常用功能都罗列进来。自定义的右键菜单可以在必要的位置显示独特的信息。简单舒适,流畅自然。

了解MxBlog及优秀的主题

博客框架、主题?

  • 依托Hexo,基于Butterfly的二次创作
  • 腾讯云:服务器、CDN、COS、图床
  • 图床:去不图床满心图床
  • 图文:SketchPhotoShop

关于借鉴样式

本站是纯静态页面。如果你喜欢其中的某个样式的话,建议有能力的同学 f12 进入控制台选择喜欢的样式自取(无需授权)。

精力有限,暂无作为独立主题分发的计划、暂无主题售卖计划

本站图片素材均为本人制作,仅限本人使用,请勿将本站图片素材移植到贵站,感谢。相信使用你自己的图片可以帮助你构建出专属你风格的独一无二的网站。

最近更新

v7.1.0 2024-06-17

  • 功能
    【控制台】显示文章数量
    【侧边栏】添加今日热门

  • 优化
    【关于】页面布局重构
    【观影之旅】页面布局重构
    【文章列表】页面布局重构
    【即刻短文】迁移到另一套博客系统中
    【文章】优化文章目录显示
    【时间】时间格式化规则调整
    【全局】css样式精简
    【最近评论】采用全新接口,重构控制台和最近评论,并添加缓存策略
    【关于】统计更换为51LA,不想额外部署统计应用

  • 完善
    【关于】建站历程补充完善

往期更新

MxBlog v7

v7.0.0 2024-05-23

全站js文件开启压缩 + 混淆

  • 功能
    【侧边栏】手机端添加文章字数统计
    【关于】访问统计更改为百度统计

  • 优化
    【文章】分类、标签布局优化
    【控制台】重构最近评论,避免加载不显示问题
    【分类】修复手机端分类栏显示问题
    【侧边栏】部分css重构

  • Bug
    【nav】修复样式问题
    【首页】修复更多推荐手机端滑动问题
    【侧边栏】评论总数缓存加载问题
    【音乐欣赏】修复加载顺序导致加载问题

MxBlog v6

v6.2.0 2024-04-29

所有分类、标签重新规划,调理更加清晰

  • 功能
    【首页】文章列表中,显示多人互动标识
    【友链】顶部banner滚动的站长增加悬浮状态
    【首页】移动端支持显示分类
    【控制台】添加最近评论功能
    【首页】添加评论总数

  • 优化
    【文章】版权logo样式美化
    【友链】样式美化
    【全局】滚动条样式优化
    【首页】banner深色模式样式美化
    【评论】手机端样式美化
    【首页】鼠标滚动事件优化

  • Bug
    【评论】修复控制台样式重叠问题
    【全局】无用样式清理
    【页脚】样式美化

v6.1.0 2024-03-26

针对博客的一些私有部署程序进行删减,目前只保留twikoo评论和博客基础功能,其它额外依赖的将全部砍掉

  • 功能
    【鱼塘】移除鱼塘
    【友链】随机友链不再依赖鱼塘
    【卜算子】移除文章阅读量

  • 优化
    【标签】显示优化
    【分类】显示优化
    【关于】打赏金额添加累计金额

  • Bug
    【全局】部分手机端显示问题
    【鱼塘】修复显示异常问题
    【首页】修复推荐卡片显示异常
    【全局】修复更多评论显示问题

v6.0.0 2024-02-22

  • 功能
    【首页】banner区域简化,并将热门和必看放入其中
    【通用】移动端菜单支持显示文章数等信息
    【评论】支持点击放大
    【闹钟】移除侧边栏闹钟
    【文章】添加图片栏布局

  • 优化
    【首页】banner性能优化
    【全局】删减无用样式
    【全局】滚动条样式美化
    【首页】不显示即刻短文,迁移到菜单中
    【音乐分享】改为按需加载
    【全局】图片、js全部改为配置项
    【评论】样式优化
    【文章】标签样式优化

  • Bug
    【全局】修复部分样式错乱问题
    【首页侧边栏】标签间隔及查看全部标签样式问题

MxBlog v5

v5版本主要在于优化和bug修复,功能上加了视频,不过用得少,但不能没有,正好也到了2024年,把去年的事情也画一个句号,新年新征程!

v5.1.0 2024-02-19

  • 功能
    【智能对话】添加智能对话功能,知识库已学习所有博客文章
    【文章摘要】文章摘要添加智能对话功能
    【音乐欣赏】嵌入到博客,不再单独部署
    【视频】添加视频标签

  • 设计
    【文章摘要】摘要底部标签改为一直显示

  • Bug
    【文章摘要】修复初次加载时,不显示底部小标签
    【鱼塘】深色模式样式修复
    【文章-作者卡片】深色模式样式修复
    【深色模式】样式调优
    【全局】修复部分已知问题

v5.0.0 2023-11-10 🎉🎉🎉

  • 设计
    【文章】顶部文章标签样式
    【文章】文章摘要样式
    【全局】悬浮按钮样式
    【文章】文章摘要美化

  • 功能
    【文章】文章支持投诉与举报入口
    【即刻短文】支持视频

  • 优化
    【首页】文章卡片标签样式调整
    【全局】部分细节问题
    【关于】卡片样式美化
    【友链】失联友链不再支持跳转
    【分类】移除 3D 分类卡片效果
    【文章摘要】tag 标签效果

  • 升级
    【fancybox】js 和 css 升级为 5.0.20
    【twikoo】升级到1.6.26

  • Bug
    【全局】修复部分深色模式下样式问题
    【菜单】修复深色模式下显示问题
    【文章】手机端底部标签显示问题
    【鱼塘】修复图标显示错乱问题
    【评论】解决头像不显示问题
    【文章标签】文章卡片遮挡问题

MxBlog v4

v4.2.0 2023-11-06

该版本做了大量优化,主要针对深色模式下效果,取消了默认白色,让整个页面更加舒畅,同时对手机端进行了排版优化,整个界面更加简洁和干练

  • 功能
    【页面】分类、标签添加页码跳转
    【页面】分类、标签添加按照文章数量排序
    【标签】标签页选中标签置顶
    【分类】分类页选中分类置顶
    【首页】添加喵喵同款时钟

  • 设计
    【评论】切换评论源头像
    【友链】移除爱发电标签,将头像边框以及昵称改为紫色标识
    【标签】标签页支持折叠,防止标签过多影响阅读
    【主页】顶部 banner 卡片尺寸调整
    【侧边栏】提示语句根据每小时变化
    【评论】样式调整,更加显眼

  • 优化
    【标签】手机端样式调整
    【深色模式】部分样式更改
    【nav】隐藏手机端切换背景
    【全局】修改导航栏、菜单栏动画效果
    【侧边栏】全部标签样式优化
    【侧边栏】爱发电样式优化
    【侧边栏】爱发电卡片样式与标签统一
    【全局】CSS 精简优化
    【手机端】文章布局看片高度调整
    【全局】大量修改深色模式下样式
    【文章页】图片尺寸优化

  • Bug
    【隐私协议】用户地理位置获取失败问题
    【首页】修复手机端下页样式问题
    【首页】修复手机端时钟样式问题
    【友链】评论时表情框被遮挡问题
    【文章】评论时表情框被遮挡问题
    【电影之旅】处理图片 403 问题
    【我的装备】处理图片 403 问题
    【logo】修复鼠标滑入闪烁问题

v4.1.0 2023-08-28

  • 设计
    【分类】文章排列改造卡片方式
    【标签】文章排列改造卡片方式
    【宝贝】移除所有宝贝相关内容
    【logo】重新设计制作
    【关于】添加十年之约卡片

  • 性能
    【插件】优化、本地化、压缩,提升效率

  • 优化
    【algolia】检索效率提升,动画调整
    【导航栏】支持透明背景
    【卜算子】私有部署
    【全站】部分样式调整
    【标签】优化彩色标签在手机端兼容性问题
    【文章】滑动条不再占用宽度
    【背景图】隐藏背景滑动
    【深色模式】样式优化调整
    【控制台】单双栏切换效果调整
    【首页】底部社区按钮动画调整
    【滚动条】代码高亮中滚动条样式
    【外挂标签】移除所有外挂标签
    【全局】大量优化 js 性能
    【LightHouse】对全局 SEO、性能等进行综合调整

  • Bug
    【标签】手机端标签遮罩样式调整
    【首页】标签#重复问题
    【文章】处理灵动球百分比显示异常问题
    【分页】页面跳转输入 1,出现 404
    【文章列表】分页组件显示异常
    【菜单栏】屏幕尺寸过小,导致图标显示异常
    【页脚】随机友链重复加载

v4.0.0 2023-07-27 🎉🎉🎉

博客改名为满心记,意为:我用心感悟其中的辛酸与成就,记录下奋斗的脚步和憧憬的远方。之前沿用 Heo 的名字,无意中侵犯原创,对原作者张洪 Heo表示歉意

  • 设计
    【文章】重新设计文章底部版权信息板块
    【文章】重新设计文章推荐样式
    【首页】个人卡片重构,全新样式
    【评论】热评添加博主 vip 标签

  • 功能
    【文章】移除底部二维码功能
    【文章】移除底部微博分享功能
    【文章】移除底部复制链接功能
    【文章】底部推荐文章改为 2 个
    【友链】添加发电标签
    【侧边栏】按照标签数量排序
    【侧边栏】支持查看全部标签,默认隐藏一部分
    【首页】访问第二页,隐藏 banner
    【隐私协议】展示用户访问信息

  • 优化
    【订阅】样式优化
    【链接标签】鼠标滑入样式修改
    【全局】样式调优
    【外挂标签】处理由于颜色问题,导致看不清
    【分页】修改分页深色模式样式
    【全局】css、js 整合,删除无用属性
    【文章】文章图片尺寸优化
    【热评】部分显示错位、异常的处理
    【文章】部分细节样式调整
    【全局】加载动画时长调整,防止动画闪烁
    【友链】失联友链显示默认 logo
    【友链】页面样式调优
    【个人信息】优化个人卡片动画效果
    【文章】nav 菜单栏背景色异常
    【评论】输入框样式优化
    【gpt】移除 tianligpt,保留原有 AI 摘要功能

  • 性能
    【封面纯色】添加缓存,提升效率
    【评论】表情悬浮效率提升
    【热评】去除部分无用的显示

  • Bug
    【鱼塘】修复钓鱼刷新可以在钓鱼状态中反复点击
    【评论】修复输入框边角较粗问题
    【鱼塘】底部图片显示异常
    【链接卡片】修复:hover 触发延迟问题
    【留言板】修复图片尺寸问题

MxBlog v3

v3.4.0 2023-07-17 🎉🎉🎉

此版本修复了大量 bug,同时添加了背景图片

  • 设计
    【标签】添加 color 彩色标签
    【顶图】手机端顶图添加滑动效果
    【即刻、小艺】添加地址标签

  • 功能
    【我的】添加小艺宝贝板块,用来记录小艺的成长
    【评论】评论支持在评论区标题显示评论数量
    【全局】添加自定义背景图,支持纯色、渐变色、壁纸
    【侧边栏】作者卡片支持显示头像
    【评论】无需删除空行的提示移动到编辑框内

  • 优化
    【全站】图片开启 CDN,减缓 COS 流量
    【全站】开启图片懒加载
    【文章页】顶部图添加动画效果
    【SEO】首页优化
    【切换背景】添加遮罩层

  • Bug
    【中控台】修复快捷键错误
    【加载】修复刷新重复加载问题
    【评论】修复了信息填写编辑框边框过粗的问题
    【评论】修复了编辑框的显示问题
    【全局】修复了横屏图片并列导致无间隔问题
    【首页】修复了文章分类导航条在滚动到最右侧时图标没有变化的问题
    【即刻、小艺】修复手机端点击字体间距变化问题
    【页脚】修复页脚打包,导致空格丢失问题
    【AI 摘要】多次加载 loading,导致 ai 闪烁问题

v3.3.0 2023-05-11 🎉🎉🎉

  • 设计
    【代码高亮】修改 code 样式
    【主题更新日志】改为时间线卡片效果
    【首页】顶部 banner 展示形式支持 1200px 屏幕宽度

  • 功能
    【首页】添加 QQ 频道,原微信卡片改到文章页
    【我的装备】新增好物推荐页面,分享我正在使用的好的产品

  • SEO
    【全局】改名为满心记,原 Hrn 收录较差
    【首页】SEO 优化

  • 美化
    【404】页面结构调整
    【控制台】字体、结构美化

  • 优化
    【loading】优化加载速度
    【全站】优化 js + html,加载由 700ms 优化为 500ms 以内

  • Bug
    【algolia】修复加载图标显示异常
    【观影之旅】修复手机端显示异常
    【导航栏】修复深色、浅色模式下显示异常
    【首页】修复首页编译生成 html 时,存在多余符号
    【评论】修复推荐语和匿名评论挤压样式问题

v3.2.0 2023-05-04 🎉🎉🎉

该版本主要加入了 AI 摘要,同时在体验和性能上做了不少优化

  • 设计
    【404】404 界面布局优化

  • Bug
    【音乐】修复右键播放、暂停音乐失效
    【关于】修复游戏卡片图标不显示

  • 功能
    【文章】支持 AI 摘要,使用 TianliGPT 实现自动生成摘要,添加同类文章推荐
    【爱发电】支持文章右侧的爱发电侧边栏,按照到期时间排序
    【PWA】现在博客在 iOS 下添加到主屏幕将以全屏方式打开

  • 性能
    【友链】宝藏博主功能改为使用 json 文件来获取,不再使用友链朋友圈服务
    【全局】优化了 HrnGPT 的显示延迟,现在在页面加载 0.5-1s 后开始获取摘要
    【文章】后缀采用 crc32 + html 方式
    【文章】改用卜算子作为统计热度
    【全局】精简,合并 CSS

  • 体验
    【文章】滑到底部,隐藏下一页卡片
    【评论】版本升级,提升加载速度
    【文章】链接标签优化
    【文章】折叠栏标签优化

  • Bug
    【快捷键】处理控制台默认选中,但不生效
    【首页】修复跳转分页输入 01 出现 404 问题
    【菜单】修复无法直接移动到二级菜单
    【Safari】修复了部分兼容性问题

v3.1.1 2023-04-13

  • 功能
    【文章页】底部增加查看更多组件(返回主页)
    【友链】需选中条件满足后才可以进行申请
    【深色模式】添加粒子效果

  • 性能
    【页脚】页脚的友情链接改为使用 json 文件来获取,不再使用友链朋友圈服务
    【深色模式】修改自动切换时间
    【文章页】获取主题色由本地方式,改为腾讯 api 方式
    【全局】移除全局加载 waterfall,改为仅即刻短文加载 js
    【即刻短文】移除重复引用的 js

  • Bug
    【code】手机端代码高亮字体大小不一致问题
    【关于】修复赞赏窗口点击后无法隐藏的问题
    【加载】重构加载效果,防止加载过快,导致主题色加载延迟

v3.1.0 2023-03-15 🎉🎉🎉

本版本主要在于精简,删除无用资源,提升速度为主,此为稳定版本,原则上不会有大的改动

效果预览

  • 变更
    【关于本站】移除 hello about 功能
    【全局】更换全站图标,移除 fontawesomePro、remixicon、aliicon
    【logo】更换为自己的制作的 logo

  • 性能
    【菜单】手机端样式调优
    【全局】精简 css,去除部分臃肿的样式
    【友链】友情链接页美化
    【文章】文章页美化
    【首页】右侧卡片美化
    【全局】移除无用 js,提升加载效率

  • Bug
    【观影之旅】修复顶部鼠标划入颜色异常
    【文章】解决目录过长显示异常
    【关于本站】修复关于页面手机端显示异常
    【全局】解决开启懒加载部分图标不加载问题
    【全局】处理图标失效问题

v3.0 2023-03-10 🎉🎉🎉

本版本开始Pottery更名为MxBlog,保持和本博客一致,本版本修复了大量 Bug,以及加载效果,整体使用更丝滑,并优化很多细节,整体更加协调

效果预览

  • 优化
    【菜单栏】手机端菜单弹出后,背景模糊处理
    【右键】添加鼠标移入样式
    【全局】博文封面图制作
    【全局】时间格式化组件改写
    【icon】图标优化调整
    【folding】内部样式调优
    【文章页】字体、间距微调,整体更加协调
    【评论】优化字体、样式
    【algolia】样式优化
    【highlight】样式调整

  • Bug
    【全局】修复手机端分类条目可以上下拖动问题;
    【全局】修复 nav 未加载完,分类条先加载,导致顶部短暂空白;
    【首页】修复文章页左边角弧形问题;
    【全局】解决深色模式部分样式不生效

  • 性能
    【文章】修改文章页加载动画,提升效率
    【首页】修改加载动画,博客刷新、浏览更自然

Pottery v2

v2.2.0 2023-02-15

  • 功能
    【标签栏】添加滑动效果,可快速切换头和尾
    【订阅】页面重构
    【文章页】添加可自定义跳转分页

  • 优化
    【全局】合并、删除部分 css
    【全局】图片懒加载

v2.1.0 2023-02-10 🎉🎉🎉

本版本除了添加部分功能外,对全站 css、js、以及页面进行精简、调优,综合提升访问效率

  • 优化
    【友情链接】样式调优
    【观影之旅】兼容性调整
    【全局】删除、精简样式
    【音乐分享】采用静态部署
    【中控台】关闭打开按钮位置调整,改为重叠,方便使用
    【全局】搭建兰空,将所有图片资源上传至图床

  • 效果
    【音乐胶囊】添加显隐动画效果

  • Bug
    【音乐】修改为私有部署
    【右键】右键切换深色模式失效 Bug

v2.0 beta 2023-02-10

  • 功能
    【关于本站】添加头像浮动小标签
    【首页】添加作者小标签
    【中控台】添加FPS效果
    【评论】添加匿名评论
    【关于本站】添加Hi Friend卡片效果

  • 效果
    【关于本站】统计数字添加滚动效果
    【分页】重构分类页面,采用3D卡片效果
    【Logo】更换深色logo图标

  • 优化
    【全局】取消使用iowen 的 favicon,替换为自定义
    【全局】手机端适配,css 精简调优

  • 性能
    【全局】修复朋友圈 js 性能问题

Pottery v1

v1.2.1 2022-12-26

  • 博客安装空调,再也不怕冷了~
  • 控制台添加最新评论
  • 留言板添加信笺效果
  • 添加文章顶部波浪效果
  • 使用腾讯云 CDN,博客速度有较大提升

v1.1.1 2022-12-15

  • 博客资源迁移完成
  • 即刻短文支持多图、音乐
  • 友链鱼塘改为 docker 部署
  • 弃用华为,改为腾讯云服务器
  • twikoo部署使用
  • 部分静态资源存储在去不图床

v1.0 2022-10-09 🎉🎉🎉

  • 域名备案,博客部署
  • 博客首页部署

v0.0.1 beta 2022-08-09

  • halo + joe2.0切换为hexo + butterfly
  • 复刻heo + 糖果屋等一些优秀博客,并逐步开始魔改

评论
✅ 你无需删除空行,直接评论以获取最佳展示效果
引用到评论