教你正确修改handsome博客模板页面宽度

---

本文作者：52txr
本文链接：https://www.52txr.cn/2022/ReHandsome1.html
版权声明：本博客所有文章除特别声明外，均默认采用 CC BY-NC-SA 4.0 许可协议。

---

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

Handsome主题是个非常适合个人博客的主题。但是在使用的过程中，有的地方想要个性化美化一波。

问题说明

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

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

具体操作

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

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

效果

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

---

欢迎访问我的个人博客

陶小桃Blog

以及我的资源导航网站

多啦A桃

---