修改Indigo文章页面宽度

Posted yanximin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改Indigo文章页面宽度相关的知识,希望对你有一定的参考价值。


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

问题

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

技术图片

解决

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

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

我也有这个问题, 我把hexo-theme-indigo/layout/page.ejshexo-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重新构建发布.

以上是关于修改Indigo文章页面宽度的主要内容,如果未能解决你的问题,请参考以下文章

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

Eclipse Indigo 无法在外部 Web 浏览器上运行 PHP 页面

Android获取片段中的布局高度和宽度

Wordpress查询从文章/页面中提取片段

架构丰富的代码片段也应该用于产品列表吗?

如何用CSS使图片自适应显示宽度