当前位置： 首页 > news >正文

Halo-Theme-Hao文档：如何设置导航栏？

news 2026/5/13 18:20:36

本篇文章会教你如何配置导航栏，最终效果参考如下。

感谢 Lanbin、小孙同学 等同学的贡献（语雀参与编辑）。

alt

1标题

  1. 进入站点后台
  2. 点击左侧面板中的 主题
  3. 点击上方的 导航
  4. 修改 标题字段即可
alt

2主菜单

主菜单即网站导航栏中间部分的菜单

  1. 进入站点后台
  2. 点击左侧面板中的 菜单
  3. 点击 主菜单
  4. 点击右上角的 新增
  5. 可以通过拖拽调整缩进，从而创建子菜单
  6. 填写相应表单即可
alt
alt

3标题左侧相关链接

alt
  1. 进入站点后台
  2. 点击左侧面板中的 菜单
  3. 新增一个菜单，如 媒体
  4. 按照自己的需求 新增菜单项
  5. 点击左侧面板中的 主题
  6. 点击顶部的 导航
  7. 将 导航栏左侧相关链接设置成你刚刚新建的菜单即可

版本>=1.3.2起，顶部菜单理论支持无限级，并且可自由配置菜单的显示方向

alt
alt
alt

4如何取消左上角导航

暂时没有办法进行取消，这里与主题无关，如果需要取消，建议创建一个空菜单，然后选择空菜单即可。

5导航栏图标

不仅仅可以对主菜单设置图标，还可以对左上角导航设置，可以参考下面教程进行配置。

主题图标配置

图标地址

https://npm.onmicrosoft.cn/hao-theme-static@1.3.7/icon/demo_index.html

选择 Font class，找到自己喜欢的图标，复制名字即可，注意名字不带.

alt
使用方式

在创建菜单时，可以选择设置图标，图标格式为 haofont xxxxx，注意前缀为 haofont

alt

自定义导航栏图标

自定义导航栏图标：https://www.yuque.com/liuzhihangs/halo-theme-hao/ggo7mvpfssaxfa35

本文由 mdnice 多平台发布

相关文章：

Halo-Theme-Hao文档：如何设置导航栏？

本篇文章会教你如何配置导航栏，最终效果参考如下。 感谢 Lanbin、小孙同学 等同学的贡献（语雀参与编辑）。 1标题 进入站点后台 点击左侧面板中的 主题 点击上方的 导航 修改 标题字段即可 2主菜单 主菜单即网站导航栏中间部分的菜单 进入站点…...

编程日记 2023/10/17 5:21:27

【Java学习之道】Java网络编程API介绍

引言 在Java中，进行网络编程的主要方式是通过Java网络编程API。这些API提供了一组类和接口，用于创建网络应用，如TCP和UDP通信、URL访问等。在这一节中，我们将带你领略Java网络编程API的魅力。 一、InetAddress InetAddress类是表…...

编程日记 2023/10/17 5:20:26

[论文笔记]SimCSE

引言 今天带来一篇当时引起轰动的论文SimCSE笔记，论文题目是 语句嵌入的简单对比学习。 SimCSE是一个简单的对比学习框架，它可以通过无监督和有监督的方式来训练。 对于无监督方式，输入一个句子然后在一个对比目标中预测它自己，仅需要标准的Dropout作为噪声。这种简单的…...

编程日记 2023/10/17 5:19:25

设置按键中断，按键1按下，LED亮，再按一次，灭按键2按下，蜂鸣器响。再按一次，不响按键3按下，风扇转，再按一次，风扇停

src/key_it.c #include"key_it.h" //GPIO初始化 void all_led_init() {//RCC使能RCC->MP_AHB4ENSETR | (0X1<<4);//设置PE10 PF10 PE8为输出GPIOE->MODER & (~(0X3<<20));GPIOE->MODER | (0X1<<20);//设置推挽输出GPIOE->OTYPER…...

编程日记 2023/10/17 5:18:25

深拷贝和浅拷贝的主要区别

在JavaScript中&#xff0c;深拷贝和浅拷贝的主要区别在于它们处理对象属性的方式。 浅拷贝&#xff08;Shallow Copy&#xff09;只复制对象的引用&#xff0c;而不是实际的对象。因此&#xff0c;如果你修改了复制的对象&#xff0c;原始对象也会受到影响。 深拷贝&#xf…...

编程日记 2023/10/17 5:17:24

Git Cherry Pick的使用

cherry-pick命令的基本用法 cherry-pick命令的基本语法如下&#xff1a; git cherry-pick <commit>其中&#xff0c;<commit>是要应用的提交的哈希值或分支名。该命令会将指定的提交应用到当前分支上&#xff0c;并创建一个新的提交。 使用场景 cherry-pick命令…...

编程日记 2023/10/17 5:16:23

vue3后台管理框架之基础配置

配置vite.config.js import { defineConfig } from viteimport vue from vitejs/plugin-vueexport default defineConfig(({ command, mode }) > {//const env loadEnv(mode, process.cwd(), ) //获取环境变量return {// 打包devbase: ./,// 开发环境server: {port: 5002,…...

编程日记 2023/10/17 5:15:22

Easysearch压缩模式深度比较：ZSTD+source_reuse的优势分析

引言 在使用 Easysearch 时&#xff0c;如何在存储和查询性能之间找到平衡是一个常见的挑战。Easysearch 具备多种压缩模式&#xff0c;各有千秋。本文将重点探讨一种特别的压缩模式&#xff1a;zstd source_reuse&#xff0c;我们最近重新优化了 source_reuse,使得它在吞吐量…...

编程日记 2023/10/17 5:14:21

扩散模型的系统性学习（一）：DDPM的学习

文章目录 一、学习的资料1.1 对于扩散模型的发展过程的综述1.2对论文中涉及的公式以及公式对应的代码的解读1.3github中对于各模型实现的代码1.4相关基础知识的学习 二、DDPM的学习2.1 DDPM总体知识的梳理2.2相关代码的解读2.2.1unet 代码块2.2.2高斯扩散代码块2.2.3 实验流程代…...

编程日记 2023/10/17 5:13:20

注意力屏蔽（Attention Masking）在Transformer中的作用 【gpt学习记录】

填充遮挡&#xff08;Padding Masking&#xff09;&#xff1a; 未来遮挡&#xff08;Future Masking&#xff09;&#xff1a;...

编程日记 2023/10/17 5:11:17

MyBatisPlus详解

前言： 📕作者简介：热爱编程的小七，致力于C、Java、Python等多编程语言，热爱编程和长板的运动少年！ 📘相关专栏Java基础语法，JavaEE初阶，数据库，数据结构和算法系列等，大家有兴趣的可以看一看。 😇😇😇有兴趣的话关注博主一起学习，一起进步吧！ 一、MyBatis…...

编程日记 2023/10/17 5:10:15

组合数的计算

C: 即从a个元素中选取b个元素的组合数。 LL C(int a, int b) {LL res 1;for (int i a, j 1; j < b; i --, j )res res * i / j;return res; } A: 表示从a个元素中选取b个元素进行排列的情况数。 LL P(int a, int b) {LL res 1;for (int i a; i > a - b; i--){res…...

编程日记 2023/10/17 5:09:14

linux之shell记录

shell属于一种很容易学习的程序设计语言&#xff0c;依赖于功能强大的命令可以编写提高开发效率的脚本。这里记录一下常用的shell相关的知识点。 持续更新中。。。 1、在linux或mac中查看使用的shell echo $SHELL /bin/bashshell是一种脚本语言&#xff0c;就会有解释器来执行…...

编程日记 2023/10/17 5:08:12

外卖大数据案例

一、环境要求 HadoopHiveSparkHBase 开发环境。 二、数据描述 meituan_waimai_meishi.csv 是某外卖平台的部分外卖 SPU&#xff08;Standard Product Unit &#xff0c; 标准产品单元&#xff09;数据&#xff0c;包含了外卖平台某地区一时间的外卖信息。具体字段说明如下&am…...

编程日记 2023/10/17 5:07:11

到底什么是5G-R？

近日&#xff0c;工信部向中国国家铁路集团有限公司&#xff08;以下简称“国铁集团”&#xff09;批复5G-R试验频率的消息&#xff0c;引起了行业内的广泛关注。 究竟什么是5G-R&#xff1f;为什么工信部会在此时批复5G-R的试验频率&#xff1f; 今天&#xff0c;小枣君就通过…...

编程日记 2023/10/17 5:06:10

uniapp 使用和引入 thorui

1. npm install thorui-uni 2. "easycom": { "autoscan": true, "custom": { "tui-(.*)": "thorui-uni/lib/thorui/tui-$1/tui-$1.vue" } }, 3....

编程日记 2023/10/17 5:04:07

vue3中ref和reactive的区别

原文地址 深入聊一聊vue3中的reactive()_vue3 reactive_忧郁的蛋~的博客-CSDN博客 ref和reactive的区别-CSDN博客 理解&#xff1a; 1.ref是定义简单类型 和单一的对象 2.reactive 定义复杂的类型 梳理文档&#xff1a; ref和reactive都是Vue.js 3.x版本中新增的响应式API&…...

编程日记 2023/10/17 5:03:07

文件路径操作

避开-转义字符 python文件路径导致的错误常常与“\”有关&#xff0c;因为在路径中的“\”常会被误认为转义字符。 所以在上述路径中&#xff0c;\table\name\rain中的\t,\n,\r都易被识别为转义字符。 解决的办法主要由以下三种&#xff1a; #1 前面加r表示不转义 pathr&quo…...

编程日记 2023/10/17 5:00:04

Java Cache 缓存方案详解及代码-Ehcache

一、Spring缓存概念 Spring从3.1开始定义了 org.springframework.cache.Cache 和 org.springframework.cache.CacheManager 接口来统一不同的缓存技术&#xff1b; 并支持使用 JCache&#xff08;JSR-107&#xff09; 注解简化我们开发。 常用的缓存实现有 RedisCache 、EhCach…...

编程日记 2023/10/17 4:59:03

JAVA设计模式-装饰者模式

一.概念 装饰器模式(Decorator Pattern)&#xff0c;动态地给一个对象添加一些额外的职责&#xff0c;就增加功能来说&#xff0c;装饰器模式比生成子类更灵活。 —-《大话设计模式》 允许向一个现有的对象添加新的功能&#xff0c;同时又不改变其结构。这种类型的设计模式属…...

编程日记 2023/10/17 4:57:01

别让求解器‘装傻’：COMSOL中‘事件接口’的隐藏用法与常见坑点

别让求解器‘装傻’&#xff1a;COMSOL中‘事件接口’的隐藏用法与常见坑点 在瞬态耦合仿真中&#xff0c;你是否遇到过这样的场景&#xff1a;电磁场脉冲已经结束&#xff0c;但温度场仍在缓慢爬升&#xff1b;或者结构载荷突然释放&#xff0c;但求解器却将突变平滑处理&…...

编程新知 2026/5/13 17:11:51

阴阳师自动化脚本：智能托管解放双手的终极指南

阴阳师自动化脚本&#xff1a;智能托管解放双手的终极指南 【免费下载链接】OnmyojiAutoScript Onmyoji Auto Script | 阴阳师脚本 项目地址: https://gitcode.com/gh_mirrors/on/OnmyojiAutoScript 还在为阴阳师中重复繁琐的日常任务而烦恼吗&#xff1f;每天需要花费数…...

编程新知 2026/5/13 16:56:00

别再只懂BDF了！手把手教你理解PCIe ARI如何将Function数量扩展到256个

突破PCIe传统限制&#xff1a;深入解析ARI如何实现256个功能扩展 在数据中心和云计算架构快速发展的今天&#xff0c;虚拟化技术对硬件资源分配提出了更高要求。传统PCIe设备的8个功能限制已成为制约虚拟功能扩展的瓶颈&#xff0c;特别是在SR-IOV&#xff08;单根I/O虚拟化&am…...

编程新知 2026/5/13 15:26:47

NotebookLM笔记生产力跃迁（仅限前500名早鸟用户的动态模板库已开放）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM笔记生产力跃迁&#xff08;仅限前500名早鸟用户的动态模板库已开放&#xff09; NotebookLM 正式引入基于语义理解的「上下文感知模板引擎」&#xff0c;早鸟用户可通过专属入口启用动态模板…...

编程新知 2026/5/13 14:35:02

构建自动化编译系统：Makefile递归遍历与智能目录生成实践

1. 为什么需要自动化编译系统 如果你曾经维护过一个包含几十个源文件的中大型C/C项目&#xff0c;肯定经历过这样的痛苦&#xff1a;每次新增一个源文件&#xff0c;都要手动修改Makefile&#xff1b;项目结构调整时&#xff0c;编译规则需要全部重写&#xff1b;不同模块之间的…...

编程新知 2026/5/13 12:58:59

【51单片机一个按键切合初始流水灯按一下对半闪烁按一下显示时间】2023-10-16

缘由51单片机按键切换流水灯和时钟_嵌入式-CSDN问答 我想搞一个按键切换在初始状态流水灯按一下到双闪灯再按一下到时钟&#xff0c;可是之中如果用延时函数会导致CPU不能运行很多事情造成卡顿&#xff0c;利用中断的话定时检测的时间又不一样&#xff0c;我试着编译了代码但发…...

编程新知 2026/5/13 12:09:02

Yarbo 机器人割草机调整策略：远程后门访问功能将设为可选安装

Yarbo 调整远程后门访问功能&#xff0c;设为可选安装Yarbo 原有的远程后门访问功能可能使不法分子通过互联网对机器人进行重新编程。如今&#xff0c;该公司计划彻底移除这一功能&#xff0c;联合创始人肯尼斯科尔曼承诺&#xff0c;客户将能够决定是否一开始就安装该功能&…...

编程新知 2026/5/13 7:17:23

从CANoe实战出发：深度解析UDS网络层诊断中的流控帧(FC)与时间参数STmin

从CANoe实战解析UDS流控帧&#xff1a;FC与STmin参数调优指南 在汽车电子测试领域&#xff0c;UDS诊断协议的网络层流控机制直接影响着ECU通信的可靠性与效率。当测试工程师在CANoe环境中模拟诊断会话时&#xff0c;经常会遇到因流控帧参数配置不当导致的报文丢失、响应超时等问…...

编程新知 2026/5/13 6:25:34

新手小白必看！AI大模型自学路线图，从入门到精通_自学AI大模型学习路线推荐

自学AI大模型学习路线推荐 今天&#xff0c;我想和大家分享一条自学AI大模型的学习路线&#xff0c;希望能帮助新手小白们更好地进入这个领域。 1. 打好基础&#xff1a;数学与编程 数学基础 线性代数&#xff1a;理解矩阵、向量、特征值、特征向量等概念。推荐课程&#xff1a…...

编程新知 2026/5/13 6:06:12

定时任务标准化合约：解决Cron Job协作混乱与状态管理难题

1. 项目概述&#xff1a;为定时任务建立“交通规则”在自动化运维和持续集成&#xff08;CI&#xff09;领域&#xff0c;定时任务&#xff08;Cron Job&#xff09;就像是系统里的“定时闹钟”和“自动工人”。它们负责在后台默默执行数据备份、日志清理、状态检查、报告生成等…...

编程新知 2026/5/13 5:55:50