如何在Duda上添加博客

在本指南中，我们将向您展示如何通过复制和粘贴几行代码，将一个功能齐全的博客添加到您的Duda网站。

的Duda网站建设者是伟大的建设丰富和复杂的网站无需编写代码。它的拖放编辑器让你对你的网站设计有极大的控制，但它并不能真正帮助你专注于你的博客写作。此外，你可能不希望所有的博客贡献者都能访问你的整个网站后端。

通过使用DropInBlog使用您现有的Duda网站，您可以有效地从网站中提取博客。你的内容创作者可以专注于写博客，而你可以专注于网站的结构和布局。

先决条件

要开始，你需要创建一个DropInBlog帐户，你可以免费使用14天的审判．你还需要一个现有的杜达网站．

创建博客页面

导航到Duda网站构建器，选择侧边栏中的页面，并点击新页面按钮以创建新的空白页。

或者，您也可以使用单个页面设置复制现有页面。这使您不必从头开始创建整个页面。

命名新创建的页面;我要用"博客"这个富有想象力的名字

你也需要这样做设置页面URL．控件中的页面项上的齿轮图标可以做到这一点页面边栏，并为标题字段键入值页面的URL．同样，我要设置我的页面URL到“博客”。

连接您的帐户&整合博客文章

在Duda构建器中打开新创建的博客页面并点击小部件在主侧栏中。定位超文本标记语言小部件并将其拖放到新创建的页面上。一旦小部件被删除，HTML内容编辑区域会自动打开。

接下来，打开一个新的浏览器窗口，转到你的DropInBlog账户。选择来自主导航的代码和布局．在博客代码步骤中，复制中所示的代码步骤1而且步骤2，它看起来是这样的:

< >脚本
var dib_id = 'XXXXXXXXXXXXXXXXXXX';
> < /脚本
< script src = " https://io.www.dante-rossetti.com/js/embed.js " > < /脚本>
< div id = " dib-posts " > < / div >

切换回Duda网站构建器，并将此代码粘贴到HTML内容弹出文本区域。点击更新来保存更改．

接下来的步骤将是发布新页面而且设置博客页面的URL在DropInBlog。

发布新博客

现在开始，点击发布在杜达的右上角。在那之后，Duda会发布你的网站变化，并给你一个链接到你的网站。复制页面地址链接回到DropInBlog。

在DropInBlog中，选择设置从主导航．定位博客网址字段，并添加您完整的Duda博客页面URL。这将是你的网站域名，紧随其后的是你的页面段。例如，我的网站URL和页面蛞蝓是:http://duda-website.multiscreensite.com/blog．

一定要点击保存所有更改在DropInBlog设置中。

祝贺你，你所有的辛苦工作现在完成了!现在是时候导航到你的新博客页面，测试你闪亮的、功能齐全的新博客了!✨

使用Duda的技巧

你新创建的博客会自动采用你网站的风格，并与你的品牌相匹配。但是，您可以使用页面上的另一个HTML Content小部件在Duda中添加自定义样式并添加自定义CSS。但是记住，当使用HTML Content小部件时，你需要像这样用样式标签包装CSS:<时尚>…> < /风格

常见问题