本节主要介绍一下如何修改handsome博客模板页面宽度。

Handsome主题是个非常适合个人博客的主题。但是在使用的过程中,有的地方想要个性化美化一波。盒子模式下有个bug,就是边距问题,本节教你如何修改。

问题说明

博主换了一个游戏本之后,由于屏幕大小的关系,安装Handsome主题之后发现“盒子模式”两边有很大的空间。看着不是很舒服。在一些小点屏的笔记本里看着是比较舒服的,两边没有这么大的空隙。

盒子模式大边距

为了消除这个间隙,博主采用的方法是按比例显示。查看主题的源码之后,发现作者是将宽度固定死的。

具体操作

修改主题目录下的 handsome.min.css 文件(具体位置在handsome-v8.3.0\主题\handsome\assets\css),搜索 1170px,一共有三处是1170px。为例比例显示,将这三处的1170px修改为90%等百分比形式的数据,这样就是按照屏幕大小自行调整宽度了。

可直接在宝塔面板进行修改,也可以在本地修改之后上传服务器相应的位置(替换掉源文件)。

修改代码

效果

修改之后,两边的空隙就没有那么大了。个人觉得比较好看。

自适应边距


博主的资源导航网站

多啦A桃



博主个人公众号
版权声明 ▶ 本网站名称:陶小桃Blog
▶ 本文链接:https://www.52txr.cn/2022/ReHandsome1.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!

最后修改:2022 年 06 月 14 日
如果觉得我的文章对你有用,请随意赞赏