".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)'); } }) })
很多朋友喜欢选[BlueHost](/#)主机,除了稳定性好、性价比高之外,还有个重要原因就是BlueHost主机支持CDN加速功能。
BlueHost主机可以在控制面板中轻松开启[CloudFlare](https://www.idcspy.com/cloudflare-cdn.html "CloudFlare") CDN加速功能,一般来看,使用CDN功能在某种程度上确实能够使网站访问速度提升不少。不过,今天小编跟大家说的是BlueHost主机设置CloudFlare CDN加速的另一种简单方法。
1、登陆CloudFlare官网,先使用邮箱注册,现在直接输入邮箱及密码创建账号账号即可,如下图所示:
![](/sites/default/files/cloudflare.png)
2、然后在输入框中输入你的域名,就是你绑定在BlueHost主机的域名,这里我以“idcspy.com”为例,如下图所示:
![](/sites/default/files/cloudflar.png)
3、填写好之后系统会对你的域名开始扫描DNS记录,扫描成功后点击“Next”按钮:
![](/sites/default/files/cloud.png)
4、接下来选择CloudFlare计划套餐,这里有免费和收费的(收费的功能多些),这里选择免费的就可以了,选好之后点击“Comfirm Plan”选项继续:
![](/sites/default/files/cloudfla.png)
5、这里系统会对域名的A记录、AAAA记录和CNAME记录进行检测,这个一般确认下就可以了,基本不用设置什么,直接点击“continue”按钮:
![](/sites/default/files/cloudf.png)
6、最后系统会分配一个适合你的NS记录,只需进入BlueHost控制面板,将域名的DNS修改为右侧红框中的DNS,待解析生效之后就可以使用CloudFlare CDN免费加速功能了。
![](/sites/default/files/cloudfl.png)
以上就是BlueHost主机设置CloudFlare CDN加速的简单教程,方法也很简单。另外,如果是其他[美国主机](/#)的话,也可以参考此方法来设置CloudFlare加速功能,方法都一样的。
目前在国内外众多免费CDN加速器当中,CloudFlare CDN使用的用户还是比较多的,毕竟CloudFlare的CDN加速节点分布于全球14个地区(共152个数据中心),包括美国、日本、欧洲、亚太等地区,适合大部分网站使用。
更多教程:[BlueHost教程](/#)"
松果号 作者:松果号原创文章,如若转载,请注明出处:https://www.6480i.com/archives/107648.html