Hexo 修改导航栏、标签、分类、归档图标，一分钟搞定

最新推荐文章于 2023-06-01 12:34:20 发布
最新推荐文章于 2023-06-01 12:34:20 发布
阅读量2.4k 收藏 11
点赞数 1
分类专栏： Hexo魔改系列 文章标签： hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h_kaka/article/details/119655493
版权

图标太丑想要改下

在这里插入图片描述

在主题配置文件_config.yml下 找到Menu配置

在这里插入图片描述

发现这是Font Awesome的图标库
选择一个好看的图标点击进去，然后复制名称

在这里插入图片描述

将原来的图标名称修改

在这里插入图片描述

然后就变好看，很过图标可以自己选（选择困难症慎用！！！！）

在这里插入图片描述

Hyper9999
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
hexo 菜单_Hexo添加导航书签
weixin_33840959的博客
01-02 1636
添加书签导航 导语虽然浏览器中能保存各种各样的书签,但是同步是一个问题,展现又是另外一个问题,所以顺便在hexo中创建一个类书签导航.访问:https://wenyan.online/navigate/ 查看效果1.创建资源文件夹按照官网的说明,source文件存放了除去文章之外所有的资源(css\js\images),所以我们的文件要创建在这里.新建一个 navigate目录❯mk...
【Hexo】nexT主题使用攻略基础——添加分类、标签及关于
weixin_48927364的博客
03-05 5391
本文针对的是Windows环境下，添加Hexo博客的文章 分类、 标签以及关于三处属性，以nexT主题为例，其他主题仿此，大同小异。添加成功后会在侧边栏或导航栏生成“分类”、“标签”、“关于”这三个选项，以提升浏览体验。
hexo博客添加标签、分类、归档、关于等页面
玖涯博客
11-30 1万+
写在前面 在使用主题后，顶部导航多出了标签页、分类页、归档页和关于页等界面，点击之后出现了“Cannot GET /XXX/”问题，这是因为我们没有添加对应的页面，本文章主要描述了怎么添加这些界面，直到后面怎么添加一个导航选项。 本文使用到的东西 win10电脑 hexo 1.查看主题 要添加导航中的页面，首先我们得知道主题需要什么界面。 1.打开我们博客所在的目录，进入我们使用的主题的目录“...
hexo-web-push-notification:hexo插件可帮助您通知读者新的帖子更新
04-30
hexo-web-push-notification hexo插件可帮助您在每次部署新帖子时自动通知读者新帖子更新。 订阅的读者可以收到有关您最新帖子的浏览器通知。 通知将包含标题和摘录。 单击它会将读者带到您的最新帖子。 提醒：如果您选择不接收通知，则直到15天后才会显示提示。 要求 该插件依赖于 ，这是一个免费的Web推送通知服务。 因此，请确保您已经注册并将站点添加到webpushr。 如果您希望通知适用于Safari，请记住设置Safari证书。 这是。 不用担心将webpushr集成到您的站点中。 该插件将为您实现这一目标。 安装 npm i hexo - web - push - notification -- save 用法 将配置添加到十六进制根目录中的_config.yml 。 webPushNotification : webpushrKey : " your
Hexo：Butterfly主题魔改之头部导航栏
最新发布
weixin_42464282的博客
06-01 1602
Butterfly主题魔改之头部导航栏
[博客搭建] Hexo 设置标签/分类/归档相关页面
Coder编程的博客
05-13 1464
点击上方“Coder编程”，选择“置顶公众号”技术文章第一时间送达！每天进步一点，不做curd工程师与Api调用工程师前言 最近晚上有时间就忙着倒腾自己的博客网站：https://www...
开源OJ—hydro部署教程(1)
城南蝈蝈
06-20 2683
原文链接：这里 0.前言 前面的文章中我们部署了QingdaoUOJ，这篇文章中我们尝试部署hydroOJ。 hydroOJ官方网站 本机环境：centOS7.5 + 宝塔面板7.5。 需要环境mongoDB、nodejs、yarn、PM2。其中yarn可以通过宝塔的PM2管理进行安装。如果没有宝塔非常推荐使用nvm 安装nodejs。 1.初步运行 装完了上面的环境，我们执行下面的程序安装hydro。 yarn global add hydrooj @hydrooj/ui-default 然后我们执行下面
hexo-tag-cloud:然而，这只是 hexo 的另一个标签云插件
05-30
然而，这只是 hexo 的另一个标签云插件。 看起来如何 您可以点击查看在线现场演示 如何使用 安装 进入您的hexo系统文件夹，然后将独立性"hexo-tag-cloud": "2.1.*"到package.json 然后执行npm install命令 那么您...
hexo-tag-steam:为Hexo嵌入Steam标签插件
05-10
为Hexo嵌入Steam标签插件。 演示 入门 安装 npm install hexo-tag-steam --save 用法 {% steam https://store.steampowered.com/app/286000/Tooth_and_Tail/ %} 还是这样？ {% steam 286000 %} 定制 该嵌入具有....
hexo-tag-twitter：为Hexo嵌入twitter tweet标签插件
02-06
介绍这是一个Hexo标签插件，允许您将Twitter tweet嵌入到博客文章中。演示安装npm install hexo-tag-twitter --save用法{% twitter tweet-url %}要么{% twitter tweet-id user-id %}如果仅使用tweet-id ，请编辑_...
hexo-theme-blank:一个简单的 hexo 主题
05-30
hexo-theme-blank a simple hexo theme Demo Screenshots How to use 安装 在hexo根目录 git clone https://github.com/a2396837/hexo-theme-blank.git themes/blank 修改站点配置文件_config.yml，把主题改为blank ...
hexo-theme-Daily:Hexo的一个简单主题
05-04
Hexo（4.x版）的一个简单主题。 演示： :backhand_index_pointing_right: 或 :backhand_index_pointing_left: 截屏 用法 （可选）在root目录中指定Hexo版本 :red_exclamation_mark: 此主题最大支持的hexo版本4 $ ...
hexo next 解决自定义侧边栏用户社交链接小图标 custom sidebar social icon
牛奶牛撕面包的博客
02-03 2068
solution review next主题下侧边栏社交链接小图标默认从FontAwesome网站获取图标，但是国内某些网站，如Bilibili，网易云等等，并不支持。 博主希望能够自定义各种侧边栏小图标，目前搜索到的教程并不能解决该问题。 hexo+next主题侧边栏社交小图标设置的问题 Hexo + NexT 通过自定义样式添加 Bilibili 图标 NexT sidebar setting document 经过一番尝试后，最终解决，效果图如下： 博主使用的版本号为： hexo: 5.4.1 he
Hexo博客技巧：侧边栏添加历史上的今天卡片
Amnesia-Fu的博客
05-11 973
前言 本来想自己写教程的，无奈太简单了，都没什么好写，直接搬作者的教程过来好了。 原文：小冰博客：基于butterfly主题的历史上的今天 2.0重置版 什么是历史上的今天？ 这个要从我还是一个小白说起，当时刚开始写博客，只会 jquery 的我为了练手，写了最初的历史上的今天项目。当时说实话，其实我的前端知识有限，套用了一个基于 jquery 的滚动模板，老实说只能是东拼西凑的产物。但这个作品却得到了好评，并在前几天还有人在问我有关历史上的今天部署的问题。考虑到 butterfly 已经完全去了 jque
Hexo+Next主题的一些实用插件和美化升级
a171232886的博客
01-08 2681
Hexo+Next主题的一些实用插件添加右上角图标folk github添加站内搜索主页显示项目动态效果moon-cake 进度显示和上下滑动代码颜色致谢 添加右上角图标folk github 找到自己喜欢的样式：http://tholman.com/github-corners/, 并复制代码 打开： E:\Blog\themes\next\layout_layout.njk，添加 <div class="headband"></div> <!--找到大概23行代
hexo日志的自动分类插件
Cryu_xuan的博客
02-09 1023
title: 日志的自动分类插件 tags: hexo-auto-category cover: ‘https://gitee.com/chuyuxuan/tuc/raw/master/hexo_auto_category/4.png’ categories: 技能 hexo配置相关 date: 2020-02-08 21:00:00 简介 Hexo写日志，通常我们都需要维护一个fron...
butterfly主题的下载及美化
唯有努力，方可自信！
08-14 3095
hexo个人博客搭建之butterfly主题设置
hexo博客使用hexo-admin插件管理文章
热门推荐
玖涯博客
12-04 1万+
写在前面 本文主要描述了怎么使用hexo-admin插件，hexo-admin的基本配置问题，各种问题。文章可能还有很多不足，请大家谅解，欢迎大佬提意见。 本文使用的东西 win10电脑 hexo 3.1.0 hexo-admin 2.3.0 文章目录写在前面本文使用的东西1.安装2.使用2.1普通使用2.2安全设置2.3 hexo-admin新建文章设置参数2.4linux自动提交脚本总结 ...
Hexo调整
我的博客
05-14 309
环境 Hexo v4.2.0 + NexT v7.7.2 问题 对于博客的结构有一些调整需求 更改博客语言； 在主页菜单内增加标签、分类、关于的入口，并调整在导航栏内顺序 更换NexT主题自带风格。 解决方案 更改博客语言 将Hexo目录中_config.yml文件内language处修改为主题内语言包名称。 # Site language: zh-CN #修改此处 以本人为例，语言包地址为~/Hexo/themes/next/language/内的zh-CN.yml，因此参数修改为zh
如何为hexo添加导航指向的页面
04-07
要为Hexo添加导航指向的页面，请按照以下步骤操作： 1. 在Hexo的source文件夹中创建一个新的文件夹，命名为你想要的页面名称，比如about。 2. 在新创建的文件夹中创建一个index.md文件，这将是你页面的主要内容文件。 3. 在index.md文件中添加你想要的内容，可以使用Markdown语法编写。 4. 在Hexo主题的_config.yml文件中添加新页面的导航链接。在menu部分添加以下代码： ``` menu: Home: / Archives: /archives Categories: /categories Tags: /tags About: /about/ ``` 注意：以上示例中的About是新页面的名称，需要与新创建的文件夹名称相同。 5. 保存_config.yml文件并重新生成静态文件： ``` hexo generate ``` 6. 将生成的文件部署到服务器上： ``` hexo deploy ``` 现在你就可以在你的Hexo网站上看到新页面的导航链接了，并且点击链接可以访问新页面的内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值