javascript - Blogger 数据 :post. 网址不起作用

标签 javascript css html blogger

我正在尝试在博客上建立自己的社交共享链接 但问题是 data:post.url 无法检索当前帖子的 URL,看起来根本不起作用。

这是我正在尝试做的更多细节:

1) 我想创建自己的共享链接,以便我的网站比使用第三方插件/网站运行得更快 - 这些插件/网站通常注入(inject)跟踪 .JS 并且未进行 SEO 优化。

2)我完全知道,要使 data:post.url 正常工作,我应该首先添加表达式 expr ,然后添加 href>...例如:expr:href

3)所以 Facebook 分享按钮的最终代码如下:

<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank' title='Facebook Share'><i class="fa fa-facebook" aria-hidden="true"></i></a>

当我将光标悬停在 Facebook 共享按钮上(或单击它)时,我得到 http://www.facebook.com/sharer.php?u=没有当前 URL,这意味着 data:post.url 不起作用

对此有解决方案或解释吗?

谢谢。

最佳答案

问题解决了!

在我在这里发布这个问题之后,我打开了很久以前写的一个旧博客用于测试目的,并开始观察代码,直到找到类似的代码,这意味着上面是正确的。

我做了一个测试,我在结束之前粘贴了这个 </body> 正如我以前所做的那样,但没有成功。然后我尝试将其粘贴到原始代码前面,你猜怎么着?没问题!

嗯,这完全正常,感谢 article I read之后,我发现有两种类型的数据:可以在主题中的任何位置访问的数据(全局)和只能在适当的小部件下访问的数据(本地) 。

所以data:post.url是一种本地类型的数据,只能在帖子小部件下访问!

如果您想查看类似的代码功能,请搜索博客文章小部件并将其粘贴到其下方。

要查找博客文章小部件,请打开主题的 HTML,然后在键盘上单击CTRL+F 并输入博客文章 ,您将被定向到title='博客文章',将您的代码粘贴到<b:widget title='Blog posts'...之间的任意位置。 </b:widget> 。保存更改,然后访问您的网站,看看效果如何!

对于我的分享按钮,我使用了另一种可以在主题中的任何位置访问的数据类型:我输入的是 data:blog.url,而不是 data:post.url strong> 这样我就可以将代码放在 </body> 之前.

如果您想在我的博客上了解它的工作原理:Click Here

关于javascript - Blogger 数据 :post. 网址不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51218617/

相关文章:

javascript - 范围错误: Maximum call stack size exceeded (Angular)

javascript - 单击时 jQuery 下拉列表不显示

html - Notepad++ 的正则表达式

android - 为什么chrome无法读取android上的本地html文件?

javascript - 我得到错误 "Cannot read property ' 然后'未定义'

javascript - 在字符串内回显 PHP

css - 如何阻止具有多个图像的 Flexbox 超过容器的高度?

html - 我的应用程序中字符之间没有空格

html - 将类从 navbar-light 更改为 navbar-dark 隐藏导航栏

html - 需要显示带有等长下划线的多行文本