nginx模块ngx-fancyindex 隐藏标题中的 / 和遇到的坑
首先下载nginx源码，编译时加上 --add-module=/usr/local/src/ngx-fancyindex/
例如 ：
./configure --prefix=/usr/local/nginx --with-select_module --with-poll_module --with-threads --with-file-aio --with-http_ssl_module --with-http_v2_module --with-http_v3_module --with-http_realip_module --with-http_addition_module --with-http_xslt_module --with-http_image_filter_module --with-http_geoip_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_auth_request_module --with-http_random_index_module --with-http_secure_link_module --with-http_degradation_module --with-http_slice_module --with-http_stub_status_module --with-http_perl_module --with-http_sub_module --with-pcre --with-pcre-jit --with-debug --with-stream --with-stream_ssl_module --with-mail --with-mail_ssl_module --with-libatomic --add-module=/usr/local/src/ngx-fancyindex/make && make install 安装完成
说说遇到的两个大坑，两个坑相辅相成
1. 需要将header.html,footer.html及其css文件放到根目录或者子目录才能生效
不能放到其他位置。就是放在nginx安装路径，一直改配置，但是css文件一直找不到。（就是因为html引用的css或者js文件，只能在根目录及其子目录中。），如果写<style>样式放哪应该都行，没试过。
2.目录浏览的根目录就是你nginx server下面配置的 root后面跟的路径
如下: 访问是ip:post/download ，但是根目录是/home/test/www，因此header和footer引用css文件的时候要注意，如果在/home/test/www/fancyindex下有一个header.html和styles.css，那么引用就应当是 <link rel="stylesheet" href="/fancyindex/styles.css">
server53 {54 listen 18255 ssl http2; # 启用 HTTP/2 可以提高性能55 server_name localhost;56 65 66 root /home/test/www;67 68 location /download/ {69 access_log /www/server/nginx/logs/access.log;70 81 autoindex on;
说说怎么去掉页面上显示的/ ,我目前用的是开源主题Nginx-Fancyindex-Theme，这样改一下就好了，不用自己写。
我显示的/download/，难看死了，原理就是让写一个半开的标签，让其包括了目录路径，半开标签，fancyindex补齐另一半的时候路径也被包括在标签中，然后将这个标签隐藏掉,
header.html
1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="utf-8">5 <meta http-equiv="x-ua-compatible" content="IE=edge">6 <title>eyoyou</title>7 <meta name="viewport" content="width=device-width, initial-scale=1">8 <link rel="stylesheet" href="/Nginx-Fancyindex-Theme-dark/styles.css">9 <script type="text/javascript" src="/Nginx-Fancyindex-Theme-dark/jquery.min.js"></script>10 </head>11 <body>12 <h1>存档下载<h1>13 <h6>index of
styles.css中
h6 {45 display:none;46 }去掉之前
去掉之后
相关文章：
nginx模块ngx-fancyindex 隐藏标题中的 / 和遇到的坑
首先下载nginx源码，编译时加上 --add-module/usr/local/src/ngx-fancyindex/ 例如 ： ./configure --prefix/usr/local/nginx --with-select_module --with-poll_module --with-threads --with-file-aio --with-http_ssl_module --with-http_v2_module…...
第二十四天 循环神经网络（RNN）LSTM与GRU
LSTM（长短期记忆网络）和GRU（门控循环单元）是两种流行的循环神经网络变体，它们被设计来解决传统RNN在处理长序列数据时遇到的梯度消失和梯度爆炸问题。这两种网络都通过引入门控机制来控制信息的流动，从而能…...
RocketMQ如何保证消息顺序?
大家好，我是锋哥。今天分享关于【RocketMQ如何保证消息顺序?】面试题。希望对大家有帮助； RocketMQ如何保证消息顺序? 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 RocketMQ 作为一个分布式消息中间件，提供了高吞吐、低延迟的…...
LabVIEW实现GSM/GPRS通信
目录 1、GSM/GPRS通信原理 2、硬件环境部署 3、程序架构 4、前面板设计 5、程序框图设计 6、测试验证 本专栏以LabVIEW为开发平台，讲解物联网通信组网原理与开发方法，覆盖RS232、TCP、MQTT、蓝牙、Wi-Fi、NB-IoT等协议。 结合实际案例，展示如何利用LabVIEW和常用模块实现物联…...
关于如何做技术文档
在技术的浩瀚海洋中，一份优秀的技术文档宛如精准的航海图。它是知识传承的载体，是团队协作的桥梁，更是产品成功的幕后英雄。然而，打造这样一份出色的技术文档并非易事。你是否在为如何清晰阐释复杂技术而苦恼？是否纠结…...
基于多尺度动态卷积的图像分类
✨✨ 欢迎大家来访Srlua的博文（づ￣3￣）づ╭❤～✨✨ 🌟🌟 欢迎各位亲爱的读者，感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢，在这里我会分享我的知识和经验。&am…...
RK3576 介绍
RK3576 介绍 1 介绍1.1 概述1.2 RK3576、RK3588、RK3568 和 RK3399 的参数对比 2 DataSheet2.1 RK35762.2 RK35882.3 RK35682.4 RK3399 参考 1 介绍 1.1 概述 ARM 64位高性能八核通用处理器，丰富的PCIE/USB3.0/SATA/GMAC等各类高速及CAN FD/DSMC/UART/SPI/I2C/I3C…...
如何评估并持续优化AI呼出机器人的使用效果
如何评估并持续优化AI呼出机器人的使用效果 作者：开源呼叫中心FreeIPCC 随着人工智能技术的发展，AI呼出机器人在企业中的应用越来越广泛。这些智能系统不仅提高了工作效率、降低了成本，还改善了客户体验。然而，要确保AI呼出机器…...
Ubuntu上如何部署Nginx？
环境： Unbuntu 22.04 问题描述： Ubuntu上如何部署Nginx？ 解决方案： 在Ubuntu上部署Nginx是一个相对简单的过程，以下是详细的步骤指南。我们将涵盖安装Nginx、启动服务、配置防火墙以及验证安装是否成功。 1. 更新…...
制造业4.0：AI与机器人如何重塑生产线
引言：从传统到未来的转型 在轰鸣的生产线上，传统制造业曾以规模化生产和成本效益为核心竞争力，推动了全球工业化进程。然而，面对现代市场的多样化需求和激烈竞争，这种模式正暴露出越来越多的局限性：产能过剩…...
ChatGPT与领域特定语言的集成
用ChatGPT做软件测试 领域特定语言（Domain-Specific Language，DSL）是一种编程语言，专门设计用于满足特定领域或问题领域的需求。它是一种定制的语言，通常包括特定领域的专业术语以及相应的语法规则。DSL的设计旨在让领…...
【记录50】uniapp安装uview插件，样式引入失败分析及解决
SassError: Undefined variable: "$u-border-color". 表示样式变量$u-border-color没定义，实际是定义的 首先确保安装了scss/sass 其次，根目录下 app.vue中是否全局引入 <style lang"scss">import /uni_modules/uview-ui/in…...
【WPF】把DockPanel的内容生成图像
要在WPF中将一个 DockPanel 的内容生成为图像并保存，可以按照与之前类似的步骤进行，但这次我们将专注于 DockPanel 控件而不是整个窗口。 DockPanel的使用 WPF（Windows Presentation Foundation）中的 DockPanel 是一种布局控件&…...
买卖股票的最佳时机 - 合集
************* C 买卖股票问题合集 ************* Since I have finished some stocks problems. I wanna make a list of the stocks to figure out the similarities. Here is the storks topucs list, from easy to hard: 121. 买卖股票的最佳时机 - 力扣（L…...
lshw学习——简单介绍
文章目录 简介核心结构扫描设备原理scan_abiscan_burnerscan_cdromscan_cpufreqscan_cpuidscan_cpuinfoscan_device_treescan_diskscan_displayscan_dmiscan_fatscan_fbscan_graphicsscan_idescan_ideraidscan_inputscan_isapnpscan_lvmscan_memoryscan_mmcscan_mountsscan_net…...
深入理解Kafka：核心设计与实践原理读书笔记
目录 初识Kafka基本概念安装与配置ZooKeeper安装与配置Kafka的安装与配置 生产与消费服务端参数配置 生产者客户端开发消息对象 ProducerRecord必要的参数配置发送消息序列化分区器生产者拦截器 原理分析整体架构元数据的更新 重要的生产者参数acksmax.request.sizeretries和re…...
OnOn-WebSsh (昂~昂~轻量级WebSSH) 可实现 网页 中的 ssh 客户端操作，支持多用户多线程操作 ssh 持久化
OnOn-WebSsh springBoot 服务器 开源技术栏 OnOn-WebSsh (昂昂轻量级WebSSH) 可实现 网页 中的 ssh 客户端操作，支持多用户多线程操作 支持指定ssh 连接, 支持sftp 以及 ssh 持久化. OnOn-WebSSH (OnOn Lightweight WebSSH) enables SSH client operations withi…...
LDP+LBP代码解析及应用场景分析
代码整体结构与功能概述 这段 C 代码主要实现了两个图像特征提取算法，分别是局部方向模式（Local Directional Pattern，LDP）和多分块局部二值模式（Multi-Block Local Binary Pattern，Multi-Block LBP&#…...
51c视觉~合集33
我自己的原文哦~ https://blog.51cto.com/whaosoft/12163849 #Robin3D 3D场景的大语言模型：在鲁棒数据训练下的3DLLM新SOTA! 论文地址：https://arxiv.org/abs/2410.00255代码将开源：https://github.com/WeitaiKang/Robin3D 介绍 多模态…...
element plus的table组件，点击table的数据是，会出现一个黑色边框
在使用 Element Plus 的 Table 组件时，如果你点击表格数据后出现了一个黑色边框，这通常是因为浏览器默认的焦点样式（outline）被触发了。如图： 你可以通过自定义 CSS 来隐藏这个黑色边框，代码如下࿱…...
挑战杯推荐项目
“人工智能”创意赛 - 智能艺术创作助手：借助大模型技术，开发能根据用户输入的主题、风格等要求，生成绘画、音乐、文学作品等多种形式艺术创作灵感或初稿的应用，帮助艺术家和创意爱好者激发创意、提高创作效率。 - 个性化梦境…...
AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南
点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...
反向工程与模型迁移：打造未来商品详情API的可持续创新体系
在电商行业蓬勃发展的当下，商品详情API作为连接电商平台与开发者、商家及用户的关键纽带，其重要性日益凸显。传统商品详情API主要聚焦于商品基本信息（如名称、价格、库存等）的获取与展示，已难以满足市场对个性化、智能…...
pam_env.so模块配置解析
在PAM（Pluggable Authentication Modules）配置中， /etc/pam.d/su 文件相关配置含义如下： 配置解析 auth required pam_env.so1. 字段分解 字段值说明模块类型auth认证类模块，负责验证用户身份&am…...
Unit 1 深度强化学习简介
Deep RL Course ——Unit 1 Introduction 从理论和实践层面深入学习深度强化学习。学会使用知名的深度强化学习库，例如 Stable Baselines3、RL Baselines3 Zoo、Sample Factory 和 CleanRL。在独特的环境中训练智能体，比如 SnowballFight、Huggy the Do…...
初探Service服务发现机制
1.Service简介 Service是将运行在一组Pod上的应用程序发布为网络服务的抽象方法。 主要功能：服务发现和负载均衡。 Service类型的包括ClusterIP类型、NodePort类型、LoadBalancer类型、ExternalName类型 2.Endpoints简介 Endpoints是一种Kubernetes资源…...
Mysql中select查询语句的执行过程
目录 1、介绍 1.1、组件介绍 1.2、Sql执行顺序 2、执行流程 2.1. 连接与认证 2.2. 查询缓存 2.3. 语法解析（Parser） 2.4、执行sql 1. 预处理（Preprocessor） 2. 查询优化器（Optimizer） 3. 执行器…...
RSS 2025｜从说明书学习复杂机器人操作任务：NUS邵林团队提出全新机器人装配技能学习框架Manual2Skill
视觉语言模型（Vision-Language Models, VLMs），为真实环境中的机器人操作任务提供了极具潜力的解决方案。 尽管 VLMs 取得了显著进展，机器人仍难以胜任复杂的长时程任务（如家具装配），主要受限于人…...
数学建模-滑翔伞伞翼面积的设计，运动状态计算和优化 ！
我们考虑滑翔伞的伞翼面积设计问题以及运动状态描述。滑翔伞的性能主要取决于伞翼面积、气动特性以及飞行员的重量。我们的目标是建立数学模型来描述滑翔伞的运动状态，并优化伞翼面积的设计。 一、问题分析 滑翔伞在飞行过程中受到重力、升力和阻力的作用。升力和阻力与伞翼面…...
python读取SQLite表个并生成pdf文件
代码用于创建含50列的SQLite数据库并插入500行随机浮点数据，随后读取数据，通过ReportLab生成横向PDF表格，包含格式化（两位小数）及表头、网格线等美观样式。 # 导入所需库 import sqlite3 # 用于操作…...