如何在静态网站上添加社交分享按钮?

Posted

技术标签:

【中文标题】如何在静态网站上添加社交分享按钮?【英文标题】:How to Add Social Sharing Buttons on a static site? 【发布时间】:2016-09-22 07:22:17 【问题描述】:

我希望在拥有 500 多个静态页面的静态页面上添加社交分享按钮。

我可以手动添加,但这是一个非常繁琐的任务,所以寻找一种简单的方法来添加。

有什么方法可以动态获取静态站点的永久链接我正在考虑将其传递给共享代码,以便如果有任何方法可以自动添加一段代码,我可以在代码中附加 URL所有页面都会有很大帮助。

最好的问候, 阿皮特

【问题讨论】:

【参考方案1】:

你手动创建了500个页面还是使用php动态生成? 如果它是动态生成的,您可以轻松地将社交分享插件添加到每个页面。

social9.com 社交分享的 html 代码 https://www.social9.com/get-free-social-share/ ...从 HTML 代码列表中选择“您自己的代码”。

【讨论】:

1) 链接坏了 2) 她说的有点对... 手动管理 500 个静态 HTML 页面并不会真正让您有所收获。看看JBake。【参考方案2】:

是的,有办法。

    在 IDE 中使用正则表达式来查找正确的位置并将代码放置在替换字符串中。 如果这还不够强大,请编写一个脚本,例如使用在 Linux 或 Groovy 中使用 Bash,或者我会亲自编写一个利用 JSoup 库的简单 Java 程序。 最后,我建议大多数人放弃手动维护文件,转而使用静态站点生成软件,例如JBake。 JBake 可以获取您的 HTML 页面并将其内容作为输入,并通过模板重新生成网站。

【讨论】:

以上是关于如何在静态网站上添加社交分享按钮?的主要内容,如果未能解决你的问题,请参考以下文章

如何将 Azure 授权社交提供程序与静态 html 角度网站一起使用?

Magento 1.9 安装了“AddThis”社交分享按钮,但我们的网站上没有出现社交分享按钮

如何使静态网站的内容可共享

一页上有许多社交网络的分享按钮

使用社交身份验证限制访问静态网站的最简单方法是啥

如何在 HTML 中的视频上添加按钮?