dede bshare分享插件

官方插件安装（推荐）

这是最标准、最安全、最方便的方法，通过 DedeCMS 的后台插件管理进行安装。

优点：

• 一键安装/卸载：操作简单，无需手动修改文件。
• 自动更新：BShare 接口有更新，插件作者可能会发布新版本进行适配。
• 安全可靠：插件通常经过作者测试，与 DedeCMS 的兼容性有保障。
• 管理方便：可以在后台插件管理中统一管理，方便开启、关闭或设置。

安装步骤：

1. 下载插件文件：

   • 访问 DedeCMS 的官方资源站（如 dedecms.com）或知名的 DedeCMS 插件下载站点。
   • 在搜索框中输入 “BShare” 或 “BShare分享”，找到对应的插件版本。请务必选择与你 DedeCMS 版本（如 V5.7, V5.6 等）相匹配的插件。
   • 下载插件压缩包（通常是 .zip 格式）。

2. 上传插件到服务器：

   • 通过 FTP 或主机控制面板，将下载的插件压缩包上传到你的 DedeCMS 网站的 /dede/ 目录下。

3. 在后台安装插件：

   • 登录你的 DedeCMS 后台管理。
   • 在左侧菜单栏中找到 【系统】 -> 【插件管理】 -> 【插件安装】。
   • 在“上传新插件”页面，点击“选择文件”，找到刚刚上传到 /dede/ 目录下的 .zip 压缩包。
   • 点击“上传安装”按钮。

4. 安装与启用：

   
   （图片来源网络，侵删）
   • 系统会自动解压并安装插件,如果安装成功，会提示安装成功。
   • 安装后,插件会出现在 【系统】 -> 【插件管理】 -> 【已安装插件】 列表中。
   • 找到 BShare 插件，点击后面的“设置”按钮，可以配置 BShare 的样式、显示位置等参数。
   • 配置完成后,点击“启用”按钮。

5. 验证效果：

   • 访问你的网站任意一篇内容文章页,刷新页面。
   • 你应该就能在文章内容下方、文章标题上方或文章末尾等预设位置看到 BShare 的分享图标了。

手动代码集成（适用于无插件或自定义需求）

如果你的 DedeCMS 版本找不到对应插件，或者你想更灵活地控制分享按钮的位置，可以采用手动集成的方式。

优点：

• 高度灵活：可以自由决定分享按钮在模板中的具体位置。
• 无需插件：减少了一个插件，可能对系统性能有微小提升。
• 适配性强：可以兼容任何版本的 DedeCMS。

集成步骤：

1. 获取 BShare 代码：

   • 访问 BShare 官网：https://www.bshare.cn/
   • 注册并登录你的账号。
   • 在“获取代码”页面，选择你喜欢的分享按钮样式（横向、纵向、浮动等）。
   • BShare 会为你生成一段包含 <script> 标签的 JavaScript 代码。请务必记下你的 BShare UID，这是识别你网站的关键。

2. 修改 DedeCMS 模板文件：

   • 你需要将 BShare 的代码添加到文章内容页的模板文件中，这个文件通常是 /templets/default/article_article.htm。
   • 通过 FTP 或后台的模板管理功能，打开 article_article.htm 文件。

3. 定位并插入代码：

   • 根据你的需求,将 BShare 代码插入到合适的位置，常见位置有：
     • 下方：在 {dede:field.title/} 之后插入。
     • 上方：在 {dede:field.body/} 之前插入。
     • 下方：在 {dede:field.body/} 之后插入。这是最推荐的位置，因为用户读完文章后更有分享的意愿。
     • 文章末尾：在 {dede:field.body/} 和 {dede:prenext get='next'/} 之间插入。

   示例：在文章内容下方插入

   找到类似这样的代码块：

   {dede:field.body/}
   <!-- 文章内容结束 -->
   <div class="prenext">
     {dede:prenext get='pre'/}
     {dede:prenext get='next'/}
   </div>

   在 {dede:field.body/} 和 <div class="prenext"> 之间，插入你的 BShare 代码。

   注意：BShare 的代码通常包含一个 <div id="bsShareContainer" ...> 和一个 <script type="text/javascript" ...>，你需要将这两部分都放进去。

   {dede:field.body/}
   <!-- BShare 分享按钮开始 -->
   <div id="bsShareContainer" class="bsShareContainer" style="height:40px;padding:0 10px;font-size:12px;text-align:right;">
       <!-- BShare 分享按钮将在这里渲染 -->
   </div>
   <script type="text/javascript" charset="utf-8" src="https://static.bshare.cn/b/buttonLite.js#style=-1&uuid=YOUR_BSHARE_UID&pophcol=2&lang=zh"></script>
   <script type="text/javascript" charset="utf-8">
       document.getElementById("bsShareContainer").setAttribute("data", "url={dede:field name='arcurl'/}&title={dede:field name='title'/}");
       // BShare.init();
   </script>
   <!-- BShare 分享按钮结束 -->
   <div class="prenext">
     {dede:prenext get='pre'/}
     {dede:prenext get='next'/}
   </div>

   代码解释：

   • uuid=YOUR_BSHARE_UID：请务必替换成你自己的 BShare UID。
   • data="url={dede:field name='arcurl'/}&title={dede:field name='title'/}"：这部分是关键，它使用 DedeCMS 的模板标签 {dede:field name='arcurl'/} 和 {dede:field name='title'/} 来动态获取当前文章的 URL 和标题，确保分享的是正确的页面。

4. 保存并刷新：

   • 保存 article_article.htm 文件。
   • 访问网站的一篇文章页,刷新浏览器，查看分享按钮是否正常显示和工作。

总结与建议

给你的建议：

• 首选官方插件：如果你的 DedeCMS 版本有可用的 BShare 插件，请务必使用插件安装，这是最省心、最规范的做法。
• 手动集成作为备选：如果没有对应插件，或者你希望对分享按钮的样式和位置有极致的控制，那么手动集成是最佳选择，这种方法虽然需要一点技术基础，但效果同样出色。

希望这份详细的指南能帮助你成功在 DedeCMS 网站上集成 BShare 分享功能！