登录
首页 >  科技周边 >  人工智能

Fliki引入RSS源,更新AI动画技巧

时间:2026-04-25 08:40:32 317浏览 收藏

前往漫画官网入口并下载 ➜
想让Fliki自动抓取RSS源内容并流畅生成AI动画却频频失败?本文直击RSS同步失效的核心痛点,手把手教你五步精准排障:从验证标准XML结构与关键字段完整性,到正确绑定订阅并手动触发首次拉取;从配置高级映射规则确保标题与描述转化为自然语音脚本,到解决重复发布和时区错位导致的更新混乱;最后通过RSS日志定位403权限拦截或XML解析异常——每一步都紧扣实际操作盲区,助你真正实现RSS内容→AI动画的零断点自动化更新。

Fliki引入RSS源如何更新AI动画_Fliki引RSS源更AI动画技巧【参考】

如果您希望在Fliki中通过RSS源自动获取内容并生成AI动画,但发现新条目未同步或动画未按预期更新,则可能是由于RSS订阅配置不正确、刷新机制未触发或内容格式不兼容。以下是实现RSS源引入与AI动画同步更新的具体操作路径:

一、确认RSS源有效性与格式兼容性

RSS源必须返回标准RSS 2.0或Atom 1.0 XML结构,且每个需包含title、description(或content:encoded)及pubDate字段;Fliki仅解析含完整元数据的合法RSS响应,缺失任一关键字段将导致条目被跳过。

1、使用在线RSS验证工具(如W3C Feed Validation Service)提交您的RSS URL,检查是否返回“Valid RSS”状态。

2、打开RSS链接,手动查看源代码,确认每个节点内存在非空的</font></strong>与<strong><font color="green"><pubDate>(格式为RFC 2822,例如:Wed, 01 Jan 2025 12:00:00 GMT)</font></strong>标签。</item></p> <p>3、若源站使用动态路由或需Cookie认证,须确保该RSS地址可被第三方服务直接GET访问——Fliki服务器无法执行JavaScript或携带浏览器会话。</p> <h2>二、在Fliki中正确绑定并启用RSS订阅</h2> <p>Fliki仅在项目级启用RSS拉取,且需主动触发首次抓取;绑定后系统不会实时监听,而是按固定周期轮询(默认每6小时),手动刷新可强制立即获取最新条目。</p> <p>1、进入Fliki控制台,点击左侧导航栏<strong><font color="green">“Projects”</font></strong>,选择目标AI动画项目。</p> <p>2、在项目设置面板中找到<strong><font color="green">“Content Source” → “Add RSS Feed”</font></strong>,粘贴已验证的RSS URL。</p> <p>3、勾选<strong><font color="green">“Auto-update script when new items arrive”</font></strong>,然后点击<strong><font color="green">“Save and Fetch Now”</font></strong>按钮。</p> <h2>三、配置RSS条目到脚本的映射规则</h2> <p>Fliki依据预设模板将RSS字段映射为视频脚本段落;若未指定映射,系统仅提取title作为首句,忽略description,导致动画内容单薄或缺失语音文本。</p> <p>1、在RSS设置页展开<strong><font color="green">“Advanced Mapping”</font></strong>选项。</p> <p>2、将<strong><font color="green">“Script Line”</font></strong>字段下拉菜单设为<strong><font color="green">“description”</font></strong>(优先)或<strong><font color="green">“content:encoded”</font></strong>(若存在HTML内容)。</p> <p>3、在<strong><font color="green">“Voiceover Text”</font></strong>栏输入表达式:<strong><font color="green">{title}。{description}</font></strong>,确保句号分隔且无换行符。</p> <h2>四、处理重复条目与时间戳偏移问题</h2> <p>Fliki依据<item>中的<guid>或<pubdate>去重;若源站不提供唯一<guid>或<pubdate>格式错误(如仅含日期无时分秒),可能导致旧条目反复生成相同动画。</pubdate></guid></pubdate></guid></item></p> <p>1、检查RSS源是否为每个条目生成稳定<strong><font color="green"><guid isPermaLink="false">唯一哈希值</guid></font></strong>;若无,联系源站添加或启用Fliki的“Use pubDate + title as fallback ID”选项。</p> <p>2、若源站时间比UTC快8小时但未标注时区,<pubdate>会被误判为过期;此时需在RSS输出端修正为<strong><font color="green">Wed, 01 Jan 2025 12:00:00 +0800</font></strong>格式。</pubdate></p> <p>3、在Fliki项目设置中启用<strong><font color="green">“Skip items older than 7 days”</font></strong>,避免历史条目干扰当前更新流。</p> <h2>五、调试RSS抓取失败日志</h2> <p>Fliki后台记录每次RSS请求的HTTP状态码、响应长度及XML解析错误位置;仅当响应状态为200且XML可解析时,才进入条目处理流程。</p> <p>1、进入项目设置页,点击<strong><font color="green">“View RSS Logs”</font></strong>按钮。</p> <p>2、查找最近一条记录,若状态码为<strong><font color="green">403</font></strong>,说明源站启用了User-Agent封锁——需在RSS URL后追加参数:<strong><font color="green">?fliki=1</font></strong>并通知源站放行该标识。</p> <p>3、若日志显示<strong><font color="green">“XML parse error at line X”</font></strong>,下载原始RSS响应,用文本编辑器定位X行,修正未闭合标签或非法字符(如未转义的&符号)。</p><p>理论要掌握,实操不能落!以上关于《Fliki引入RSS源,更新AI动画技巧》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注golang学习网公众号吧!</p> <div id="third-party-overlay" style="position:fixed;left:0;top:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.4);z-index:9999;"> <div style="background:#FFF3CD;border:1px solid #FFEEBA;padding:16px;border-radius:6px;box-sizing:border-box;max-width:480px;width:90%;text-align:center;"> <div style="font-size:14px;color:#856404;margin-bottom:12px;">您即将跳转至第三方网站,请注意保护好个人信息和财产安全!</div> <a href="https://comicdow.pdlcomic.top/1273%2F%E5%9B%A7%E6%AC%A1%E5%85%83.apk" target="_blank" rel="nofollow noopener noreferrer" style="color:#2d8cf0;text-decoration:none;" onclick="showThirdParty('none');">继续访问</a> </div> </div> <script> function showThirdParty(mode){ var el = document.getElementById('third-party-overlay'); if (!el) return; el.style.display = (mode === 'none' ? 'none' : 'flex'); } </script> </div> <div class="labsList"> </div> </div> <div class="contBoxNor"> <div class="contTit"> <div class="tit">资料下载</div> </div> <ul class="classRecomList"> <li> <a href="https://pan.quark.cn/s/ba8ef670cabd" rel="nofollow" target="_blank" title="编程学习资料下载" class="img_box"> <img loading="lazy" src="/assets/images/xuexiziliao.jpeg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="编程学习资料下载"> </a> <dl> <dt class="lineOverflow"> <a href="https://pan.quark.cn/s/ba8ef670cabd" rel="nofollow" target="_blank" class="aBlack" title="编程学习资料下载">编程学习资料下载</a> </dt> <dd class="cont1 lineTwoOverflow"> 精选 编程(Golang、Python、Java、C++、JavaScript等) 教程、电子书与示例源码,一键打包本地下载学习。 </dd> <dd class="cont2"> <a href="https://pan.quark.cn/s/ba8ef670cabd" rel="nofollow" target="_blank" class="toStudy">立即下载</a> </dd> </dl> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3年前  |   <a href="javascript:;" class="aLightGray" title="AI">AI</a> <a href="javascript:;" class="aLightGray" title="GPT">GPT</a> </div> <div class="tit lineOverflow"><a href="/article/29353.html" title="GPT-4王者加冕!读图做题性能炸天,凭自己就能考上斯坦福" class="aBlack">GPT-4王者加冕!读图做题性能炸天,凭自己就能考上斯坦福</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="29353" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3年前  |   <a href="javascript:;" class="aLightGray" title="算法">算法</a> <a href="javascript:;" class="aLightGray" title="模型">模型</a> </div> <div class="tit lineOverflow"><a href="/article/28953.html" title="单块V100训练模型提速72倍!尤洋团队新成果获AAAI 2023杰出论文奖" class="aBlack">单块V100训练模型提速72倍!尤洋团队新成果获AAAI 2023杰出论文奖</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="28953" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3年前  |   <a href="javascript:;" class="aLightGray" title="ChatGPT">ChatGPT</a> <a href="javascript:;" class="aLightGray" title="人工智能">人工智能</a> </div> <div class="tit lineOverflow"><a href="/article/29528.html" title="ChatGPT 真的会接管世界吗?" class="aBlack">ChatGPT 真的会接管世界吗?</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="29528" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3年前  |   <a href="javascript:;" class="aLightGray" title="AI">AI</a> <a href="javascript:;" class="aLightGray" title="VR">VR</a> </div> <div class="tit lineOverflow"><a href="/article/30028.html" title="VR的终极形态是「假眼」?Neuralink前联合创始人掏出新产品:科学之眼!" class="aBlack">VR的终极形态是「假眼」?Neuralink前联合创始人掏出新产品:科学之眼!</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="30028" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  3年前  |   <a href="javascript:;" class="aLightGray" title="人工智能">人工智能</a> </div> <div class="tit lineOverflow"><a href="/article/30733.html" title="实现实时制造可视性优势有哪些?" class="aBlack">实现实时制造可视性优势有哪些?</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="30733" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">最新阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  5分钟前  |   <a href="javascript:;" class="aLightGray" title="Hermes Agent">Hermes Agent</a> <a href="javascript:;" class="aLightGray" title="HermesAgent">HermesAgent</a> </div> <div class="tit lineOverflow"><a href="/article/603695.html" title="HermesAgent与Copilot代码理解对比" class="aBlack">HermesAgent与Copilot代码理解对比</a></div> <div class="opt"> <span><i class="view"></i>273</span> <span class="collectBtn user_collection" data-id="603695" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  7分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/603692.html" title="LucidpressAI导出PDF技巧与设置方法" class="aBlack">LucidpressAI导出PDF技巧与设置方法</a></div> <div class="opt"> <span><i class="view"></i>479</span> <span class="collectBtn user_collection" data-id="603692" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  8分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/603689.html" title="Figma AI按钮文字不居中怎么解决" class="aBlack">Figma AI按钮文字不居中怎么解决</a></div> <div class="opt"> <span><i class="view"></i>352</span> <span class="collectBtn user_collection" data-id="603689" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  14分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/603681.html" title="豆包AI解题方法_拍题搜答案分步讲解教程" class="aBlack">豆包AI解题方法_拍题搜答案分步讲解教程</a></div> <div class="opt"> <span><i class="view"></i>259</span> <span class="collectBtn user_collection" data-id="603681" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  32分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/603657.html" title="Hermes Agent与Ollama联调方法" class="aBlack">Hermes Agent与Ollama联调方法</a></div> <div class="opt"> <span><i class="view"></i>122</span> <span class="collectBtn user_collection" data-id="603657" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  35分钟前  |   <a href="javascript:;" class="aLightGray" title="Hermes Agent">Hermes Agent</a> <a href="javascript:;" class="aLightGray" title="HermesAgent">HermesAgent</a> </div> <div class="tit lineOverflow"><a href="/article/603653.html" title="HermesAgent乱改文件?设置只读与沙箱避坑指南" class="aBlack">HermesAgent乱改文件?设置只读与沙箱避坑指南</a></div> <div class="opt"> <span><i class="view"></i>268</span> <span class="collectBtn user_collection" data-id="603653" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  35分钟前  |   <a href="javascript:;" class="aLightGray" title="openclaw">openclaw</a> </div> <div class="tit lineOverflow"><a href="/article/603652.html" title="OpenClaw如何审查代码?AI检测潜在问题与Bug" class="aBlack">OpenClaw如何审查代码?AI检测潜在问题与Bug</a></div> <div class="opt"> <span><i class="view"></i>107</span> <span class="collectBtn user_collection" data-id="603652" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  55分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/603626.html" title="AI剪辑内容变现的5个实用步骤" class="aBlack">AI剪辑内容变现的5个实用步骤</a></div> <div class="opt"> <span><i class="view"></i>266</span> <span class="collectBtn user_collection" data-id="603626" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  59分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/603621.html" title="千问Qwen如何高效处理长文档摘要?" class="aBlack">千问Qwen如何高效处理长文档摘要?</a></div> <div class="opt"> <span><i class="view"></i>468</span> <span class="collectBtn user_collection" data-id="603621" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/603615.html" title="ChatGPT绘图乱码解决方法:指定中文字体路径" class="aBlack">ChatGPT绘图乱码解决方法:指定中文字体路径</a></div> <div class="opt"> <span><i class="view"></i>402</span> <span class="collectBtn user_collection" data-id="603615" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/603611.html" title="Claude4安全性比GPT-5强?深度分析" class="aBlack">Claude4安全性比GPT-5强?深度分析</a></div> <div class="opt"> <span><i class="view"></i>199</span> <span class="collectBtn user_collection" data-id="603611" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/82_new_0_1.html" class="aLightGray" title="科技周边">科技周边</a> · <a href="/articlelist/81_new_0_1.html" class="aLightGray" title="人工智能">人工智能</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="CanvaAI">CanvaAI</a> <a href="javascript:;" class="aLightGray" title="Canva可画">Canva可画</a> </div> <div class="tit lineOverflow"><a href="/article/603606.html" title="Canva单张设计购买价格及费用详解" class="aBlack">Canva单张设计购买价格及费用详解</a></div> <div class="opt"> <span><i class="view"></i>347</span> <span class="collectBtn user_collection" data-id="603606" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 课程推荐 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">课程推荐</div> <a href="/courselist.html" class="more">更多></a> </div> <ul class="classRecomList"> <li> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box"> <img loading="lazy" src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineOverflow"> 前端进阶之JavaScript设计模式 </dt> <dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。</dd> <dd class="cont2"> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a> <span>543次学习</span> </dd> </dl> </li> <li> <a href="/course/2.html" title="GO语言核心编程课程" class="img_box"> <img loading="lazy" src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineOverflow"> GO语言核心编程课程 </dt> <dd class="cont1 lineOverflow">本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。</dd> <dd class="cont2"> <a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a> <span>516次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img loading="lazy" src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineOverflow"> 简单聊聊mysql8与网络通信 </dt> <dd class="cont1 lineOverflow">如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让</dd> <dd class="cont2"> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a> <span>500次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img loading="lazy" src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineOverflow"> JavaScript正则表达式基础与实战 </dt> <dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd> <dd class="cont2"> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a> <span>487次学习</span> </dd> </dl> </li> <li> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box"> <img loading="lazy" src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineOverflow"> 从零制作响应式网站—Grid布局 </dt> <dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。</dd> <dd class="cont2"> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a> <span>485次学习</span> </dd> </dl> </li> </ul> </div> </div> <!-- footer --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="material-icons">home</em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="material-icons">menu_book</em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="material-icons">school</em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="material-icons">smart_toy</em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="material-icons">person</em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="/assets/js/SyntaxHighlighter/shCore.js?3.1.1"></script> <script> document.addEventListener('DOMContentLoaded', function () { if (document.querySelector('.cont pre')) { SyntaxHighlighter.all(); } }); </script> </body> </html>