Categories


Tags


Z-Blog相关文章图文列表

之前很多平台都提供这样的插件,在文章的结尾出现一个相关文章列表,相关文章列表页都带有 1-10 张不等的缩略图,而我们独立博客却少有这样的插件,通常只有纯文字方式的相关文章列表,本文就介绍一下Z-Blog如何实现带图片的相关文章列表功能。

先安装一个名为FirstIMG的插件,之后,修改zb_system/function/c_system_lib.asp文件的Export_Mutuality函数,开头增加一行 Dim ArticleFirstIMG

在 strCC_Title=objArticle.Title 一行的后面,增加如下代码:

ArticleFirstIMG=FirstImg_GetImgSrc(objArticle.Content)

If ArticleFirstIMG <> "" Then

ArticleFirstIMG="<img class=""firstimg"" src=""" & ArticleFirstIMG & """/>"

Else

ArticleFirstIMG="<img  class=""firstimg"" src=""<#ZC_BLOG_HOST#>zb_users/PLUGIN/FirstIMG/NoImages.jpg""/>"

End If

之后在 strCC=Replace(strCC,"<#article/mutuality/name#>",strCC_Title) 后面增加一行

strCC=Replace(strCC,"<#article/mutuality/firstimg#>",ArticleFirstIMG)

之后修改模板的style.css文件,在文件结尾增加如下css

/* Related Posts */

ul.related-posts {

clear:both;

padding:0;

margin:10px 0px 0px 0px;

}

ul.related-posts li{

display:inline-block;

margin-left:5px;

padding:0;

text-align:center;

vertical-align:top;

width:195px;

}

ul.related-posts img{

background:#F7F7F7;

clear:both;

height: auto;

width:186px;

-moz-box-shadow:2px 2px 3px 1px #999;

-webkit-box-shadow: 2px 2px 3px 1px #999;

box-shadow:2px 2px 3px 1px #999;

}

ul.related-posts img:hover {

filter: alpha(opacity=50);

opacity: 0.5;

}

ul.related-posts a{

border:none;

clear:both;

display:block;

text-decoration:none;

}

ul.related-posts li{

font-size:12px;

overflow: hidden;

text-overflow: clip;

white-space: nowrap;

}

然后修改b_article_mutuality.html模板,模板内容为

<li><a href="<#article/mutuality/url#>"><#article/mutuality/firstimg#></a><a  href="<#article/mutuality/url#>"><#article/mutuality/name#></a></li>

修改b_article-single.html模板,在适当的位置增加相关文章代码

<h4 id="mutualitybox"><#ZC_MSG231#></h4>

<ul class="related-posts">

<#template:article_mutuality#>

</ul>

然后重建文章即可,最终相关文章的展示样式参见下图所示。

来源:月光博客


Public @ 2012-02-24 15:44:59

使用htaccess绑定域名到子目录

如果您想将主域名或其他域名/子域名绑定到您的网站的子目录中,可以使用.htaccess文件完成此操作。 以下是一些步骤,您可以跟着操作: 1.首先,您需要在网站根目录中创建一个名为.htaccess的文件。如果已经存在,则可以跳过此步骤。 2.使用以下代码段将主域名或子域名绑定到子目录。请记住将DOMAIN和SUBDIRECTORY替换为实际域名和子目录名称。 ```RewriteEngi

Public @ 2023-04-30 03:50:12

决定网站访问速度的几个因素以及优化方向

第一,主机线路和地区的选择。我国存在多个不同网络服务商,比如电信,联通,教育网,移动等。不同线路直接访问会有互联互通不稳定的情况发生,一般建议选择BGP机房线路,访问会更均衡一些。另外国内访问境外由于存在国际出口相对访问也比较慢,国际带宽出口资源通常比较紧张,时常会有拥堵缓慢的情况。若针对的是香港用户可以考虑港台机房;若针对欧美用户,建议使用我司美国主机。第二、主机的配置和访问量是否匹配服务器的配

Public @ 2017-07-08 15:37:04

Z-Blog多服务器平衡负载的方法

对于Z-Blog访问量比较大的时候,往往会造成服务器负载和流量过大,引起性能问题,相关的解决流量的对策我以前也讨论过,根据我的分析,不少流量都是由于图片或下载等引起的,因此可以通过将下载文件夹upload放在另外一台服务器的方法进行负载均衡。具体方法是,设定一个新的服务器网站地址(独立服务器或者申请的免费空间都可以),例如download.williamlong.info,在这个新服务器网站上建立

Public @ 2012-08-12 15:44:57

Z-Blog相关文章图文列表

1. Z-Blog介绍(文字) Z-Blog是国内知名的开源博客程序,具有简单易用、安全可靠等特点。该程序采用PHP+MySQL架构,支持多种主题和插件,可以让个人和企业快速搭建自己的博客网站。 2. Z-Blog的优点(文字) Z-Blog具有以下优点: 1)操作简单:安装和使用都非常简单,不需要过多的技术功底。 2)安全可靠:系统有完善的安全机制,防止黑客攻击和系统崩溃。 3)开源

Public @ 2023-04-28 11:50:20

更多您感兴趣的搜索

0.431030s