Hexo-next主题美化

最新推荐文章于 2025-06-27 09:25:00 发布
最新推荐文章于 2025-06-27 09:25:00 发布
阅读量1.1k 收藏 4
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Hexo-Blog 文章标签： Blog Hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yue_luo_/article/details/84501049
本文详细介绍如何使用Hexo快速搭建个人博客，无需云服务器，可直接部署于GitHub。文章涵盖环境配置、主题美化及实用插件推荐，适合零基础用户轻松上手。

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

Hexo优点

个人认为Hexo博客搭建较为简单，适合零基础人群，且因其为静态部署，无需云服务器，可挂载到GitHub上，实现站长之梦。

配置

这里不详细介绍了，想搭建的小伙伴可查看这篇文章
使用Hexo搭建博客–环境配置

美化

关于Next主题的美化教程众多，这里不一一介绍，我会再下面独立成章一些个人认为比较有用的美化教程，其余可参考以下博客：

独立成章的在这里ฅ՞•ﻌ•՞ฅ

划重点

可直接进入本人博客查看，欢迎留言ฅ՞•ﻌ•՞ฅ

yueluo’s Blog
Hexo-Next主题配置
cike626的博客
08-13 1171
Hexo-Next主题配置 文章目录Hexo-Next主题配置一、Next主题配置1、网站的图标2、个人头像3、社交链接4、文章版权说明5、显示文章预计阅读时间5.1、前言5.2、安装部署二、其他插件1、文章永久链接2、优化tag，变成彩色的tags3、next主题修改背景图片 一、Next主题配置 1、网站的图标 设置网页上显示的图标 favicon:
hexo+next博客美化——增加插件
z7sz的博客
06-21 997
hexo+next博客美化——增加插件
基于Next5主题美化的一款hexo博客主题
08-08
基于Next5主题美化的一款hexo博客主题
hexo+next博客主题文件美化
z7sz的博客
06-21 453
hexo+next博客美化——主题文件美化
Hexo-Theme-Apollo 主题使用指南：打造极简高效的博客系统
最新发布
gitblog_00454的博客
06-27 330
Hexo-Theme-Apollo 主题使用指南：打造极简高效的博客系统 主题概述 Hexo-Theme-Apollo 是一款专为 Hexo 静态博客框架设计的主题，以其极简风格和高效性能著称。该主题采用响应式设计，确保在各种设备上都能提供良好的阅读体验。作为一款专注于内容呈现的主题，Apollo 去除了冗余的设计元素，让读者能够专注于文章内容本身。 安装与配置 基础环境准备 在开始使用 Apol...
hexo next主题简单美化
Lancis的博客
07-16 675
改变页面的字体大小 打开 themes\next\source\css_variables\base.styl，该文件保存了一些基础变量的值，我们找到$font-size-base，将值改为16px。 // Font size $font-size-base = 16px 这个文件里定义了很多常量，有兴趣的可以自己去琢磨琢磨，修改一些其他的变量。 文章启用tags和categories 可能是该版本的NexT主题的关系，在我第一次使用NexT主题时，折腾了很久都没办法让菜单栏里的ta
2019Hexo博客Next主题深度美化 打造一个炫酷博客(2)-奥怪的小栈
奥怪的小栈
07-24 1177
本文转载于：2019Hexo博客Next主题深度美化 打造一个炫酷博客(2)-奥怪的小栈 这篇文章告诉你在搭建好博客后,面对网上千篇一律的美化教程怎么才能添加自己独特点,使人眼前一亮. 本站基于 HEXO+Github 搭建。 所以你需要准备好HEXO+Github等相关软件和工具。详细我会在下面放出。 前言 由于网上已经有很多而且很详细的hexo搭博客教程了，我就不再学习他们，把全部过程都...
Hexo NexT 7.7 最新版本主题美化
Glooow的博客
03-11 866
网上很多关于主题美化的教程都是老版本 next 5.1 的，最近更新到 next 7 之后摸索了好久才找到简单有效的自定义主题方式，下面是具体的操作。 修改主题下 _config.yml 文件，找到下面这一部分，也即注释掉最后一行 custom_file_path: #head: source/_data/head.swig #header: source/_data/header.sw...
百度地图java源码下载-hexo-theme-next5-polished::sun_behind_large_cloud:基于Next5主题美化的一款hexo博客主题
06-06
基于Next5主题的一款美化的hexo博客主题 效果预览地址： :warning: 注意并不能保证网站的样式与本仓库中样式一致，如果你会修改 CSS 样式的话，可以继续在此基础上魔改 Next 主题。 使用方法 使用 GitBash，进入到...
Hexo Next主题美化归档页
silent_F的博客
11-17 677
hexo静态博客归档页美化后如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SNhodaeR-1668696786555)(https://s1.ax1x.com/2022/11/03/xqsc7T.jpg)]由于笔者使用的是next主题最新版本，所以网上很多方法都没有行通。于是便记录下来，方便作者自己，也方便和我有同样问题的朋友。
Hexo搭建个人博客系列【七】- Butterfly主题使用及美化
viman3344的专栏
07-26 1905
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
hexo-NexT主题的美化
weixin_43402104的博客
11-08 1125
这一篇记录一下怎么一步步的美化，后面如果没有什么大的改动的话，美化的东西就在这一篇里面写了
hexo+next主题美化
qq_40590778的博客
03-02 1384
一、站点配置 1、设置 hexo 的 next 主题 我们在站点的配置文件_config.yml 中找到 theme 后添加： theme: next # 配置成刚下载的next主题 2、配置 hexo 网站相关信息 我们在站点的配置文件_config.yml 中，修改： # Site title: # 网站标题 subtitle: # 网站副标题 descrip...
Hexo中Next主题个性化美化的解决方案
CodeLuweir 的博客
06-29 3468
目录1、Next主题的启用2、更改Next主题为中文3、添加标签页和分类页4、正确打开标签页和分类页5、主题样式的更改6、更改图像7、更改标题、作者和链接8、启动侧边栏社交链接9、启用友情链接10、新建一篇文章11、markdown基本使用插入链接插入图片/文件斜体粗体插入代码块引用分割线12、开启打赏功能13、开启订阅公众号14、设置头像为圆形可旋转15、首页文章设置阅读全文16、添加动态背景17、给博客添加fork Github18、修改文章内链接样式19、怎样修改文章底部#标签式样20、增加Valin
hexo搭建个人独立博客 | NexT主题深度美化方案
热门推荐
隐秀_
07-28 1万+
NexT主题定制优化   使用Hexo来搭建静态网站已经越来越简单，网上的教程也有很多，所以在这里主要讲一下我的美化方案，先给大家看一下我的样式（慢慢死宅气2333）： 我的网站链接 主题 NexT: NexT.Gemini 评论 livere 搜索 Swiftype 托管 国内：Coding Pages 国外: GitHub ...
hexo Next美化
weixin_61633772的博客
05-08 613
点击爱心效果 在路径：我的博客/themes/next主题/source/js/source下新建文件clicklove.js 里面的内容是： ! function(e, t, a) { function n() { c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: r.
Next主题美化
bugcat的博客
05-22 980
Next主题美化 最近使用hexo的next主题在github上搭建了一个博客，但是发现这个next主题并不完全是自己想要的，所以还需要美(zhe)化（ten）一下。主要折腾了三个方面： 鼠标点击特效 个性化回到顶部 打字特效 上传文件中带有READ.md 鼠标点击特效 添加鼠标点击礼花特效????，效果如下 在themes\next\source\js\cursor\目录下 创建fireworks.js，具体fireworks.js的内容可以点击????fireworks.js进行查看(不展示因为
next主题美化——背景图片、页面透明化、阴影、圆角、动画
Growing_potato的博客
02-22 5002
本文首发于我的个人博客 前言：NexT 主题本身是没有背景图片的，显得有点单调，博主觉得没有背景图片显得我的博客很丑，于是就想添加一个背景图片 next版本：8.2.1 添加背景图片 把想设置的背景放入./themes/next/source/images中，命名为background.jpg。在根目录的source文件夹下新建文件夹_data与style文件source/_data/styles.styl，输入以下代码 body { background:url(/images/backgroun.
Next5美化版Hexo博客主题开发介绍
#### 基于Next5主题美化的一款hexo博客主题 1. **Hexo博客系统**：Hexo是一个快速、简洁且高效的博客框架，使用Markdown（或其他渲染引擎）解析文章，在Node.js环境下执行。其核心理念是将博客视为静态页面，使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值