本文作者: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%
等百分比形式的数据,这样就是按照屏幕大小自行调整宽度了。
可直接在宝塔面板进行修改,也可以在本地修改之后上传服务器相应的位置(替换掉源文件)。
效果
修改之后,两边的空隙就没有那么大了。个人觉得比较好看。
欢迎访问我的个人博客
以及我的资源导航网站