天兴工作室

最近的zblog主题基本都内置了Swiper幻灯片组件，今天在调试幻灯片设置图片自动高度的时候踩了个坑，记录下来，希望能帮助踩到同样坑的人。

Swiper幻灯片设置图片自动高度官方是给了“autoHeight”这个配置的，默认是“false”，要使用的时候直接在Swiper配置里面加上“autoHeight: true,”就行，如下图：

坑在哪里呢？

我在自己写的代码里面加上这个配置项后发现毛线作用没用！

先开始以为是css里面固定了图片高度导致的，然后去掉css里面的参数，发现还是没用。

然后就开始自我怀疑了，网上也搜索了下，基本没看到有用的解决方案。

最后的最后福至心灵的想到是不是我的Swiper里面的js有问题？复制了官方了“swiper.min.js”替换掉我的。发现问题解决了。

哦。

原来是版本问题。

低版本的swiper是不支持“autoHeight”这个配置。

用Swiper 4.5.0版本是可以的。

问题解决了，过程就是这么煞笔。

这是一款天兴工作室制作的zblog下载站主题，适合app/软件/游戏等下载站使用。

主题更新：

2021-12-04：修复了一个奇怪的bug；继续清除了一些1.7版本以下的老旧函数；

2021-11-21：去除对1.7以下版本的兼容代码，还没有升级到1.7的用户请不要更新！！！增加没有下载链接时显示暂无下载按钮；

2021-08-05：zbp程序没有升级到1.7版本的用户请不要更新；优化数据调用代码；优化专题页面数据调用[改为1.7内置函数]；优化手机端显示；

2021-05-18：增加调用zblog1.7自带压缩缩略图功能[1.7用户主题配置里面开启开关即可]；修复已知的用户反馈问题；

2020-05-03：修复在线分享开关失效问题；升级”lightgallery“到最新版本；

2020-04-02：修复幻灯片在某些情况下报错的问题；更换在线分享为“share.js”；增加在线分享自定义模块和开关；

2020-01-03：优化函数名以免造成冲突；增加幻灯片排序；

2020-12-30：修复手机端某些广告代码溢出问题；后台主题配置页面增加安全验证；压缩css和js文件；

2020-12-08：再次修复下载链接生成二维码显示错误（大雾；

2020-12-01：修复下载链接生成二维码显示错误；

2020-11-12：增加手机端广告位；调整下载提示为点击下载按钮弹出提示框；调整主题自带TDK逻辑；增加管理员登录后前台文章标题显示编辑快捷链接+文章底部显示版权说明；优化主题自带函数；

2020-10-09：增加下载地址go.php跳转开关；优化主题自带函数；优化主题后台配置界面；

2020-09-18：修复上个版本增加的反馈模块遗留问题；修复已知的用户反馈问题；

2020-09-12：增加右侧栏热门排行可以自定义文章；增加下载反馈模块[点击下载按钮后弹出，可以提示用户反馈下载链接失效啥的]；

2020-07-20：此次升级变化较大，老用户请谨慎升级（升级前注意备份，logo等图片需要重新上传）。

1、后台主题配置界面全新升级；

2、增加首页推荐文章可以自定义调用；

3、增加首页调用分类可以自定义调用逻辑（最新、热门、热评和自定义文章id四种选择）；

4、优化了首页资讯样式调用，老用户需要重新选择；

5、修复已知的用户反馈问题；

2020-07-11：优化暗黑模式逻辑；优化首页cms模块调用(老用户升级需要重新设置！)；优化某些分辨率下首页模块错位；修复已知的用户反馈问题；

2020-06-21：增加暗黑模式（可以手动开关也可以设置指定时间内自动切换）；优化首页幻灯片配置；修复已知的用户反馈问题；

2020-05-09：增加批量模块邮箱和网站显示开关；增加评论框提示语自定义；增加文章内容a链接样式开关；增加首页最新文章底部5个app可选调用自定义文章；修复已知的用户反馈问题；

2020-04-18：升级支持最新的zblogphp1.6版本；修复已知的用户反馈问题；

2020-03-21：增加主题自带分享(支持https)和点赞(需要安装插件)和收藏(安装会员插件)；修复积分购买错误(需要去git下载安装最新版的会员插件)；修复已知的用户反馈问题；

2020-03-10：此次更新较多，推荐升级.

增加会员中心+资源收费功能，兼容的百搭会员中心已经开源免费下载，下载方法见后台主题配置里面的教程链接；

增加单排文字列表样式：

修复已知的客户反馈问题；

2020-02-27：优化子分类层级过多造成的一些调用问题；优化文章页面tag显示；增加下载地址通过go.php文件跳转；修复已知的客户反馈问题；

2020-01-03：修复首页图片模块错位问题；修复已知的客户反馈问题；

2019-11-29：修改主题自带404页面；增加app截图图片自定义高度；继续修复首页在某些环境下报错的问题；修复已知的客户反馈问题；

2019-10-14：修复首页排行榜模块调用逻辑错误；增加首页排行榜模块可以自定义调用指定文章功能；

2019-08-05：修复手机端的一些显示错误；优化了几个主题自带函数；修复已知的客户反馈问题；

2019-07-27：修复首页幻灯片手机端长短不一错误；修复主题配色错误；修复已知的客户反馈问题；

主题特性：

1、自适应+自定义配色；

2、app下载、资讯、图片、专题四种类型页面；

3、首页搭积木式布局，数量可选+样式可选，可以随心所欲搭建符合自己个性的首页界面；

4、内置8处广告位+首页可以无限制增加广告位+调用系统侧栏可以无限制增加广告位。靠广告生存的下载站就得这么多广告位...

5、主题内置分类显示文章数量自定义功能；

6、主题内置各种符合下载站需求的自定义字段，如下图：

7、主题内置自动生成页面二维码功能，另外下载二维码可以后台自定义上传（见上图）；

更多功能请查看演示站体验。

主题演示地址：

http://app.imtx.wang/。

手机端可直接扫码浏览：

主题演示截图：

首页演示截图：

主题配置后台截图：

后台分类设置截图：

天兴工作室制作的zblog主题里面大部分都集成了Font Awesome图标字体，使用图标字体有很多优点，用字体代替图标，加载快，使用灵活。

有些客户反馈说不知道怎么修改这些图标字体，本文来做一个详细的说明。

下面以天兴工作室企业主题6来做演示说明。这款主题幻灯片下面有一个模块就是使用了图标字体：

下面我们来修改这些图标，打开网站后台--右上角主题配置--里面可以修改主题的各项自定义配置项。打开首页调用，找到“首页服务项目”，修改此处即可，图标字体的完整代码如下图：

<i class="fa fa-briefcase"></i>这就是一个完整的图标字体代码，怎么修改呢？

打开这个网站“http://www.fontawesome.com.cn/faicons/”，里面有很多图标，每个图标都对应一个代码。

你想用哪个图标，复制对应的代码，然后替换掉“<i class="fa fa-briefcase"></i>”这个代码后面的“briefcase”即可。一定要注意只能替换这一段，前面一定要保留“fa fa-”，否则不会生效的。

举例我们想用下图红框里面的图标：

那么直接复制对应代码“address-book”替换后的代码为“<i class="fa fa-address-book"></i>”。

然后就没有然后了，保存提交，前台就可以看到效果了。

阿里云又上线了一个入门级实例1核1G1M的云服务器659元/3年的活动。对于架设个博客玩玩的用户还是非常实用的。

而且这个活动新老客户均可参加没有什么限制，一年200多还是很划算的。

活动截图：

活动参与地址：https://promotion.aliyun.com/。

今天来说下zblog网站在使用过程中遇到的提示“JavaScript加载失败”的原因和解决办法。

错误提示如下图：

出现这个提示的意思就是网页里面的JavaScript加载失败了，为什么会加载失败呢？

一般有以下几个原因：

1、插件冲突造成的；

2、开启https后没配置造成的；

3、使用了cdn没配置好造成的；

解决办法：

下面说的浏览器默认为用谷歌浏览器或者火狐浏览器，以下是我用火狐浏览器演示的。

浏览器打开报错的页面，按键盘的F12键，会出现下图所示界面，点击控制台：

再刷新下当前页面，就可以看到错误提示了。

通过这里看到的错误提示就可以大致判断是什么原因造成的了。

如果自己不会看，建议将控制台的错误提示完整截图发到zblog官方论坛去，会有管理员给予解答的。

今天给一个客户的阿里云轻量服务器安装zblog程序，在远程链接的时候直接提示“connect:fail, reason: connect server 22 port fail”，如下图：

这个提示翻译出来就是：连接：失败，原因：连接服务器22端口失败。

但是在防火墙里面22端口是开放的。百思不得其解，搜索了半天无果。

只能给阿里云提交了个工单，然后阿里云技术那边回复：“您好，这边查询您服务器被DDOS攻击，目前已在黑洞中，默认的黑洞时长是2.5小时，黑洞期间不支持解封。实际黑洞时长视攻击情况而定，从30分钟到24小时不等。”

搞了半天是服务器被DDOS攻击了导致的...

所以当出现“connect:fail, reason: connect server 22 port fail”这个提示的先检查服务器的22端口有没有开放，如果你确定22端口是开放的，那么就应该跟我这次的情况一样，是服务器出问题了导致所有的端口都被关掉了。

腾讯云这个秒杀每天都有好几场，其中个人觉得最值得推荐的就是这款1G1H5M带宽的服务器了。

3年只要599！相当于一年只需要200块钱。1G1H50G的配置虽说不怎么样，但是5M的带宽就很可以了。一般的站点1G1H50G觉得是够用的，1M带宽和5M带宽区别就真的有了，所以冲这个5M带宽，1年200真不亏！

虽说活动有个新用户的限制，但是也仅仅是个纸面限制而已，注册了新qq号，用个家人的手机号码绑定下就行了。

活动参加链接：【数字生态，钜惠来袭】云服务器限时秒杀，首购1核1G 99元/年。

有用户在问“zblog发布文章的时候复制进去的表格明明有边框，但是发布成功后打开文章页面看却没有边框，这是怎么回事呢？”，这个问题有点其实不知道从何说起。

在html语言里面表格用的是的table，默认的table本来就是没有边框的，如果你是直接从excel里面复制出来的表格，就是默认的table状态也就是说本来是没有边框的。

那为什么在发布文章的时候把表格粘贴到编辑器里面时有显示边框呢？

因为编辑器要让你清楚的知道你添加了一个表格，所以自作主张的给表格加了边框美化。如下图就是编辑器自动加了边框的表格：

知道了原因之后我们再来说说解决办法：

第一种：直接在table里面加上边框属性。

操作步骤是这样的，在编辑器里面粘贴了表格后，点击编辑器左上顶部的“html”按钮切换到html模式，找到table标签在后面加上border="1"，完整代码是“<table border="1">”，如下图：

这样发布之后就可以看到有边框的表格了，但是你会发现这个表格的边框很丑。所以推荐下面第二种方法。

第二种：css美化表格边框。

这种方法要修改主题的css文件，怎么找到主题的css文件请看这篇视频教程：http://demo.txcstx.cn/post/1095.html。

在css文件里面加上下面的css代码即可，随便加哪里都行：

table {
    border-collapse: collapse;
    border-spacing: 0
}

table th,
table td {
    border: 1px solid #eee;
    padding: 1rem;
    overflow: hidden;
}

table th {
    background: #f1f1f1;
}

保存css文件，再查看页面就会发现表格有了一条1px大小的灰色边框。

在开始之前先摘抄一段百度百科对于301的介绍：

301转向(或叫301重定向，301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时，服务器返回的HTTP数据流中头信息(header)中的状态码的一种，表示本网页永久性转移到另一个地址。

一般在需要把带www和不带www的两个域名合并成一个的时候会用到301重定向，或者网站内容的url发生了变化的时候也需要用到301重定向。

今天本文要给大家介绍的是宝塔面板怎么设置301重定向？PS：以下演示步骤仅限把带www和不带www的两个域名合并，其他url重定向以此类推。

1、打开宝塔后台，点击网站，点击你要做301的网站的设置按钮；

2、点击301重定向，可以看到如下图所示界面：

3、本站做的是把txcstx.cn这个域名301重定向到了www.txcstx.cn这个域名上，需要做的步骤如上图，先设置访问域名位：txcstx.cn，再填写要重定向到的域名位：www.txcstx.cn。然后勾选启用301，保存提交即可。

4、这个时候301重定向已经做好了，可以打开txcstx.cn这个域名测试，就会发现打开txcstx.cn直接跳转到www.txcstx.cn上面去了。这就表示301已经设置成功了。

5、我们再打开站点设置--配置文件这个界面可以看到如下图：

上图红框里面就是301的代码，if很好理解，意思就是当打开这个域名的时候会跳转到下面那个指定域名，如果你要做其他类型的301重定向，自己复制粘贴修改对于url即可。（此处不一定保证百分百成功，不同的301规则也不会是一样的，如果遇到问题请自行百度搜索）

怎样让zblog网站的速度变快？

这个问题是很多zblog站长们都想知道的，这个问题比较大。本文仅以天兴工作室自己的角度来说明下，可能不那么全甚至不那么对！仅起一个抛砖引玉的作用，欢迎在本文下评论区域留言讨论。

首先，要想网站打开快。一个好的服务器是底子。如果你的服务器是是港台甚至是国外主机，那么在中国大陆打开你的站，快这个字大概率是跟你无缘的。

选服务器还是那句老话，如果是想长久做站的。服务器的预算尽可能的大，一分钱一分货是铁的道理！

试试阿里云？

然后：请一定一定不要安装很多很多插件！

有很多用户非常喜欢在后台安装特别多的插件，天兴工作室看到最夸张的一个站里面安装了将近40多个插件！！！

每个插件都有一定的功能，请一定要弄清楚你需不需要插件提供的功能？如果可有可无，请务必不要安装！！！

再然后：选一个靠谱的主题

一个好的主题，代码工整，逻辑清楚，页面无错误，查询数据库分配合理。

我在这里提供一个方法：在保证没有插件干扰的情况下，启用主题后打开你的网站---鼠标放到页面空的地方点击右键---点击“查看页面源代码”---拉到最底下，可以看到如下代码：

一共有4个数值，分别是：打开页面时间；查询数据库次数；页面大小；页面错误数量。

通过这4个数值就能判断主题是否合理。ps：测试之前请停用掉除程序自带插件以外的所有插件以排除数据干扰。

最后：用生成静态插件！

这是最后的绝招了。

zblog默认是动态页面，打开一个页面都要向服务器请求查询数据的，如果全部生成纯静态的html文件，那么打开速度会快上很多的。

PS：zblog是没有生成纯静态功能的，需要购买收费插件实现，请在后台--应用中心里面搜索“纯静态”来购买相应插件使用此功能。