0
点赞
收藏
分享

微信扫一扫

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

年迈的代码机器 2022-02-23 阅读 48
css前端

本文作者: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桃


举报

相关推荐

0 条评论