之前很多平台都提供这样的插件，在文章的开头产生一个关系文章列表，关系文章列表页都带有1-10张不等的缩略图，而咱们独立博客却少有这样的插件，理论只要纯文字模式的关系文章列表，本文就引见一下Z-Blog如何成功带图片的关系文章列表性能。

先装置一个名为FirstIMG的插件，之后，修正zb_system/function/c_system_lib.asp文件的Export_Mutuality函数，扫尾参与一行DimArticleFirstIMG

在strCC_Title=objArticle.Title一行的前面，参与如下代码：

ArticleFirstIMG=FirstImg_GetImgSrc(objArticle.Content)

IfArticleFirstIMG<>""Then

"firstimg"""&ArticleFirstIMG&"""/>"

"firstimg""<#ZC_BLOG_HOST#>zb_users/PLUGIN/FirstIMG/NoImages.jpg""/>"

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

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

之后修正模板的style.css文件，在文件开头参与如下css

/*RelatedPosts*/

ul.related-posts{

clear:both;

padding:0;

margin:10px0px0px0px;

ul.related-postsli{

display:inline-block;

margin-left:5px;

padding:0;

text-align:center;

vertical-align:top;

width:195px;

ul.related-postsimg{

background:#F7F7F7;

clear:both;

height:auto;

width:186px;

-moz-box-shadow:2px2px3px1px#999;

-webkit-box-shadow:2px2px3px1px#999;

box-shadow:2px2px3px1px#999;

ul.related-postsimg:hover{

filter:alpha(opacity=50);

opacity:0.5;

ul.related-postsa{

border:none;

clear:both;

display:block;

text-decoration:none;

ul.related-postsli{

font-size:12px;

overflow:hidden;

text-overflow:clip;

white-space:nowrap;

而后修正b_article_mutuality.html模板，模板内容为

标签： Z、 blog、

本文地址： https://yihaiquanyi.com/article/e59110006dcbd19bc4cd.html

上一篇：如何提高森林生产力如何提高SEO优化团队效...
下一篇：抖音本地美食榜在哪里看抖音本地美食号月入...