“百度分享”现在已经升级为 百度分享2.0，它不再是一个需要下载和上传文件的传统插件，而是通过一段简单的JS代码直接嵌入到网页中即可，这种方式更加灵活、稳定，也便于维护。
核心思路
织梦CMS的文章详情页通常是通过一个模板文件来生成的,这个文件一般是 article_article.htm，我们的目标就是在这篇模板文件中，合适的位置（比如文章内容下方）插入百度分享的JS代码，这样当任何一篇文章被浏览时，都会自动加载分享功能。
详细安装步骤
第一步：获取百度分享代码
- 访问百度分享官方页面：https://share.baidu.com/
- 在页面上,你会看到一个代码生成工具，根据自己的需求进行配置：
- 分享样式：选择你喜欢的按钮样式，横向滑动”、“大图标”、“文字”等，推荐使用“标准样式”或“滑动分享”，它们对页面布局影响较小。
- 分享到哪些平台：勾选你希望用户可以分享到的平台，如微信、微博、QQ空间、Twitter、Facebook等。
- 是否开启数据分析：强烈建议开启，这可以帮助你了解文章的分享情况，对内容运营非常有价值。
- 配置完成后,点击页面上的 “获取代码” 按钮。
- 你会得到一段
<script>标签包裹的JavaScript代码。请复制下方的“通用代码”，它通常是下面这个样子（具体内容会根据你的配置而变化）：
<script>
window._bd_share_config = {
"common": {
"bdSnsKey": {}, // 这里是你在百度后台配置的API Key，如果是通用代码，这里可以为空
"bdText": "", // 分享时显示的文字，会自动抓取文章标题
"bdMini": "2",
"bdMiniList": false,
"bdPic": "", // 分享时显示的图片，会自动抓取文章第一张图
"bdStyle": "0", // 对应你选择的样式
"bdSize": "16" // 按钮大小
},
"share": {
"bdSize": 16
},
"image": {
"viewList": ["qzone", "tsina", "weixin", "sqq"],
"viewText": "分享到：",
"viewSize": "16"
},
"selectShare": {
"bdContainerClass": null,
"bdSelectMiniList": ["qzone", "tsina", "weixin", "sqq"]
}
};
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='https://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
第二步：修改织梦模板文件
-
登录织梦后台：使用你的管理员账号登录织梦CMS后台。
-
找到模板文件：
- 在左侧菜单栏,点击 【模板】 -> 【默认模板管理】。
- 在模板列表中,找到你当前正在使用的文章详情页模板，它通常位于
article目录下，文件名为article_article.htm。 - 点击
article_article.htm后面的 【修改】 按钮。
-
插入代码：
（图片来源网络，侵删）- 在模板代码中,找到一个合适的位置来插入你刚刚复制的百度分享代码。最佳位置是在文章内容（
{dede:field.body/}）的下方，评论区的上方。 - 这样用户阅读完文章后,可以很方便地进行分享。
- 找到类似
{dede:include file='phpcms/comments.php' /}或者<div class="dede-post-action">这样的代码段，在其前面插入百度分享代码。
示例代码位置：
<div class="article-content"> {dede:field.body/} <!-- 在这里插入百度分享代码 --> <script> // ... 这里是你从百度复制的整段JS代码 ... </script> <!-- 代码插入结束 --> {dede:include file='comment.htm'/} <!-- 或者评论区的其他代码 --> </div> - 在模板代码中,找到一个合适的位置来插入你刚刚复制的百度分享代码。最佳位置是在文章内容（
-
保存模板：点击模板编辑器右上角的 【保存】 按钮。
第三步：清除缓存并测试
-
清除网站缓存：
- 在织梦后台,点击 【系统】 -> 【一键更新网站】。
- 在更新选项中,勾选 “更新HTML” 和 “更新缓存”，然后点击 “开始更新”，这一步是为了确保织梦重新生成了包含新代码的HTML页面。
-
测试效果：
（图片来源网络，侵删）- 访问你网站的一篇文章详情页。
- 刷新页面（Ctrl+F5 强制刷新，确保加载的是新代码）。
- 滚动到文章底部,你应该能看到你选择的百度分享按钮了。
- 点击分享按钮,测试是否能正常弹出分享窗口。
进阶优化与注意事项
自动获取文章标题和图片
在上面的通用代码中,bdText 和 bdPic 字段是空的，百度分享的JS很智能，会自动尝试抓取页面的 <title> 标签作为分享文字，抓取 <meta name="image" content="..."> 或者文章内容中的第一张图片作为分享图。
为了确保分享效果最佳,建议在织梦的 article_article.htm 模板的 <head> 部分加入以下代码：
<!-- 自动获取文章标题 -->{dede:field.title/}_{dede:global.cfg_webname/}</title>
<!-- 自动获取文章第一张图片作为分享图 -->
<meta name="description" content="{dede:field.description function='html2text(@me)'/}">
<meta name="keywords" content="{dede:field.keywords/}">
<meta property="og:title" content="{dede:field.title/}" />
<meta property="og:description" content="{dede:field.description function='html2text(@me)'/}" />
<meta property="og:image" content="{dede:field.litpic/}" />
<meta property="og:url" content="{dede:field.arcurl/}" />
这段代码不仅有助于百度分享,还能提升你的文章在社交媒体（如微信、微博）上分享时的显示效果（即“富媒体分享”）。
针对不同页面的分享代码
你可能希望首页、列表页和详情页显示不同的分享按钮，百度分享支持 “动态获取”，你可以在模板中写一个判断。
在列表页 list_article.htm 中，你可能不希望显示分享按钮，或者在首页显示一个简单的关注按钮。
列表页/首页不显示分享：
直接在对应的模板文件（index.htm, list_article.htm）中不插入百度分享代码即可。
详情页显示特定分享：
在 article_article.htm 中插入代码即可，如上所述。
遇到问题怎么办？
-
分享按钮不显示：
- 检查代码是否正确复制并粘贴到了
article_article.htm的正确位置。 - 确认是否执行了“一键更新网站”操作，清除了缓存。
- 按下 F12 打开浏览器开发者工具，查看 Console（控制台）是否有JS错误，Network（网络）面板中
share.js是否加载成功。 - 检查你的网站是否因为安全策略（如CSP）阻止了外部脚本的加载。
- 检查代码是否正确复制并粘贴到了
-
不对（标题、图片错误）：
- 检查文章的标题、摘要和缩略图字段是否在后台填写正确。
- 确认模板中
<head>部分的og:meta标签是否正确，特别是og:image的值{dede:field.litpic/}是否能正确获取到图片地址。 - 如果文章没有缩略图,
{dede:field.litpic/}会是空的，可能导致分享失败，可以设置一个默认图片，<meta property="og:image" content="{dede:field.litpic/}/images/default_share.jpg" />。
对于织梦CMS,集成百度分享2.0已经非常简单，不再需要复杂的插件安装，核心步骤就是：
- 从官网复制JS代码。
- 将代码粘贴到
article_article.htm模板的合适位置。 - 更新网站缓存。
- 测试效果并根据需要进行优化。
这种方法不仅适用于百度分享,也适用于其他类似的分享组件（如JiaThis、Share.js等），只需更换对应的JS代码即可。
