Hexo NexT主题自定义背景图片

VIP文章 已于 2022-05-27 11:46:19 修改
阅读量3.6k 收藏 21
点赞数 20
分类专栏： リテンセキＰ与Hexo 文章标签： hexo github css html
于 2020-10-31 21:20:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52116176/article/details/109406842
版权

文章目录

前言

初衷

Hexo是一个基于Node.js的静态网页生成器，我将它与Github Page搭配使用，创建我的个人博客网站。
但是相信大家绝对不会只用原版简陋的Landscape主题吧……
于是，我结合大佬们的建议、参阅了无数Hexo个人网站后 决定用NexT主题。我选的是Gemini:-)

个性化之路

虽说NexT很不错，但是依然达不到预期的效果。

  • 单调的灰白背景
  • 想要单击效果
  • 没有评论功能
  • ……

正文

方法1（失败）

单调的灰白背景谁也不喜欢。谁都想自己找张好看的图片放上去。
本着“Baidu is your friend”的原则，我

最低0.47元/天 解锁文章
リテンセキＰ
关注
  • 20
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
Hexo Next为每篇文章设置自定义的banner图片
左未的博客
07-23 4689
小试牛刀 想完成这样一个功能： 顶部banner默认读取images/background.jpg，当进入文章页面的时候，判断文件夹内是否存在header-banner.jpg图片存在，有就优先使用它。 之前改变banner图是直接在custom.styl里改变.header-inner里的background属性的。 现在当然要在javascript中改。 首先我找到了整个宏观布局定义的代码...
hexo next主题
06-29
hexo搭建博客的next主题下载，赶紧下载吧，积分已经设最低了
hexo-theme-random：具有随机全屏背景图像的hexo主题
02-20
六主题随机 具有随机全屏背景图像的十六进制主题。 演示版 如果你 倾向于使用全屏图片作为背景图片 不喜欢在帖子列表中显示文章摘要 不喜欢在帖子列表中使用分页 这个主题似乎很适合您。 截屏 安装 在博客根路径中执行以下命令： git clone https://github.com/stiekel/hexo-theme-random.git themes/random 修改hexo主配置文件_config.yml的theme设置，如下所示： theme : random 头像 您可以在hexo主配置文件或主题配置文件中配置头像，如下所示： avatar : http://7te9fe.com1.z0.glb.clouddn.com/default_avatar.jpg 导航链接配置 导航链接位于首页和其他页面顶部，您可以在主题配置文件theme/random/_config.yml
Hexo NexT 添加背景图片
Hoohoo的博客
03-04 3686
背景 Hexo和NexT的版本如下： Hexo: 5.4.0 NexT: 8.2.2 由于在配置博客中选择的Hexo的next主题，由于该主题较为单调，所以希望添加一张背景图片。 因为版本比较新，尝试了许多其他人的方法，发现并不可行，但在themes/next/_config.yml配置文件搜索custom时发现了以下代码： # Define custom file paths. # Create your custom files in site directory `source/_data` an
Hexo设置动态背景图的动态更新
ordinary_brony的博客
02-04 727
在[这篇文章中](https://blog.csdn.net/ordinary_brony/article/details/136019684)，我们学习了如何设置固定数量的动态背景图。接下来，我们在这篇文章的基础上继续增加功能，让动态背景图的数量也不是固定的、图像也不是固定的。顺便一提，预览效果可以看这里(http://hexo.sakebow.cn)。
【杂谈】hexo网站next主题背景图片和超链接颜色问题
jhgjhg225的博客
06-19 509
打开根目录 创建文件 , 添加以下内容注意:图片的地址不用改, 但是要将想要改的图片放到 并将图片改名为 网站超链接颜色: 打开 路径下的 , 并在底部添加如下代码 颜色码链接: RGB颜色值与十六进制颜色码转换工具 (sioe.cn)注意: 本文仅针对next主题.对于 Muse 和 Mist主题, 其侧边栏的配置文件为 对于 Pisces和 Gemini主题，其侧边栏的配置文件为 在 文件底部添加如下内容 修改侧边栏中头像下方的作者姓名和描述的字体颜色, 需要在 中修改...
给hexo个人博客 next主题添加背景图片
热门推荐
W_C__L的博客
05-11 3万+
前几天没事自己通过hexo加github搭建了一个自己的个人博客，用的是next主题，发现挺好用，捣鼓了半天终于把全部全部配置完了，但是想改给自己的博客添加一张背景图片，在网上找了很久没找到相关的资料，就自己开始捣鼓，下面将修改方案贴出来。 首先找到一个背景图片放到 hexo（hexo工程文件）-> themes -> next -> source -> images 的路径下； hexo（hexo
Next主题添加背景图片
weixin_46106283的博客
11-20 2565
文章目录操作步骤添加背景图片设置透明边框圆角 hexo 和 Next 的版本如下： hexo: 5.2.0 NexT: 7.8.0 操作步骤 进入 themes\next\source\css 目录中 打开 main.styl 文件 在末尾添加 css 代码即可 添加背景图片 值得注意的是，在 main.styl 文件末尾写的 css 样式，会覆盖主题之前的样式。 以 body 为例，我们要先找到该标签之前的样式，复制下来，然后再此基础上进行修改。先打开自己的博客，按下 F12 检测网页，找到
hexo next主题下，自动更换背景图片
走路带风
08-27 8016
背景图片来源 （可根据自己的喜好更改） https://source.unsplash.com 修改背景样式 打开文档下themes\next\source\css\ _custom\custom.styl文件，这个是Next故意留给用户自己个性化定制一些样式的文件，添加以下代码： body { background:url(https://source.unsplash.c...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
AomanHao的博客
03-20 5863
随机背景图片加载 原理 自动更换背景是修改添加背景的css样式实现 图片来源 https://source.unsplash.com/ 修改背景样式 修改themes\next\source\css\ _custom\custom.styl文件，这个是Next故意留给用户自己个性化定制一些样式的文件，添加以下代码： body { background:url(https://source....
hexo-theme-next：Hexo的优雅主题
02-23
:warning:社区维护的版本在这里： 下一个NexT是高质量的主题。 它是用爱从头开始制作的。实时预览 :heart_decoration: 缪斯计划： | | :dotted_six-pointed_star: 雾计划：| | :Pisces: 双鱼座方案： | | :Gemini: ...
hexo_next主题
01-26
Hexo 是高效的静态站点生成框架，她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章，除了 Markdown 本身的语法之外，还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中，...
Hexo博客搭建文件（next主题）
12-07
Hexo需要git和nodejs，这里时next的所有的配置文件，都是自己改过来的。
NexT:Hexo的优雅主题-开源
04-26
一个主题，三个外观，选择您的主题。 通过主题中的主题（也称为Scheme），您可以轻松更改博客的外观，几乎所有... 除了Markdown支持的语法外，NexT还使用Hexo提供的标签功能为您在编写文档时快速插入特殊样式的内容。
第21天：信息打点-公众号服务&Github监控&供应链&网盘泄漏&证书图标邮箱资产
weixin_48613011的博客
04-18 821
根据攻击目标的域名在GitHub上进行，如果目标网站的文件与搜索到的源码相关，那就可以联想目标网站是否使用这套源码进行开发。
Github进行fork后如何与原仓库同步
最新发布
一名普通码农的菜地
04-24 110
fork了一个仓库以后怎么同步源仓库的代码？
redis主从
CSDN_HZW的博客
04-18 720
当从节点与主节点建立连接时，从节点会向主节点发送一个包含自己当前复制偏移量的请求，以告知主节点自己上一次复制到的位置。如果主节点的运行 ID 与从节点的期望一致，并且主节点的挤压缓冲区队列中仍然包含从节点所需的数据，则主节点会使用部分重同步机制来向从节点发送丢失的数据，从而实现断线重连后的数据恢复和继续复制。：主节点收到从节点的请求后，会检查从节点的复制偏移量是否仍然在主节点的挤压缓冲区队列中。：主节点收到从节点的请求后，会检查从节点的复制偏移量是否仍然在主节点的复制缓冲区中。，用于存储写命令的缓冲区。
GitHub的使用
十一、的博客
04-19 807
Git 是一个分布式版本控制系统，可以帮助您和您的团队有效协作，同时保证项目历史记录的安全Emacs全称为Editor MACroS（宏编辑器），最初由Richard Stallman于1975年在MIT与Guy Steele共同开发。它不仅是一个文本编辑器，还具有许多其他功能，使其更像是一个集成开发环境（IDE）多功能性：除了基本的文本编辑功能，Emacs还提供了大量的编程工具，如代码编译、调试、版本控制等。它还支持多种编程语言和环境。
hexo next博客
05-25
Hexo Next 是一个非常受欢迎的 Hexo 主题，它具有许多功能和可定制选项，可以使您的博客看起来非常专业。 ...如果您需要自定义 Hexo Next 主题，请查看官方文档，其中包含了详细的配置选项和示例。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值