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

最新推荐文章于 2024-05-14 07:17:56 发布
最新推荐文章于 2024-05-14 07:17:56 发布
阅读量6.3k 收藏
点赞数
分类专栏： 工具类 文章标签： 博客 布局 hexo nexT主题 Pisces主题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdnSR/article/details/78300820
版权

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

修改nexT Pisces主题内容区宽度

问题

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

方法

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

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

/*对于 Pisces Scheme，需要同时修改 header 的宽度、.main-inner 的宽度以及 .content-wrap 的宽度。
例如，使用百分比（P
最低0.47元/天 解锁文章
sluggishpj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
hexo + next主题高级配置
destiny'Note
10-31 2028
前言 配置完yilia后，发现缺少一些东西，百度之下，找到了特别喜欢的主题——next。跟大家分享配置经验。 首先，本文是根据我自己的博客配置而写的，并不全面，其他美化配置在文末提供了相应的参考链接。欢迎浏览我的博客：destiny'Note 其次，本文中有部分自己的改进方案，并非全部摘自他文 我的博客原文链接：hexo + next主题高级配置 一、主题下载 git clone htt
hexo next主题 解决首页文章间距过宽的问题
enginewang的博客
09-22 5582
hexo+next 解决首页文章间距过宽的问题 前一段时间，使用Github Page+hexo+next的方式建立过自己的个人博客 Yicheng's Page （主要是分享笔记和资源，为了学英语保持着全英文写作，欢迎访问） 但是作为重度强迫症患者的我无法忍受首页文章之间间距过大，都超过120px了: 想要调整一下间距，奈何在Google上没有找到满意的解决方案，后来自己试着通过审查...
2024年Hexo+NexT（三）：Next主题配置详解_hexo next，dubbo原理面试
最新发布
2401_84850851的博客
05-14 1011
enable: false # 启动开关length: 150 # 从开始往后选取的摘要文字数量。post_meta:item_text: true # 是否显示“发表于”这几个文字created_at: true # 文章创建日期updated_at: false # 文章修改日期categories: true # 文章所属分类post_wordcount: # 字数统计。
Hexo--Next主题优化
寒江蓑笠的专栏
02-04 1万+
欢迎访问我的博客 按照上篇博客中更换Theme的方法，我们已经将主题改为Next，但是还是有地方我们可以优化和配置的。 一些常见的配置方法参考文档即可。语言设置将languages目录下面的zh-Hans.yml修改为zh-CN.yml或者按照文档中的修改根目录配置文件也行。修改样式网站标题栏背景颜色网站标题栏背景颜色是黑色的，感觉不好看，可以在source/css/_schemes/Pisce
Hexo博客查图片并调整位置&大小
辞.九门回忆
05-22 2165
值得一说的是，这种按照百分比显示方法，是以width方向为准，并保持纵横比的，换句话说，把设置width的部分去掉，height的值改为任。首先说下hexo插入图片的方式有哪些，hexo默认集成了markdown语法，这里我们就markdown里显示图片的方式引入html方法,两种方法有优有劣，关键看自己的习惯了。意百分比，显示的图像都是原图大小（个人觉得这根博客窗口有关，毕竟现实截面的宽度相对是固定的，而高度/长度却是变化着的）。在hexo博客中，图片的大小似乎没有按照个markdown的语法生效。
2018最新版Hexo博客Next主题6.0配置优化
热门推荐
请别抢我的狗熊
03-08 4万+
前言 或许是对默认的东西没有好感，总觉得默认的主题是很丑很丑的，完美控是接受不了这个东东的，还好hexo是可以修改主题的。这里首推NexT主题，精于心，简于形标语说的是真的不错。使用NexT主题的人比较多，这也说明这个主题确实很成熟了。优化，配置，扩展很多都集成了，比较简单。博文重质量，弄的太花哨确实没啥用。。。 读者可以在https://hexo.io/themes/可以查看...
hexo next主题
06-29
接着，根据Next的主题文档进行个性化配置，这可能涉及修改主题配置文件`themes/next/_config.yml`以及站点配置文件`source/_data/next.yml`。 在使用过程中，可能会遇到一些问题，如样式显示不正常、插件冲突等。...
Hexo博客搭建文件（next主题）
12-07
Next主题以其优雅的设计和丰富的功能，成为Hexo用户中的热门选择。下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先，你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统，对于管理代码...
基于Hexo的安静优雅主题Ayer设计源码
04-07
Hexo主题Ayer：基于Javascript构建，包含172个文件，包括47个EJS模板文件、36个Stylus样式文件、27个JavaScript文件、19个YAML配置文件、11个JPG图像文件、9个PNG图像文件、5个Markdown文档、3个SVG文件和2个CSS样式...
hexo-theme-next：Hexo的优雅主题
02-23
实时预览 :heart_decoration: 缪斯计划： | | :dotted_six-pointed_star: 雾计划：| | :Pisces: 双鱼座方案： | | :Gemini: 双子座计划： | |更多的NexT示例。安装1.将目录更改为十六进制根目录。 必须有node_...
hexo_next主题
01-26
Hexo 是高效的静态站点生成框架，她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章，除了 Markdown 本身的语法...在这篇文章中，假定你已经成功安装了 Hexo，并使用 Hexo 提供的命令创建了一个站点。
给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 766
前言 更多效果展示，请访问我的 个人博客。 效果图： Valine 诞生于2017年8月7日，是一款基于Leancloud的快速、简洁且高效的无后端评论系统。 教程： 登录 Leancloud 官网，注册之后创建一个应用，选择【设置】->【应用Key】记下你的APP ID和APP Key，如下： 编辑 主题配置文件，搜索 Valine，填入appid 和 appkey，...
最详细的Hexo Next主题配置教程
Web全栈笔记
12-24 1万+
配置环境安装Node（必须）作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。安装Git（必须）作用：把本地的hexo内容提交到github上去.安装Xcode就自带有Git，我就不多说了。申请GitHub（必须）作用：是用来做博客的远程创库、域名、服务器之类的，怎么与本地hexo建立连接等下讲。安装hexoNode和Git都安装好后,首先创建一个文件夹,如blog,
hexo博客框架--nexT主题进阶设定
Mr.Yuan
04-13 5304
大家可先看下我的博客www.yuanjingzhuang.com还有不明白的可以加我qq直接问： 755966092背景透明博客根目录 themes\next\source\css\_schemes\Pisces\_layout.styl这个文件的 第65行background:删除掉按钮背景博客根目录 themes\next\source\css\_common\components\post\
Hexo博客NexT主题终极配置
潘超博客
06-12 8524
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。本文中我们将对hexo中nexT主题搭建的自己的博客站点进行配置，为你打造个性化博客系统。 目录 Hexo博客发布流程 新建带日期格式的博文 博文插入图片 链接持久化 添加分享功能(百度分享) 添加搜索功能 nexT小白必看-...
Hexo更换next主题和优化
BlueLzy的个人博客
01-14 7268
用了将近一个月的Material主题后，终于决定换成next主题 这篇博客主要是优化和踩坑的总结 Let’s go…界面美化修改文章底部“#” 标签 文件：/themes/next/layout/_macro/post.swig搜索 rel=”tag”># 将 # 换成 将 # 换成 < i class=”fa fa-tag” > </i> 其中 “fa fa-tag” 可
Hexo Next 四种主题
Kid_TH的博客
04-17 7004
Muse Muse主题效果 Mist Mist主题效果 预览效果 预览 Pisces Pisces主题效果 *Gemini Gemini主题效果
hexo主题next override详解
05-26
Hexo是一个静态博客生成器，它提供了一些默认的主题，但是用户也可以自己开发或使用第三方主题。其中，Next是一款非常受欢迎的Hexo主题之一，它提供了丰富的功能和灵活的配置。 在使用Next主题时，我们可以通过override来修改主题的默认配置和样式。具体来说，override是指将主题的默认配置或样式文件复制到博客根目录下的/source/_data/或/source/css/override/目录下，然后进行修改。这样，在重新生成博客时，Hexo会优先使用override中的配置或样式文件，从而实现自定义主题的效果。 下面是具体的使用方法： 1. 复制配置文件到/source/_data/override/目录下 首先，我们可以通过命令`hexo config`查看当前主题的默认配置，然后将需要修改的配置项复制到/source/_data/override/目录下的同名文件中，并进行修改。例如，如果我们想修改Next主题的默认语言为英文，可以执行以下命令： ``` hexo config | grep language > source/_data/override/next.yml ``` 然后，打开source/_data/override/next.yml文件，将`language`的值修改为`en`，保存文件即可。 2. 复制样式文件到/source/css/override/目录下 如果我们需要修改主题的样式，可以将主题的默认样式文件复制到/source/css/override/目录下，并进行修改。例如，如果我们想修改Next主题的默认字体为微软雅黑，可以执行以下命令： ``` cp -r themes/next/source/css/fonts source/css/override/ ``` 然后，在source/css/override/fonts目录下，将所有字体文件中的字体名称修改为“Microsoft YaHei”，保存文件即可。 需要注意的是，override文件的命名和存放路径需要与主题默认文件一致，否则可能会导致修改无效或出现异常。同时，使用override也可能会导致主题升级时出现冲突，因此在使用时需要注意备份原始文件和谨慎修改。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值