HostGator主机设置默认首页图文方法

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

HostGator购买之后，接下来就要建站，但是建完站点之后一些基础的设置还是要调整的，例如如何如何修改网站的默认首页，本文就来教大家[HostGator](/#)主机设置默认首页图文方法。具体操作如下，希望对新手站长有所帮助。

第一步：登录HostGator cPanel控制面板，点击“文件”下面的“文件管理器”，如下图所示：


第二步：点击“public\_html”找到“.htaccess”文件。如下图所示：


第三步：右键点击“.htaccess”，找到Edit菜单，进入文本编辑器，如下图所示：



第四步：将这段DirectoryIndex index.php index.html代码添加至首段，如下图所示：


上述内容就是关于HostGator主机设置默认首页图文方法介绍，操作起来也是比较简单。在这里小编在告诉大家一个方法：可以修改HostGator .htaccess文件通过FTP工具上传至根目录下也可完成。"