".extra-menu { background-color: #f3f3f3; padding: 20px; } .extra-menu .extra-menu-h { height: 36px; } .extra-menu .extra-menu-h h3 { display:inline-block; } .extra-menu ul a{ text-decoration: none; } .extra-menu .menu-child { text-indent: 4em; } .extra-menu .menu-child:before { left: 4em; } .extra-menu .extra-menu-h h3 { line-height: 36px; } .collapse-toggle { float: right; cursor: pointer; user-select: none; display: inline-flex; align-items: center; font-size: 14px; } .collapse-toggle img { width: 30%; transform: rotate(180deg); } .collapse-content { margin-bottom: 0px !important; margin-top: 20px !important; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; } .collapse-content.expanded { max-height: 1000px; /\* 设置一个足够大的值,确保内容可以完全展开 \*/ } .ph-id { position: relative; top: -90px; } jQuery(document).ready(function( $ ) { $('.collapse-toggle').on('click',function(){ var content = document.querySelector('.collapse-content'); content.classList.toggle('expanded'); if (content.classList.contains('expanded')) { $(this).find('div').text('收起'); $(this).find('img').css('transform','rotate(180deg)'); } else { $(this).find('div').text('展开'); $(this).find('img').css('transform','rotate(0deg)'); } }) })
DreamHost是一家知名的[美国主机](https://www.idcspy.com/)提供商,拥有二十多年的行业经验,它所提供的美国VPS主机不限制带宽和流量,可根据用户实际需求快速扩展内存和存储空间。我们用DreamHost VPS自定义面板安装Nginx服务器后,为了安全考虑,可以利用Nginx设置密码保护访问目录,下面来看下相关操作步骤。
![](https://www.idcspy.com/wp-content/uploads/2021/06/vps-1.jpg)
1、使用Nginx密码保护目录,需要用到basic\_auth.conf文件。首先通过SSH登录到[DreamHost](/#) VPS主机,然后找到用户目录。
2、这里您要确保[Nginx](/#)中有一个/home/username/nginx/example.com目录。如果没有找到,则您必须通过运行以下命令来创建它:
> \[server\]$ mkdir -p nginx/example.com
3、接下来,在这个/home/username/nginx/example.com目录中,添加一个名为basic\_auth.conf的文件,内容如下:
> location / {
>
> auth\_basic “Restricted”;
>
> auth\_basic\_user\_file /home/username/nginx/example.com/.htpasswd;
>
> }
auth\_basic\_user\_file参数指定密码文件。注意它的路径是设置到/nginx目录的。
4、运行以下命令来创建.htpasswd文件:
> \[server\]$ htpasswd -c /home/username/nginx/example.com/.htpasswd LOGIN
LOGIN是您在登录时所要输入的用户名,您可以进行自定义。
5、在输入用户名后,会提示您输入一个密码,这个密码要保存好哦,后面还会用到。
> New password:
> Re-type new password:
> Adding password for user LOGIN
6、密码输入后并确认,重新加载Nginx配置文件。
7、然后在浏览器中,加载/home/username/nginx/example.com/basic\_auth.conf指向的目录。这时会提示您要输入登录用户名和密码。在本例中,用户名是LOGIN(或者您自定义的名称),密码便是您在步骤5中创建的新密码。"
松果号 作者:松果号原创文章,如若转载,请注明出处:https://www.6480i.com/archives/105873.html