".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作为WordPress官方推荐的美国主机商之一,拥有丰富的行业经验,其主要提供无限带宽和流量[美国VPS](/#)产品服务。Nginx是一个高性能的HTTP和反向代理Web服务器,可以通过设置实现许多功能,比如创建重定向操作。那么如何在DreamHost VPS主机上使用Nginx创建重定向呢?下面一起来了解下。
首先您可以登录到[DreamHost](/#)账户。要重定向运行在Nginx服务器上的网站链接,您必须手动创建一个redirects.conf文件,然后在此文件中添加相应的重定向代码。
**在 Nginx 服务器上创建重定向的步骤**
1、查看Nginx配置文件位置,以创建您的本地/nginx/example.com目录。
2、在此/nginx/example.com目录中通过SSH或FTP创建一个名为redirects.conf的文件。
相关阅读:《[DreamHost主机在FTP创建和编辑文件教程](/#)》
3、然后在新创建的redirects.conf文件中添加以下重定向代码。这里的example.com换成您所要重定向的站点,比如本站是idcspy.com。
①重定向单个文件
if ($request\_filename ~ oldfile.html){
rewrite ^ http://example.com/newfile.html? permanent;
}
②重定向整个站点
if ($request\_filename ~ /\*){
rewrite ^ http://example.com? permanent;
}
4、添加重定向代码后,您可以在DreamHost控制面板重新启动连接VPS,看重定向设置是否生效。"
松果号 作者:松果号原创文章,如若转载,请注明出处:https://www.6480i.com/archives/105737.html