织梦文章列表缩略图如何设置？

同样是修改 list_article.htm 文件，但这次我们使用不同的调用标签。

<li>
    <a href="[field:arcurl/]" title="[field:title/]">
        <!-- 这里是自动调用正文第一张图的代码 -->
        <img src="{dede:field name='body' runphp='yes'}
            $str = @me;
            $preg = '/<img.*?src="(.*?)".*?>/is';
            preg_match_all($preg, $str, $matches);
            @me = $matches[1][0]; // 获取第一张图的src
        {/dede:field}" alt="[field:title/]" />
    </a>
    <h3><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></h3>
</li>

代码解释：

• {dede:field name='body' runphp='yes'}...{/dede:field}：这个标签会获取文章的body内容，并通过runphp='yes'属性允许我们在其中执行PHP代码。
• preg_match_all：这是一个正则表达式函数，用于在文章内容中查找所有符合<img ... src="..." ...>模式的图片。
• $matches[1][0]：$matches[1]数组存放的是所有匹配到的src地址，[0]则取第一个，这样就实现了获取第一张图片的目的。

缺点：

• 如果文章没有图片,$matches[1][0]会是空的，img标签的src属性无效，会显示一个破损的图片图标。
• 如果文章第一张图很大,直接用作缩略图会影响页面加载速度和布局。

结合默认图片（最完善的方案）

一个健壮的系统应该有兜底方案,我们可以将方法一和方法二结合，并加入默认图片，这样，即使没有设置自定义缩略图，文章也没有内容图，也能显示一张漂亮的默认图。

修改列表页模板（推荐写法）

这是最常用、最完善的代码，强烈推荐使用。

<li>
    <a href="[field:arcurl/]" title="[field:title/]">
        <!-- 结合自定义字段、正文第一张图和默认图片的完整代码 -->
        <img src="
        {dede:field name='litpic' runphp='yes'}
            if(@me == '') {
                // 如果自定义缩略图为空，则尝试获取正文第一张图
                $str = @me;
                $preg = '/<img.*?src="(.*?)".*?>/is';
                preg_match_all($preg, $str, $matches);
                if(isset($matches[1][0])) {
                    @me = $matches[1][0];
                } else {
                    // 如果正文也没有图，则使用默认图片
                    @me = '/images/default.jpg'; // 请替换成你的默认图片路径
                }
            }
        {/dede:field}" alt="[field:title/]" />
    </a>
    <h3><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></h3>
</li>

代码解释：

1. {dede:field name='litpic'}：我们依然从litpic字段获取数据。
2. if(@me == '')：判断获取到的缩略图地址是否为空。
3. 如果为空,则执行正则表达式去body里找第一张图。
4. 如果找到了,就用这张图；如果还是没找到，就使用我们预设的/images/default.jpg。
5. 整个逻辑都在runphp中完成，非常高效和智能。

常见问题与解决方案

为什么我设置了缩略图，但前台不显示？

• 模板问题：确认你的列表模板 list_article.htm 中是否正确使用了 [field:litpic/]
• 未生成：修改模板后，务必到后台重新生成列表页面。
• 路径问题：检查图片上传后，在后台“附件管理”中查看图片路径是否正确，如果是绝对路径（如 http://...），确保你的网站域名配置正确，如果是相对路径，确保网站根目录正确。
• 字段问题：确认你添加的自定义字段名称确实是 litpic，并且文章已经成功保存了这个字段的值。

<!-- 原始代码 -->
<img src="[field:litpic/]" alt="[field:title/]" />
<!-- 修改后，限制宽高为 200x150，并自动裁剪 -->
{dede:img text='[field:title/]' width='200' height='150'}
[field:litpic/]
{/dede:img}

<a href="[field:arcurl/]" title="[field:title/]">
    {dede:img text='[field:title/]' width='200' height='150' autocut='yes'}
        {dede:field name='litpic' runphp='yes'}
            if(@me == '') {
                $str = @me;
                $preg = '/<img.*?src="(.*?)".*?>/is';
                preg_match_all($preg, $str, $matches);
                if(isset($matches[1][0])) {
                    @me = $matches[1][0];
                } else {
                    @me = '/images/default.jpg';
                }
            }
        {/dede:field}
    {/dede:img}
</a>