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

nginx模块ngx-fancyindex 隐藏标题中的 / 和遇到的坑

news 2026/3/30 23:23:35

首先下载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源码&#xff0c;编译时加上 --add-module/usr/local/src/ngx-fancyindex/ 例如 &#xff1a; ./configure --prefix/usr/local/nginx --with-select_module --with-poll_module --with-threads --with-file-aio --with-http_ssl_module --with-http_v2_module…...

编程日记 2024/12/21 8:15:46

第二十四天 循环神经网络（RNN）LSTM与GRU

LSTM&#xff08;长短期记忆网络&#xff09;和GRU&#xff08;门控循环单元&#xff09;是两种流行的循环神经网络变体&#xff0c;它们被设计来解决传统RNN在处理长序列数据时遇到的梯度消失和梯度爆炸问题。这两种网络都通过引入门控机制来控制信息的流动&#xff0c;从而能…...

编程日记 2024/12/21 8:11:43

RocketMQ如何保证消息顺序?

大家好&#xff0c;我是锋哥。今天分享关于【RocketMQ如何保证消息顺序?】面试题。希望对大家有帮助&#xff1b; RocketMQ如何保证消息顺序? 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 RocketMQ 作为一个分布式消息中间件&#xff0c;提供了高吞吐、低延迟的…...

编程日记 2024/12/21 8:08:40

LabVIEW实现GSM/GPRS通信

目录 1、GSM/GPRS通信原理 2、硬件环境部署 3、程序架构 4、前面板设计 5、程序框图设计 6、测试验证 本专栏以LabVIEW为开发平台，讲解物联网通信组网原理与开发方法，覆盖RS232、TCP、MQTT、蓝牙、Wi-Fi、NB-IoT等协议。 结合实际案例，展示如何利用LabVIEW和常用模块实现物联…...

编程日记 2024/12/21 8:07:38

关于如何做技术文档

在技术的浩瀚海洋中&#xff0c;一份优秀的技术文档宛如精准的航海图。它是知识传承的载体&#xff0c;是团队协作的桥梁&#xff0c;更是产品成功的幕后英雄。然而&#xff0c;打造这样一份出色的技术文档并非易事。你是否在为如何清晰阐释复杂技术而苦恼&#xff1f;是否纠结…...

编程日记 2024/12/21 8:04:35

基于多尺度动态卷积的图像分类

✨✨ 欢迎大家来访Srlua的博文&#xff08;づ&#xffe3;3&#xffe3;&#xff09;づ╭❤&#xff5e;✨✨ &#x1f31f;&#x1f31f; 欢迎各位亲爱的读者&#xff0c;感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢&#xff0c;在这里我会分享我的知识和经验。&am…...

编程日记 2024/12/21 8:01:31

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位高性能八核通用处理器&#xff0c;丰富的PCIE/USB3.0/SATA/GMAC等各类高速及CAN FD/DSMC/UART/SPI/I2C/I3C…...

编程日记 2024/12/21 7:57:26

如何评估并持续优化AI呼出机器人的使用效果

如何评估并持续优化AI呼出机器人的使用效果 作者&#xff1a;开源呼叫中心FreeIPCC 随着人工智能技术的发展&#xff0c;AI呼出机器人在企业中的应用越来越广泛。这些智能系统不仅提高了工作效率、降低了成本&#xff0c;还改善了客户体验。然而&#xff0c;要确保AI呼出机器…...

编程日记 2024/12/21 7:56:25

Ubuntu上如何部署Nginx？

环境&#xff1a; Unbuntu 22.04 问题描述&#xff1a; Ubuntu上如何部署Nginx&#xff1f; 解决方案&#xff1a; 在Ubuntu上部署Nginx是一个相对简单的过程&#xff0c;以下是详细的步骤指南。我们将涵盖安装Nginx、启动服务、配置防火墙以及验证安装是否成功。 1. 更新…...

编程日记 2024/12/21 7:55:23

制造业4.0：AI与机器人如何重塑生产线

引言&#xff1a;从传统到未来的转型 在轰鸣的生产线上&#xff0c;传统制造业曾以规模化生产和成本效益为核心竞争力&#xff0c;推动了全球工业化进程。然而&#xff0c;面对现代市场的多样化需求和激烈竞争&#xff0c;这种模式正暴露出越来越多的局限性&#xff1a;产能过剩…...

编程日记 2024/12/21 7:51:20

ChatGPT与领域特定语言的集成

用ChatGPT做软件测试 领域特定语言&#xff08;Domain-Specific Language&#xff0c;DSL&#xff09;是一种编程语言&#xff0c;专门设计用于满足特定领域或问题领域的需求。它是一种定制的语言&#xff0c;通常包括特定领域的专业术语以及相应的语法规则。DSL的设计旨在让领…...

编程日记 2024/12/21 7:50:18

【记录50】uniapp安装uview插件，样式引入失败分析及解决

SassError: Undefined variable: "$u-border-color". 表示样式变量$u-border-color没定义&#xff0c;实际是定义的 首先确保安装了scss/sass 其次&#xff0c;根目录下 app.vue中是否全局引入 <style lang"scss">import /uni_modules/uview-ui/in…...

编程日记 2024/12/21 7:46:15

【WPF】把DockPanel的内容生成图像

要在WPF中将一个 DockPanel 的内容生成为图像并保存&#xff0c;可以按照与之前类似的步骤进行&#xff0c;但这次我们将专注于 DockPanel 控件而不是整个窗口。 DockPanel的使用 WPF&#xff08;Windows Presentation Foundation&#xff09;中的 DockPanel 是一种布局控件&…...

编程日记 2024/12/21 7:45:15

买卖股票的最佳时机 - 合集

************* 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. 买卖股票的最佳时机 - 力扣&#xff08;L…...

编程日记 2024/12/21 7:41:11

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…...

编程日记 2024/12/21 7:39:09

深入理解Kafka：核心设计与实践原理读书笔记

目录 初识Kafka基本概念安装与配置ZooKeeper安装与配置Kafka的安装与配置 生产与消费服务端参数配置 生产者客户端开发消息对象 ProducerRecord必要的参数配置发送消息序列化分区器生产者拦截器 原理分析整体架构元数据的更新 重要的生产者参数acksmax.request.sizeretries和re…...

编程日记 2024/12/21 7:37:06

OnOn-WebSsh (昂~昂~轻量级WebSSH) 可实现 网页 中的 ssh 客户端操作，支持多用户多线程操作 ssh 持久化

OnOn-WebSsh springBoot 服务器 开源技术栏 OnOn-WebSsh (昂昂轻量级WebSSH) 可实现 网页 中的 ssh 客户端操作&#xff0c;支持多用户多线程操作 支持指定ssh 连接, 支持sftp 以及 ssh 持久化. OnOn-WebSSH (OnOn Lightweight WebSSH) enables SSH client operations withi…...

编程日记 2024/12/21 7:29:00

LDP+LBP代码解析及应用场景分析

代码整体结构与功能概述 这段 C 代码主要实现了两个图像特征提取算法&#xff0c;分别是局部方向模式&#xff08;Local Directional Pattern&#xff0c;LDP&#xff09;和多分块局部二值模式&#xff08;Multi-Block Local Binary Pattern&#xff0c;Multi-Block LBP&#…...

编程日记 2024/12/21 7:21:54

51c视觉~合集33

我自己的原文哦~ https://blog.51cto.com/whaosoft/12163849 #Robin3D 3D场景的大语言模型&#xff1a;在鲁棒数据训练下的3DLLM新SOTA! 论文地址&#xff1a;https://arxiv.org/abs/2410.00255代码将开源&#xff1a;https://github.com/WeitaiKang/Robin3D 介绍 多模态…...

编程日记 2024/12/21 7:19:52

element plus的table组件，点击table的数据是，会出现一个黑色边框

在使用 Element Plus 的 Table 组件时&#xff0c;如果你点击表格数据后出现了一个黑色边框&#xff0c;这通常是因为浏览器默认的焦点样式&#xff08;outline&#xff09;被触发了。如图&#xff1a; 你可以通过自定义 CSS 来隐藏这个黑色边框&#xff0c;代码如下&#xff1…...

编程日记 2024/12/21 7:17:50

EfficientViT语义分割深度解析：从Cityscapes到实时应用

EfficientViT语义分割深度解析&#xff1a;从Cityscapes到实时应用 【免费下载链接】efficientvit EfficientViT is a new family of vision models for efficient high-resolution vision. 项目地址: https://gitcode.com/gh_mirrors/ef/efficientvit EfficientViT语义…...

编程新知 2026/3/30 22:42:02

AIGlasses_for_navigation精彩案例分享：真实视障用户过马路辅助语音引导记录

AIGlasses_for_navigation精彩案例分享&#xff1a;真实视障用户过马路辅助语音引导记录 1. 引言&#xff1a;当AI成为视障者的“眼睛” 想象一下&#xff0c;你站在一个繁忙的路口&#xff0c;耳边是呼啸而过的车流声&#xff0c;眼前却是一片模糊或黑暗。过马路&#xff0c…...

编程新知 2026/3/30 22:40:01

不止于教程：用QGIS 3.30 + PyQt5从零打造一个极简版GIS桌面应用

从零构建GIS桌面应用&#xff1a;QGIS 3.30与PyQt5深度整合实战 当我们需要开发一个轻量级地理信息系统时&#xff0c;QGIS的Python API提供了强大而灵活的选择。不同于简单的脚本编写&#xff0c;将QGIS作为引擎嵌入到自定义PyQt5应用中&#xff0c;能够实现高度定制化的GIS解…...

编程新知 2026/3/30 22:07:40

springboot+vue基于web的线上文印店 校园打印店平台设计与实现

目录功能模块分析关键技术实现扩展功能建议数据模型示例&#xff08;简化的核心表&#xff09;部署架构项目技术支持源码获取详细视频演示 &#xff1a;文章底部获取博主联系方式&#xff01;同行可合作功能模块分析 后端&#xff08;SpringBoot&#xff09;功能模块 用户管理…...

编程新知 2026/3/30 21:22:59

STM32F103红外循迹避障小车实战：从Proteus仿真到实物调试全解析

1. STM32F103与红外循迹避障小车入门指南 第一次接触STM32F103做红外循迹避障小车时&#xff0c;我和很多初学者一样&#xff0c;以为照着网上的例程就能轻松搞定。但真正动手后发现&#xff0c;从仿真到实物调试的每个环节都可能遇到意想不到的问题。这个小车看似简单&#xf…...

编程新知 2026/3/30 20:36:39

从单调到惊艳：手把手教你用PyQt5 QPalette打造动态渐变和图片自适应背景窗口

从单调到惊艳&#xff1a;手把手教你用PyQt5 QPalette打造动态渐变和图片自适应背景窗口 在桌面应用开发中&#xff0c;用户界面的视觉体验往往决定了产品的第一印象。传统的单色背景或简单图片填充已经难以满足现代用户对美感的追求。PyQt5作为Python生态中最强大的GUI框架之一…...

编程新知 2026/3/30 20:30:37

大麦抢票神器：3步轻松实现演唱会门票自动化抢购终极指南

大麦抢票神器&#xff1a;3步轻松实现演唱会门票自动化抢购终极指南 【免费下载链接】ticket-purchase 大麦自动抢票&#xff0c;支持人员、城市、日期场次、价格选择 项目地址: https://gitcode.com/GitHub_Trending/ti/ticket-purchase 还在为抢不到心仪演唱会门票而烦…...

编程新知 2026/3/30 20:02:24

我的家庭影音中心进化史：从群晖到用Ubuntu+CasaOS自建，省下大几千

我的家庭影音中心进化史&#xff1a;从群晖到UbuntuCasaOS自建方案 1. 为什么放弃品牌NAS选择自建方案 三年前&#xff0c;我花了大半个月工资购入了一台群晖DS920&#xff0c;当时觉得这是家庭数据管理的终极解决方案。然而随着使用深入&#xff0c;逐渐发现品牌NAS的几大痛点…...

编程新知 2026/3/30 19:39:47

功能越来越多，但 IT 系统却越来越难用了

在很多企业的信息化建设过程中&#xff0c;一个明显趋势是&#xff1a; 系统功能在不断增加。从最初的基础功能&#xff0c;到后来的审批流、自动化、报表分析&#xff0c;再到各种集成功能&#xff0c;系统看起来越来越强大&#xff0c;也越来越“全面”。按理说&#xff0c;功…...

编程新知 2026/3/30 19:15:20

探索Pem电解槽三维仿真模型：聚焦氢气扩散

Pem电解槽三维仿真模型&#xff0c;阴极不通水&#xff0c;只考虑氢气的扩散&#xff0c;使用二次电流分布浓物质传递自由与多孔介质流&#xff0c;不使用水电解槽节点。最近在研究Pem电解槽的三维仿真模型&#xff0c;这里面有个挺有意思的设定&#xff0c;阴极不通水&#xf…...

编程新知 2026/3/30 18:38:50