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

博客主题更新日志

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

了解HrnBlog的设计理念

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

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

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

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

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

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

HrnBlog是如何产生的

HrnBlog是复刻来的,并非本人原创,具体借鉴的博主如下:

博客框架、主题?

  • 本站是基于Hexo静态博客框架,基于Butterfly为基础二次创作
  • 网站服务器、CDN、COS、图床、解析均由腾讯云提供
  • 基础业务图床由去不图床满心图床提供
  • 博客图片由SketchMasterGoPS制作

关于借鉴样式

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

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

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

更新日志

HrnBlog v3

v3.1.0 2023-03-15 🎉🎉🎉

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

效果预览

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

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

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

v3.0 2023-03-10 🎉🎉🎉

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

效果预览

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

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

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

Pottery v2

v2.2.0 2023-02-15

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

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

v2.1.0 2023-02-10 🎉🎉🎉

本版本主要在于样式、兼容性调整,可以让用户能更流畅在手机端上月度

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

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

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

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

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 + 糖果屋等一些优秀博客,并逐步开始魔改

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