Hexo Icarus主题文章栏如何调宽

Hexo Icarus主题文章栏设置为2栏以后,太窄了,显示内容较少,想提高一下页面利用率。

这里需要修改Icarus主题目录下的几个文件。

  • layout/layout.jsx
  • layout/common/widgets.jsx
  • include/style/responsive.styl

参考文献


Icarus主题美化_icarus插入代码-CSDN博客
Icarus主题魔改 - Winky’s Blog

Icarus主题的一些常用配置 - zmm’blog

icarus个性化配置 - Hongjie’s blog

修改要点


image.png

修改这一个地方就可以了
image.png

调整前

image.png

调整后

image.png
有明显的效果,但是左侧空的太多了。不对称的感觉。

修改要点2


image.png

关键是这里,把这个2 * 给删掉。
这样修改以后,2栏模式和3栏模式,都可以对齐了。

再调整后

image.png


Hexo Icarus主题文章栏如何调宽
https://rongyel.github.io/posts/39ae3fe6.html
作者
Rongye
发布于
2024年7月6日
许可协议