分类： 设计开发

图片水印 1.1 for Z-Blog 2

Wolfit 1 条评论

从WindsPhoto中分离出水印的部分，单独做了这个插件，给有需要的朋友。图片水印插件 for Z-Blog

插件简介

  1. 给图片添加水印，支持文字水印与图片水印
  2. 仅对UEditor图片按钮上传的JPG格式图片有效
  3. 需要服务器安装aspjpeg组件，aspjpeg 1.8 以上图片水印支持png格式透明

更新日志

2013年3月23日更新：修正无aspjpeg组件设置界面报错，修正与WindsPhoto贴图相册冲突。

2013年7月3日更新：新增图片宽度限制，挂上网站设置菜单。

继续阅读

HDWiki Nginx 伪静态规则优化

Wolfit 3 条评论

最近把VPS上的Apache替换成了Nginx，效率快了很多，但是有些程序的Nginx伪静态规则没有或是用不了，HDWiki便是之一。HDWiki好久不更新了，官方论坛也是一塌糊涂，提个问题根本没人解决，还是自己解决吧。

下面是官方给出的Nginx伪静态规则，前台页面有效，但是后台页面不正常。

if ($request_filename !~* (.*)\.(css|js|gif|jpg|png|xml)){
rewrite ^(/)(.*)$ $1/index.php?$2;
}

下面是修改过的伪静态规则，增加了判断并排除后台、搜索及php页面。

if ($request_uri !~* (admin|search|.php)){
set $ifbtmp X;
}
if ($request_filename !~* (.*)\.(css|js|gif|jpg|png|xml)){
set $ifbtmp "${ifbtmp}X";
}
if ($ifbtmp = XX){
rewrite ^(/)(.*)$ $1/index.php?$2;
}

希望对你有用。

使用 z-index 实现图片加载模糊到清晰

Wolfit 1 条评论

访问有些网站的时候，首先显示模糊的图片，然后图片突然变得清晰，这样做有一定的好处——大图文件大，加载慢，小图文件小，加载快。如果直接载入大图，中间势必会有个空档，用户在这中间会感觉很空。这样做实际上是在大图下载完显示之前，显示的是缩略图。

实现的方法有很多，这里介绍一种方法，使用 css 的 z-index 属性。先去看看效果。

实现起来相当简单，没有JavaScript。

<div style="width:600px;height:374px;">
<img src="http://www.windsphoto.com/photofile/20132/2013022729743689.jpg" alt="仙剑5-唐雨柔" style="opacity:1;z-index:1;position:absolute;"/>
<img src="http://www.windsphoto.com/photofile/20132/small_2013022729743689.jpg" alt="仙剑5-唐雨柔" style="width:100%;height:100%;"/>
</div>

注意要把小图的宽和高设置成和大图一样，获取大图的尺寸，设置在div上，小图设置成100%即可。

继续阅读

Bcastr 幻灯片/焦点图 1.3.3 for Z-Blog 2

Wolfit 18 条评论

Bcastr这是一款幻灯片 / 焦点图 插件，以Bcastr为主，以jQuery.KinSlideshow为辅，不支持Flash的浏览器（如iOS Safari，Windows Phone IE）自动使用KinSlideshow，兼容各种浏览器。

主要功能

  • 自动添加侧栏模块
  • 支持设置幻灯片宽度和高度
  • 代码符合XHTML和HTML5规范
  • 新增Bcastr和KinSlideShow开关
  • 新增插入文章标题、链接，从附件、WindsPhoto插入图片

注意事项

  • 请使用HTML加载侧栏模块（ZB2.1请无视）
  • Bcastr Flash中图片不能跨域
  • 修改侧栏模块名称请到侧栏管理
  • Bcastr添加图片后需清空浏览器缓存、Flash缓存，才可以看到添加的图片
  • 如需在主栏或其他地方调用幻灯片，请使用<#CACHE_INCLUDE_BCASTR#>调用

继续阅读

WindsPhoto 常见问题一览

Wolfit 38 条评论

由于很多时候没有空闲帮助每一个人解决插件的问题， 这里整理出一些WindsPhoto使用过程中出现过的问题，供大家参考。

Q：使用这个插件必须ASPJPEG组件？
A：不是必须的，ASPJPEG组件在生成缩略图和添加水印时使用，如果没有ASPJPEG就无法生成缩略图，无法给图片添加水印。一般主机都是支持ASPJPEG的，如果你的主机不支持ASPJPEG，建议使用DBS主机。

Q：上传图片失败，为什么？
A：Good question，首先确定上传图片的大小，不可以大于Z-Blog设置的上传文件最大字节数。另外，有些Windows主机存在200K上传限制的问题，http://www.baidu.com/s?wd=200k+%C9%CF%B4%AB%CF%DE%D6%C6

Q：图片添加水印后，EXIF数据没了？
A：ASPJPEG1.9版本后会保护图片的EXIF数据。

Q：我的模板不能正常显示，为什么？
A：默认模板与本相册插件是完全配套的，你下载的其它模板或修改过的模板可能会让相册不正常。如果你不能确定原因，请换上默认模板试试。

Q：可以自定义相册模板吗，怎么样做？
A：安装插件时复制pages为wp_index、wp_album、wp_display，并修改其中侧栏为sidebar4和sidebar5。模板文件夹中如果不存在wp_index、wp_album、wp_display自定义模板，则默认使用pages模板。 继续阅读

WindsPhoto 贴图相册功能的详细说明

Wolfit 14 条评论

不同于Z-blog1.8时代，WindsPhoto for Z-blog2的贴图相册挂在Ueditor的相关插件接口上，直接在Ueditor中上传图片，可以插入WindsPhoto的已有图片。

Q：什么是WindsPhoto贴图相册？为什么会有贴图相册的功能？
A：贴图相册，就是在编辑文章时直接从Ueditor图片按钮上传图片到WindsPhoto的指定分类，这些图片会在WindsPhoto的相册分类中展示出来，如 http://www.windsphoto.com/album.asp?typeid=20。还可以Ueditor中插入WindsPhoto的已有图片(不包括加密相册)。

Q：如何启用和关闭贴图相册的功能？
A：在相册设置中选择一个分类作为贴图相册，便启用贴图相册功能，关闭请选择“不启用”。默认为不启用。

Q：我启用了贴图相册，上传非图片附件，有影响吗？
A：通过附件按钮上传附件，不影响非图片类型文件，即上传到Z-Blog附件。

Q：如果我不希望贴图相册显示在相册中，怎么办？
A：将贴图相册设置为加密，密码设置为no，则不在相册中显示。

image

给 WindsPhoto 添加第三方评论

Wolfit 1 条评论

WindsPhoto 2.8以后的版本（for Z-Blog2）开始支持dislay单页展示图片，如http://www.windsphoto.com/display.asp?id=1557。这样就方便了添加第三方评论代码。

写个简单的教程，以多说为例：

修改模版wp_display.html，找到<#template:article-page#>，在下面插入多说的通用代码

<!-- Duoshuo Comment BEGIN -->
<div class="ds-thread"></div>
<script type="text/javascript">
var duoshuoQuery = {short_name:"siteid"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- Duoshuo Comment END -->

继续阅读

WindsPhoto 侧栏模块说明

Wolfit 9 条评论

最新发布的Z-Blog 2.1对侧栏管理进行了很多优化，WindsPhoto也对此进行了很多优化。在 WindsPhoto 3.0 中有3个侧栏模块，分别为图片信息、相册分类、相册最新图片，激活插件时会自动添加。

下面分别对每个模块的使用进行说明。

1、图片信息，显示图片的发布时间、浏览次数等信息

  1. 无需生成
  2. 仅可以用在display页面（display页面使用侧栏5）
  3. 模块标题名称可在侧栏管理中修改
  4. UL类型，UL内LI的最大行数设置无效
  5. 仅可使用html加载

2、相册分类，生成相册分类列表

  1. 添加/更新/删除相册分类、更新缓存时生成
  2. 可在Z-Blog全站使用
  3. 模块标题名称可在侧栏管理中修改
  4. UL类型，UL内LI的最大行数可在侧栏管理中修改
  5. 加载方式不限

继续阅读

Z-Blog 2.x 的 robots.txt 怎么写

Wolfit 评论

首先，来看关于robots.txt的介绍。Z-Blog 2相对于1.8变化很大，其中文件目录的变化相当大，原来的robots.txt已经不适用了。

下面是我的简单生活使用的robots.txt

User-agent: *
Disallow: /zb_system/
Disallow: /zb_users/
Disallow: /search.asp*
Disallow: /view.asp*
Disallow: /catalog.asp*
Sitemap: https://www.wilf.cn/sitemap.xml

如果没有设置分类页的伪静态，请去掉

Disallow: /catalog.asp*

如果不想屏蔽某个插件或上传附件的收录，请去掉Disallow: /zb_users/，并相应的修改为

Disallow: /zb_users/CACHE
Disallow: /zb_users/INCLUDE
# 目录请自行补齐……

最后一行是在这里加上sitemap的链接

Sitemap: https://www.wilf.cn/sitemap.xml

CompactMDB 数据库压缩与备份 1.0 for Z-Blog 2

Wolfit 评论

随着 Blog 时间的增加，数据库越来越大？而你又懒得下载到本地压缩？那么你可以使用这个插件，在线压缩你的数据库。

Z-Blog 1.8 时代就有这个插件，只发布在论坛里，下面有论坛链接。

插件说明

  1. 仅支持Access数据库，不支持MSSQL数据库
  2. 增加压缩前备份选项（默认选中，备份可能需要几秒时间）
  3. 优化压缩和备份后的提示

CompactMDB

继续阅读