修改hexo的主题nexT中的Pisces主题宽度

最新推荐文章于 2023-05-22 17:17:55 发布

sluggishpj

最新推荐文章于 2023-05-22 17:17:55 发布

阅读量6.6k

点赞数

分类专栏：工具类文章标签：博客布局 hexo nexT主题 Pisces主题

本文链接：https://blog.youkuaiyun.com/csdnSR/article/details/78300820

版权

本文介绍了如何修改Hexo NexT Pisces主题的内容区宽度，包括遇到的问题、官方方案以及作者的改进方法，通过手动修改样式解决了布局混乱的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

若网络条件允许，可以直接看我的个人博客，可能阅读体验更好
点击查看

修改nexT Pisces主题内容区宽度

问题

默认的宽度觉得有点窄，想改宽一点

方法

在官网的指引下找到了方案
在测试后发现布局乱了，有点蓝瘦。。。

测试版本为，hexo:v3.3.8，hexo-theme-next:v5.1.2
上面的方案如下：

/*对于 Pisces Scheme，需要同时修改 header 的宽度、.main-inner 的宽度以及 .content-wrap 的宽度。
例如，使用百分比（P

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sluggishpj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

hexo + next主题高级配置

destiny'Note

10-31

2291

前言配置完yilia后，发现缺少一些东西，百度之下，找到了特别喜欢的主题——next。跟大家分享配置经验。首先，本文是根据我自己的博客配置而写的，并不全面，其他美化配置在文末提供了相应的参考链接。欢迎浏览我的博客：destiny'Note 其次，本文中有部分自己的改进方案，并非全部摘自他文我的博客原文链接：hexo + next主题高级配置一、主题下载 git clone htt

【Hexo系列】【6】NexT主题使用

最新发布

2301_76884890的博客

08-31

884

NexT是Hexo的知名第三方主题，黑白极简风格四合一，有相当多的使用者，维护也相当给力，数年来一直都在频繁更新。Next主题官网：https://github.com/next-theme/hexo-theme-next。

4 条评论您还未登录，请先登录后发表或查看评论

Hexo-Next实用主题优化

小小一只程序员的博客

08-08

2245

本文介绍hexo博客中Next主题的主要优化方式

hexo next主题解决首页文章间距过宽的问题

enginewang的博客

09-22

6041

hexo+next 解决首页文章间距过宽的问题前一段时间，使用Github Page+hexo+next的方式建立过自己的个人博客 Yicheng's Page （主要是分享笔记和资源，为了学英语保持着全英文写作，欢迎访问）但是作为重度强迫症患者的我无法忍受首页文章之间间距过大，都超过120px了: 想要调整一下间距，奈何在Google上没有找到满意的解决方案，后来自己试着通过审查...

Hexo--Next主题优化

寒江蓑笠的专栏

02-04

1万+

欢迎访问我的博客按照上篇博客中更换Theme的方法，我们已经将主题改为Next，但是还是有地方我们可以优化和配置的。一些常见的配置方法参考文档即可。语言设置将languages目录下面的zh-Hans.yml修改为zh-CN.yml或者按照文档中的修改根目录配置文件也行。修改样式网站标题栏背景颜色网站标题栏背景颜色是黑色的，感觉不好看，可以在source/css/_schemes/Pisce

Hexo博客查图片并调整位置&大小

辞.九门回忆

05-22

2697

值得一说的是，这种按照百分比显示方法，是以width方向为准，并保持纵横比的，换句话说，把设置width的部分去掉，height的值改为任。首先说下hexo插入图片的方式有哪些，hexo默认集成了markdown语法，这里我们就markdown里显示图片的方式引入html方法,两种方法有优有劣，关键看自己的习惯了。意百分比，显示的图像都是原图大小（个人觉得这根博客窗口有关，毕竟现实截面的宽度相对是固定的，而高度/长度却是变化着的）。在hexo博客中，图片的大小似乎没有按照个markdown的语法生效。

Hexo搭建GitHub博客—打造炫酷的NexT主题--高级(三)

Eirunye的博客

09-19

1517

简介上面两篇文章让我们人识了Hexo是如何搭建GitHub博客、如何进行部署Hexo到GitHub上、如何进行一些常用的配置例如：Site、URL、Deployment、Date等配置、如何创建文章、创建文章时应该注意哪些事项等等。在Hexo主题官网中有许多主题，大家喜欢什么就进行部署和编辑就好了，大致的思路都是差不多的。本篇让我们正在进入到高级篇学习，如何打造炫酷的Next主题，让我们的博...

2018最新版Hexo博客Next主题6.0配置优化

热门推荐

请别抢我的狗熊

03-08

4万+

前言或许是对默认的东西没有好感，总觉得默认的主题是很丑很丑的，完美控是接受不了这个东东的，还好hexo是可以修改主题的。这里首推NexT主题，精于心，简于形标语说的是真的不错。使用NexT主题的人比较多，这也说明这个主题确实很成熟了。优化，配置，扩展很多都集成了，比较简单。博文重质量，弄的太花哨确实没啥用。。。读者可以在https://hexo.io/themes/可以查看...

给hexo主题添加背景及更改字体颜色（next的Mist主题）

姜姜酱的博客

02-28

1万+

最近新搭的个人博客：qsang.xin 采用的是hexo + Github，next主题，自己动手更改了一下其实要更改某一部分，只需要F12找到元素然后找到相应元素就可以啦~ 进入正题更改背景找到博客目录下\themes\next\source\css_custom\custom.styl，加上以下代码： body { background-image:url(/images/ba...

Hexo博客NexT主题美化之评论系统

潘高的小站

03-05

802

最详细的Hexo Next主题配置教程

Web全栈笔记

12-24

1万+

配置环境安装Node（必须）作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。安装Git（必须）作用：把本地的hexo内容提交到github上去.安装Xcode就自带有Git，我就不多说了。申请GitHub（必须）作用：是用来做博客的远程创库、域名、服务器之类的，怎么与本地hexo建立连接等下讲。安装hexoNode和Git都安装好后,首先创建一个文件夹,如blog,

Hexo博客NexT主题终极配置

潘超博客

06-12

8582

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。本文中我们将对hexo中nexT主题搭建的自己的博客站点进行配置，为你打造个性化博客系统。目录 Hexo博客发布流程新建带日期格式的博文博文插入图片链接持久化添加分享功能(百度分享) 添加搜索功能 nexT小白必看-...

hexo博客框架--nexT主题进阶设定

Mr.Yuan

04-13

5372

大家可先看下我的博客www.yuanjingzhuang.com还有不明白的可以加我qq直接问： 755966092背景透明博客根目录 themes\next\source\css\_schemes\Pisces\_layout.styl这个文件的第65行background:删除掉按钮背景博客根目录 themes\next\source\css\_common\components\post\

Hexo更换next主题和优化

BlueLzy的个人博客

01-14

7366

用了将近一个月的Material主题后，终于决定换成next主题这篇博客主要是优化和踩坑的总结 Let’s go…界面美化修改文章底部“#” 标签文件：/themes/next/layout/_macro/post.swig搜索 rel=”tag”># 将 # 换成将 # 换成 < i class=”fa fa-tag” > </i> 其中 “fa fa-tag” 可

[4]Hexo静态博客背景及界面显示优化配置

Ep流苏的博客

06-01

894

示例预览：我的主页前提预设：【3】hexo+github搭建个人博客的主题配置【2】hexo+github搭建个人博客的简单使用【1】hexo+github搭建个人博客的过程记录背景图片添加自动切换背景静态本地背景首先将已选定的背景图片放到博客根目录下的\source\images下示例：D:\Blog\source\images\background.jpg 其次，...

Hexo 搭建个人博客（八）NexT 侧边栏配置

wylu

11-27

9626

目标本文将介绍一些关于 NexT 侧边栏的配置。环境及版本声明本文基于以下环境及版本： hexo: 3.8.0 hexo-cli: 1.1.0 NexT: 7.1.0 OS: Ubuntu 18.04 LTS x86_64 设置侧边栏 sidebar: # 侧边栏位置, 可选值: left | right (仅适用于 Pisces | Gemini). position: left...

hexo(Next主题)修改文字大小

dpdpdppp的博客

10-08

7811

在hexo搭建完成后，使用next主题，发现有些字体过大，比如标题下面提示文章发表时间、分类、标签等字体。以下提出我的修改方式（版本hexo：3.9.0、next：7.4.1）。默认建好之后，如下图所示，我对框中的字体大小不满意。首先想到要去主题配置文件_config.yml查找Font以便于修改字体大小。通过搜寻，可以看到以下的结果： font: # Use custom...

Hexo Next主题：快速搭建个性化博客

标签“hexo next 主题”是对标题中的关键词进行重申和强调，指出了这个知识点的核心——Hexo博客框架的Next主题。从给出的“压缩包子文件的文件名称列表”来看，文件名为“hexo-theme-next-master”，这表明了文件...