五一假期,我花了 5 天写了个 Hexo 博客主题

查看 30|回复 0
作者:lete   
本来想着写个新主题,一直想不到起什么主题名称好,然后写的结构和样式长得和我以前写的主题 MengD 主题很相似,且才更新到 1.9.0 版本。正好写想不到什么好的主题名称,于是便决定定义为 MengD 主题 2.0 版本。
做了很多优化,项目结构也很清晰,以前的 MengD 主题太杂,维护难度太大。
其中我用到了一个比较偏冷门的技巧来实现一个功能,那就是点击搜索框显示搜索历史和搜索结果,还有手机端点击右下角按钮显示文章目录,完全不需要 js 即可实现按钮点击效果,为了不使用 js 显示这个效果花了我 1 天时间来反复调整 html 结构和 css 样式(讲真,调 css 真的很痛苦,调好一个地方,另一个地方就出问题了,非常难受)。
主要就是 html 标签的 tabindex 属性和 css 的伪类 :focus-within, 感兴趣的大佬可以试试这个巧妙的方法
预览网站: https://mengd.js.org
开源仓库: https://github.com/Lete114/Hexo-Theme-MengD
看看这请求的资源,少得可怜好吧,html 、css 、js 没压缩,全加一起才 100kb ,连别人首页一张图片大小都不到
(有些人的博客还得给每篇文章配一张图片呢,一般首页都会有 10 篇文章,大概就 10 张图片左右也得几 MB ,加载这几 MB 的流量都够我把整个首页的 10 偏文章全加载完了)
您需要登录后才可以回帖 登录 | 立即注册

返回顶部