天兴工作室

虽然已经很久没有弄过emlog，但是毕竟还有两个emlog主题在销售，为了服务质量（狗头保命）所以就写了这一篇安装emlog主题/模板的教程。

emlog主题模板的格式为ZIP，emlog主题模板的存放路径为“根目录/content/templates/”。

得到emlog主题包后直接解压然后上传到emlog主题模板的文件夹里面即完成了emlog主题模板安装。

最后登录emlog后台--点击左侧面板的模板，即可看到安装完成的主题了，启用即可。

有个客户要求用swf文件做页面背景，但是弄上去之后发现swf文件的宽度高度自适应这块很不好控制，如果直接设置宽度和高度为100%是不起作用的。

折腾了一番最后终于解决，分享下解决办法。

首先将swf文件调用放到一个div包裹起来，代码大概是这样：

<div class="swf-box"><embed id="movie" src="swf文件地址" wmode="transparent" width="100%" height="100%"></div>

然后设置外部div的宽度为100%；高度也是100%；position: absolute;上左距离为0；z-index的值设置小一点，然后页面正文内容部分的z-index设置大一点，这样将这个div设置成了一个背景。

再来解决swf文件的自适应宽高度问题，首先要确定你的swf默认宽高度是多少，然后算一个宽高度比例。例如宽度是1000px，高度是500px，那么宽高比就是50%。

得到这个比例后，写以下js代码：

<script type="text/javascript">document.getElementById("movie").style.height = document.getElementById("movie").scrollWidth*0.5+"px"</script>

用js强行给swf文件设置一个高度，这个高度就是宽度的50%。这样就完成了swf文件宽高度自适应了。

ps：现在很多浏览器都默认关闭了flash插件。所以用swf文件做背景天兴工作室是不太推荐的。

近段时间总有问答主题的用户跟天兴工作室反映提问的时候没有上传图片功能。我之前一直考虑的是安全问题，在前台上传图片这个行为涉及到的安全隐患绝对是有的。但是各人有各人的需求，既然反馈的用户多，那么还是加上这个功能好了。

天兴工作室问答主题1.4版已经增加了会员上传图片功能，默认是关闭的，用户需要在后台右上角--主题配置--提问页面设置里面找到“会员提问是否开启上传图片功能”这个开关并开启，开启后还要按照以下步骤操作之后才能正常使用。

第1步：安装”Z-Blog角色分配器“插件，后台应用中心搜索“角色分配器”第一个即是；

第2步：插件安装启用后打开插件设置，找到“UploadPst(上传附件)”配置项，开启对应会员等级开关即可。

补充说明：

zblog会员等级一共有6个，分别是“管理员  网站编辑  作者  协作者  评论者  游客”。

游客这个等级的任何权限都不要动！！！

评论者相当于普通用户，注册后即默认是这个等级，所以上传图片功能开启的也是开启这个等级即可。

协作者一般是VIP用户这个等级，权限也可以自己看着给。

网站编辑  作者这两个等级的权限默认是很大的，也不需要调整什么。

管理员默认拥有所有权限。

请根据自己的需求谨慎设置对应权限。

最后再补充一次，权限设置请务必谨慎！！！另外请务必做好备份！！！

天兴工作室最近制作的几款zblog模板都加上了专题功能，有用户在使用过程中不是很清楚“专题”是用什么逻辑实现的，本文来详细说明下。

首先发布专题页面会让用户填写一个专题聚合关键词，如下图：

然后发布文章底部有一个标签，如下图：

天兴工作室制作的zblog专题功能就是通过填写专题聚合关键词来聚合含有这个关键词相同标签的文章。

举例说明，你发布了一个专题，专题聚合关键词是“腾讯”，那么这个专题页面就会调用你网站所有标签为“腾讯”的文章。

最后来补充说明下，标签也就是TAG是一个非常有用的东西，标签tag可以增加你网站页面数量，而且标签页由于关键词比较集中，所以权重还可能很高，建议大家在发布文章的时候一定要设置好标签。

有的用户在打开自己网站后台的应用中心的时候会出现一个提示：后台访问应用中心故障,不能登录和下载应用,请检查主机空间是否能远程访问appzblogcn.com。如下图：

错误原因：

有的主机不支持“curl”造成的，或者是缺少其他组件导致的。

解决办法：

2019-8-27更新的应用中心2.23版已经解决了这个问题，首先将应用中心这个插件更新到最新版，然后打开应用中心，右侧有个设置点开：

来到如下界面：

有三种方式可以选择，你可以一个一个选择后测试，哪种可以解决问题就用哪种。

怎么更新应用中心？

出现了这个问题的用户是无法直接在线更新应用的，所以更新步骤如下：

1、打开这个页面：https://app.zblogcn.com/?id=231；

2、点击获取应用将插件下载到本地，插件是一个.zba结尾的文件；

3、打开你网站后台--插件管理--选择本地上传并安装插件zba文件，将刚才下载的文件上传上去；

4、现在你的应用中心插件就是最新版了。

要实现的方法是这样的：

一个输入框输入关键词，可以调用多个搜索引擎搜索，实现代码是如下：

<div class="search clearfix">
    <input type="text" name="q" id="bdcsMain" value="输入关键词搜索" onfocus="if (value =='输入关键词搜索'){value =''}" onblur="if (value ==''){value='输入关键词搜索'}" >
    <button class="search-bd" type="submit" onclick="window.open('https://www.baidu.com/s?wd='+document.getElementById('bdcsMain').value)">百度</button>
    <button class="search-tb" type="submit" onclick="window.open('http://ai.taobao.com/search/index.htm?pid=mm_你的淘宝pid&amp;key='+document.getElementById('bdcsMain').value)">淘宝</button>
    <button class="search-by" type="submit" onclick="window.open('http://cn.bing.com/search?q='+document.getElementById('bdcsMain').value)">必应</button>
</div>

再加上一段js代码可以实现按回车键默认调用第一个搜索：

<script>
    $("#bdcsMain").keydown(function (e) {//当按下按键时  
        if (e.which == 13) {//.which属性判断按下的是哪个键，回车键的键位序号为13  
            $('button.search-bd').trigger("click");//触发搜索按钮的点击事件  
        }  
    });  
</script>

css效果可以根据自己需求写，搜索引擎数量也没啥限制。

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

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

坑在哪里呢？

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

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

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

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

哦。

原来是版本问题。

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

用Swiper 4.5.0版本是可以的。

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

天兴工作室制作的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>”。

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

今天来说下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端口是开放的，那么就应该跟我这次的情况一样，是服务器出问题了导致所有的端口都被关掉了。