hexo Blog 美化篇_1

最新推荐文章于 2025-03-19 18:09:44 发布
最新推荐文章于 2025-03-19 18:09:44 发布
阅读量1.1k 收藏 4
点赞数
文章标签： webview p2p html hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liegu0317/article/details/121866375
版权
本文介绍了如何使用Hexo博客框架搭配Fluid主题进行个性化定制，包括主题安装、门面整理、aboutPage修改等。通过修改_config.fluid.yml文件，开启导航栏毛玻璃特效，调整首页布局，以及丰富文章信息，实现了博客的美观升级。同时，展示了关于友链页的添加和图标使用。最后，分享了博客部署的命令。

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

hexo作为一个快速、简洁高速的博客框架,拥有众多用户,也因此theme也非常丰富

直接在GitHub上搜索hexo theme就可以找到许多好看的主题

这里我使用的是名叫  Fluid  的主题，他和其他使用量比较大的theme一样其  官方文档 是相当丰富

目录

1.主题安装与指定

​

2.theme 细节 DIY

2.1整理门面

2.2修改about Page

这是我的博客

参考资料：

1.主题安装与指定

​

2.theme 细节 DIY

2.1整理门面

2.2修改about Page

这是我的博客  ↓

参考资料：

1.主题安装与指定

官方文档说的很明白，这里就不做过多赘述了

点击查阅官方文档

补充: 可以在博客根目录 右击 Git Bash Here   查看hexo 版本

hexo -v

2.theme 细节 DIY

2.1整理门面

包括：

页头和首页

最低0.47元/天 解锁文章
Hexo博客项目：页面美化
修行的凡人的博客
03-10 572
基于Hexo架构，快速搭建Hexo博客
Hexo博客美化及功能增添
Reply_的专栏
01-21 1038
Hexo博客美化及功能增添 补充上一篇------Mac下使用Hexo+Github搭建个人博客 6.Hexo博客美化及功能增添 1）选主题 Hexo官网：https://hexo.io/themes/ 里面有特别多的主题可以选择，我在这里选的是next这个主题。下载主题： cd ~/blog git clone https://github.com/iissnan/hexo-theme-next...
Hexo博客美化
houwhu的博客
03-25 2302
Hexo博客美化 我们搭建好自己的博客以后，可以在hexo官网的 主题 中选择自己喜欢的博客主题，可以直接在主题中点开预览主题样式或者打开主题项目的 github 地址，将该主题下载到我们自己的博客项目中的 theme 文件夹中，然后在 _config.yml 文件中找到 theme 修改为你主题的名字，重新编译启动你的项目，就可以替换为你喜欢的主题了。当然除了更换主题为，你也可以自定义你自己的主题，修改它的样式，或者干脆按照自己理想的布局和样式来自己属于自己的完美主题。除此之外，我们的博客还可以支持一些第
hexo+butterfly博客功能完善和美化（二）
最新发布
m0_74795952的博客
03-19 1050
到此就基本告一段落了，网站已经基本成型了，该有的也都有了后续看笔者精力再加入图片点击放大、评论区、在线聊天之类的功能吧尽量这周把如何上传博客给大家更新出来（但是今天耽搁一天考研的东西还没学（悲 ）这是笔者做完上述功能和美化后的，欢迎大家来访问Darling的妙妙屋博客也就是为了测试功能随便传了两篇，后续我去试试在本地hexo上传再加hexo d部署和用git直接传到github有啥区别，感觉应该是一样的，如果只是上传博客的话，我完了试试再说（当然我测试传的那篇就是git使用，感兴趣的可以看看）
Hexo 博客优化之博客美化系列（持续更新）
热门推荐
BOB'S BLOG
12-30 5万+
Hexo 博客优化之博客美化系列，预览地址：www.itbob.cn
hexo美化
然而
10-04 845
Hexo个性化搭建笔记 美化 1.hexo博客的启动 1.首先在命令面板中进入到博客建设目录 在输入启动命令 hexo s -p 5555 这个端口号可以自己设的 只要不冲突 问题就不大 解析 hexo 是博客 s是启动 5555是调动的端口 2.语言配置 1.官方文档给的是修改站点配置文件，将language设置你所需要的语言 官方文档代码是zh-Hans [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7LBKRYgf-1601793470031)(https:/
Hexo博客之博客美化
凌枫ozo的博客
08-29 920
https://lqgjava.github.io/2019/08/24/Hexo博客之博客美化/ 只需阅读这一篇文章，就可以让你的博客变得丰富多彩，有添加卡通人物，添加鼠标点击爱心，添加鼠标指针样式 添加彩色滚动变换、添加背景音乐、添加动态彩带等，环境访问我的新博客，让我们一起去打造属于自己的专属博客吧！ ...
Hexo 美化优化配置（持续更新）
jieruis的博客
01-23 2121
文章目录添加网站运行时间添加文章边框阴影效果在Hexo博客中插入图片src 链接本地绝对路径本地相对路径Base64 格式参考链接和工具相册某某地方玩广告新建文章时，在相同目录下创建同名文件夹（便于图片管理）评论系统 添加网站运行时间 一个比较好的小功能，可以看见自己的博客运行多久了，时间一天天的增加，成就感也会一天天增加的 在 \themes\hexo-theme-spfk\layout_partial\footer.ejs 文件下添加以下代码：` <span id="timeDate">载入
Hexo博客优化之Next主题美化
huangpiao
01-26 5万+
前言 有了前面几篇博客的介绍，我们就可以很容易的搭建并编辑我们的博客了，不过既然是属于自己的博客网站，自然也就想让其更加美观，更有意思，所以呢我下面介绍一下Hexo博客的主题美化操作。 1. Next主题 Hexo博客支持很多主题风格，其中Next主题是Github上Star最多的主题，其一直在更新维护，支持非常多的外部插件和功能选项。我目前使用的是Next6.0版本，下面我会介绍基于Ne...
Hexo博客之主题美化
雨希的博客
07-01 1657
据说 NexT 是使用最多的Hexo主题，原因当然是比较漂亮啦！这个项目托管于github上，你可以fork一下，贡献代码。NexT官网上面给出了详细的主题配置过程，这里只是我的博客使用的一些配置以及NexT网站上配置中需要补充的部分。如果你是从头开始配置，请参考NexT官网。这篇文章介绍NexT主题的主题配置、第三方服务、内建标签、个性化设置等，通过这篇文章你就可以让你的博客个性十足奥！ 站...
hexo的美化——拓展篇
Jeff_的博客
04-29 3983
基础知识 css样式 hexo/themes/next/source/css/: 是next主题的样式文件，决定主题的外观。 hexo/themes/next/source/css/main.styl：汇总css文件夹中所有的样式。 hexo/themes/next/source/css/ _custom/custom.styl：是空的，专门让开发者扩展。 修改css 进入网页,F12进...
基于Next5主题美化的一款hexo博客主题
08-08
基于Next5主题美化的一款hexo博客主题
Hexo搭建个人博客（二）——页面美化
超人不会飞
11-25 3235
写在前面：博主采用NexT.Mist v5.1.4版本主题，以下教程基于此版本进行配置。完成以下配置后，即可实现博客网站的全局设计，以后只需要专注于博客内容。如果需要增加或调整样式的，需要重新查阅相关资料进行配置。如果还没有搭建博客框架的小伙伴可以参考上一篇文章《Hexo搭建个人博客（一）——框架搭建》 目录 1、网站名称：  2、网站图标 3、顶部加载进度条 4、动态背景 5、红心点...
Hexo美化
MINGgoS的博客
02-11 964
Hexo添加豆瓣个人页面 安装hexo-douban插件 npm install hexo-douban --save-dev 在博客站点的配置文件 _config.yml 中添加以下内容（注意：不是主题的配置文件） # hexo-douban douban: user: xxxx # 你的豆瓣ID builtin: true book: title: '那些年，我翻阅过的书' quote: '思想和身体，总有一个在路上' movie: title: '那
搭建+美化hexo博客(让你拥有自己的博客)
旦願的博客
04-03 243
安裝必备软件 软件安装 首先我们需要安装git、node.js、npm、hexo git的安装 首先更新ubuntu存储库的软件包索引号 sudo apt-get update 安装git sudo apt install git 验证并检查git的安装版本 git --version 配置git 此时我们需要配置自己的用户信息 git config --global user.name "...." git config --global user.email "...." nod
hexo主题美化，让你的博客焕然一新
m0_57800664的博客
08-03 1525
全文建议配合梯子食用 hexo主题美化，让你的博客焕然一新 上篇博客中，我讲完了如何利用hexo和githubpage初步在你的ubuntu上搭好一个博客网站，但这样搭出来的网站显然不太符合我们代码人的口味(可能只有我不太喜欢？)。而这篇博客就是教你让你的hexo换个主题，并且做yi点点自定义的美化，本文选用的博客的主题是matery，也是我的博客正在使用的主题。 matery主题 matery主题是一个采用Material Design和响应式设计的 Hexo 博客主题，这是它的github仓库地址，点击
hexo本地博客美化
小章的编程日记
08-10 550
选项中的所有内容均为非必填的。但我仍然建议至少填写title和date的值。配置选项默认值描述titleMarkdown的文件标题文章标题，强烈建议填写此选项date文件创建时的日期时间发布时间，强烈建议填写此选项，且最好保证全局唯一author根中的author文章作者img中的某个值文章特征图，推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如:toptrue推荐文章（文章是否置顶），如果top值为true，则会作为首页推荐文章coverfalsev1.0.2。
如何美化hexo主题
liulang68的博客
11-28 687
如何使用码云搭建博客 1.首先从hexo下载一个主题 下载地址 2.这里我们直接通过git下载到 3.下载好以后然后我们修改一下配置文件 4.最后重新部署到码云 接下来就是解决这些bug了 接下来的操作 <img src="<%=theme.avatar%>" class="js-avatar show"> <img src="<%=theme.avatar%>" class="js-avatar show" style="width: 10
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱吃豆皮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值