欢迎光临
我们一直在努力

300 行 CSS 改造 Hexo:赛博朋克意识空间

你的博客是不是也这样——首页标题堆叠、配色平淡、NexT Gemini 千篇一律。说不上来哪不好,但就是没有「优秀博客」的样子。

我花了三周,用 300 行 CSS + 200 行 JS,把博客从「又一个 NexT 站」变成了一个让人进来想「卧槽」的赛博朋克意识空间。下面是完整的刀法。

先审计:问题不在主题,在细节

我用 Hexo + NexT 8.27.0 Gemini 跑了一年多,一直觉得「怪」。审计后发现问题很具体:

  • 首页无摘要,13 篇文章堆成一排标题
  • 代码高亮用 default 主题,灰蒙蒙没质感
  • 无粒子背景、无动态效果、无 Hero 区
  • 分类页/标签页 404(Hexo 不会自动生成这些页面,你得手动创建)
  • TOC 默认折叠,阅读体验割裂
  • 页脚只剩「Powered by Hexo」,毫无个性

博客的「怪」不是玄学。是每一个你偷懒没调的细节,合在一起形成的平庸感。

视觉重构:四层叠加制造深度

赛博朋克的核心是高对比 + 多层次 + 克制动效。我只用一种颜色——电光蓝 #00d4ff,变化全靠透明度。

第一层:电路网格纹理

CSS 两行 linear-gradient 画 60px 网格线,透明度 0.08。注意放在 html 而非 body——因为 body 必须设 tra

赞(0)
未经允许不得转载:171主机测评 » 300 行 CSS 改造 Hexo:赛博朋克意识空间
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址