Typecho Handsome主题美化页面宽度&两侧字体大小

博主：秋
发布时间：2022 年 07 月 16 日
3672 次浏览
10 条评论
1264字数
分类：秘籍

修改文件路径：/usr/themes/handsome/assets/css/handsome.min.css

在宝塔修改或在本地修改后上传均可。

PS：因改此项需要对文件进行修改，建议对数据做好备份！

</div>

## 效果

### 修改前效果

![修改前效果](https://img.03e.cn/images/2022/06/25/20220625203151.png)

### 修改后效果

![修改后效果](https://img.03e.cn/images/2022/06/25/20220625203032.png)

## 修改页面宽度

### 1.寻找

![审查元素截图](https://img.03e.cn/images/2022/06/25/20220625115012.png)

1. 打开网站的审查元素 [ F12 ]
2. [ Ctrl+F ] 搜索 "alllayout"
3. 选中查找到的DIB标签
4. 在右侧搜索 width 会看到一条没有~~划掉~~的width属性
5. 1620px就是我们目前的宽度

### 2.修改

![文件修改](https://img.03e.cn/images/2022/06/25/20220625115244.png)

直接搜索 1620px，然后替换成想要的尺寸即可。也可以在审查元素里面在右边修改一下看看效果再替换。本站的尺寸为1420px。

## 修改字体大小

修改字体大小与修改页面宽度大同小异，也是需要通过审查元素来找到现在的字体大小再进行修改。

### 1.寻找

![审查元素](https://img.03e.cn/images/2022/06/25/20220625115756.png)

1. 点击左上角的选择指针后点击需要修改的字体文字
2. 然后在右侧搜索 font-size
3. 这个16px就是我们目前的字体大小

在这里你也可以先把字体放大或缩小来找到适合自己的大小

### 2.修改

![文件修改](https://img.03e.cn/images/2022/06/25/20220625120144.png)

搜索 font-size:16px ,替换成 font-size:尺寸px即可。

本文作者：秋
本文地址：https://www.03e.cn/98.html
版权声明：本博客所有文章除特别声明外，均默认采用 CC BY-NC-SA 4.0 许可协议。

最后修改：2022 年 08 月 06 日

如果觉得我的文章对你有用，请随意赞赏

10 条评论

wu先生
2023-07-17 21:59

我来试试默认的模板。

回复
看透一切的大黄
2023-05-24 21:19

感谢大佬，顺便抄了一点样式

回复
看透一切的打工人
2023-03-14 17:18

9.0.2可以用欸，同理顺便修改了左右侧栏的宽度，谢谢

回复
陶小桃Blog
2022-12-16 10:05

这个不错，在9.x里可以用

回复
软小兔
2022-07-27 16:47

学习学习

回复

发表评论取消回复

评论 * 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

私密评论

名称 *

🎲

邮箱 *

地址

Typecho Handsome主题美化页面宽度&两侧字体大小

秋 • 2022 年 07 月 16 日

修改文件路径：/usr/themes/handsome/assets/css/handsome.min.css

在宝塔修改或在本地修改后上传均可。

PS：因改此项需要对文件进行修改，建议对数据做好备份！

</div>

## 效果

### 修改前效果

![修改前效果](https://img.03e.cn/images/2022/06/25/20220625203151.png)

### 修改后效果

![修改后效果](https://img.03e.cn/images/2022/06/25/20220625203032.png)

## 修改页面宽度

### 1.寻找

![审查元素截图](https://img.03e.cn/images/2022/06/25/20220625115012.png)

### 2.修改

![文件修改](https://img.03e.cn/images/2022/06/25/20220625115244.png)

直接搜索 1620px，然后替换成想要的尺寸即可。也可以在审查元素里面在右边修改一下看看效果再替换。本站的尺寸为1420px。

## 修改字体大小

修改字体大小与修改页面宽度大同小异，也是需要通过审查元素来找到现在的字体大小再进行修改。

### 1.寻找

![审查元素](https://img.03e.cn/images/2022/06/25/20220625115756.png)

1. 点击左上角的选择指针后点击需要修改的字体文字
2. 然后在右侧搜索 font-size
3. 这个16px就是我们目前的字体大小

在这里你也可以先把字体放大或缩小来找到适合自己的大小

### 2.修改

![文件修改](https://img.03e.cn/images/2022/06/25/20220625120144.png)

搜索 font-size:16px ,替换成 font-size:尺寸px即可。

Typecho Handsome主题美化页面宽度&两侧字体大小

10 条评论

发表评论取消回复

LOL登录提示游戏安全组件运行时发生异常，即将退出游戏解决方法

Python安装PyQt6-tools报错解决方案

蓝奏云直连解析完整思路过程及代码

Alist_搭建个人网盘并添加阿里云盘

分享一个非常nice的Typecho后台美化插件

如何找回已经删除的微信好友？

怎么看python是否安装成功？

《土豆兄弟》作弊器无限金币CT，静态基址

VSCode自动刷新html页面

俄罗斯钓鱼4怎么卖鱼最合理？俄钓4卖鱼神器！

Typecho Handsome主题美化页面宽度&两侧字体大小

10 条评论

发表评论 取消回复

Typecho Handsome主题美化页面宽度&两侧字体大小

发表评论取消回复