修改Indigo文章页面宽度

Posted 2021-12-23 yanximin

---

title: 修改Indigo文章页面宽度
date: 2017-09-11 03:58:22
tags: [Hexo]
---

问题

本博客一直在使用indigo作为我们的模板. 但是现在发现了一个问题: 正文的宽度太小了, 有时候无法看全代码!

解决

发现indigo的GitHub上面也有人问了同样的问题: 地址.

我给了一个比较不完美的解决方法:

我也有这个问题, 我把hexo-theme-indigo/layout/page.ejs和hexo-theme-indigo/layout/post.ejs中的<div class="container body-wrap">标签加上了style="width: 1000px;", 但是这样的话, 手机上看就会不能自适应...

可能把帖子顶起来了, 有人在下面贴出了完美的解决方法:

(1) 把hexo-theme-indigo/source/css/_partial/variable.less中的@contentWidth: 960px;改成@contentWidth: 90%;, 当然这个大小是自己可调的, 我调成了80%(效果就是本页面显示的样子).

(2) 修改config文件, 将cdn设置为false, 关闭CDN加速.

(3) 执行hexo clean命令清空缓存, 再去执行hexo g重新构建发布.