Post feed footer中data标签无法正常使用的技术求助
你遇到的问题本质是Post feed footer输入框不支持Blogger的模板表达式语法(expr:href和<data:>标签),直接输入会因语法不兼容报错,编码后语法也无法被系统解析。以下是两种可行的替代方案:
方案一:修改Blogger主模板(推荐)
直接在Blogger的主模板文件中编辑post footer部分,这样模板语法能被正常解析:
- 进入Blogger后台的「模板」→「编辑HTML」
- 找到包含
<b:includable id='postFooter' var='post'>的代码块 - 将原有内容替换为以下代码:
The post <a expr:href='data:post.url'><data:post.title/></a> appeared first on <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
- 保存模板即可生效
方案二:用JavaScript动态生成(适合无法修改主模板的场景)
如果只能在footer输入框中添加纯内容,可通过JS动态获取页面信息并替换:
在输入框中添加以下代码(记得替换博客主页地址和标题):
The post <a id="dynamicPostLink" href="#"><span id="dynamicPostTitle">文章标题</span></a> appeared first on <a href="https://你的博客地址.com">你的博客名称</a> <script> // 获取当前页面的标题和URL const currentTitle = document.title; const currentUrl = window.location.href; // 更新链接和标题文本 document.getElementById('dynamicPostTitle').textContent = currentTitle; document.getElementById('dynamicPostLink').href = currentUrl; </script>
内容的提问来源于stack exchange,提问作者Ujjawal Bhandari
相关产品推荐
相关产品推荐

