Hostinger教程：如何使用hPanel面板给网站设置密码保护

".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)'); } }) })

Hostinger主机商多年来凭借价格便宜、性能优越的[美国主机](https://www.idcspy.com/)产品，在业内具有较高的知名度，租用Hostinger主机建站的用户也越来越多。Hostinger主机自带有功能强大的hPanel面板，方便用户管理主机和网站。今天我们就来看下如何用hPanel面板给网站设置密码保护。

1、首先登录到[Hostinger](/#)账户，以访问hPanel面板，然后在顶部菜单栏中选择Hosting，找到所要设置密码保护的网站，点击旁边的Manage按钮。


2、在管理页面中，导航至“Password Protect Directories”部分并点击选中它。


3、然后在弹出的新页面，选择所要设置密码保护的目录，如下图：


4、为其创建Username和Password，用户名和密码设置完毕后，点击Protect按钮以保存。


以上是关于使用Hostinger hPanel面板设置网站密码保护的方法步骤介绍，通过几个简单操作，我们便为网站设置好了密码保护，后面如果想要访问该网站，则需要正确输入先前设置的用户名和密码才可访问。"