分类： ERPNext

要登录客户账户，客户需使用其电子邮件地址以及 ERPNext 在注册过程中生成并通过邮件发送的密码。

博客文章是您网站上的文章。

博客是分享您对业务想法的一个很好的方式。
它有助于让您的客户和读者及时了解与您业务相关的新闻。

在互联网时代，写作具有非常重要的意义，因为当
人们访问您的网站时，他们想了解您和您的产品。

要访问博客文章，请转到：

首页 > 网站 > 博客 > 博客文章

1. 如何创建博客文章

1. 转到博客文章列表，然后点击“新建”。
2. 输入标题、博客分类、博主和内容。
3. 启用“已发布”，然后点击“保存”。

博客简介是您博客的简短描述，显示在标题
之后、内容之前。

您可以使用富文本、Markdown 或 HTML 编写博客。如果您想编写
简单的内容页面，富文本和 Markdown 是很不错的选择。了解如何在此处
为您的博客添加图片。

在“掌握 Markdown”中，几分钟内即可学会 Markdown。

使用 Markdown 编写的博客文章

点击侧边栏中的 在网站上查看 来查看您的博客文章。

博客文章

如果您想禁止读者在当前博客文章中添加评论，请勾选 禁用评论 选项。

已禁用添加评论

2. 功能

2.1 博主

博主是可以发布博客的用户。要创建博主，请转到：

首页 > 网站 > 博客 > 博主。

您可以在此处填写博主的简短简介，并设置头像。

博主

预览将显示在博客文章的末尾。

博主预览

2.2 博客分类

您可以将博客分组到不同的类别中。要创建新的博客分类，请转到：

首页 > 网站 > 博客 > 博客分类。

博客分类

如果您点击侧边栏中的 在网站上查看，您将被重定向到
该分类下的博客列表。

博客分类 – 常规

2.3 元标签

元标签是向搜索引擎或社交媒体平台描述页面及其内容的 HTML 标签。元描述提供了网页的简要说明。

在 HTML 中，元描述标签的写法如下：

在 SEO 部分，您可以为博客文章添加元描述和元图片。当 Google 将博客作为搜索结果列出时，ERPNext 将生成博客的预览。

如果您将此部分留空，则博客简介或博客的前 140 个字符将显示为元描述。同样，如果您将元图片留空，则将选择博客中的第一张图片。

博客文章 Google 搜索预览

提交博客后，您还可以预览博客在 Facebook 或 Twitter 等社交媒体平台上分享时的外观。要检查此效果，请使用这些平台提供的调试工具：

• Facebook：分享调试器

• Twitter：卡片验证器

• LinkedIn：帖子检查器

要检查帖子预览，只需在工具中输入网页/博客链接：

使用 Facebook 的分享调试器工具

使用这些工具，您可以优化博客文章以便更好地分享。

ERPNext 中的博客为企业提供了一个强大的平台，用于与受众互动，并分享有价值的见解，让受众及时了解重要更新。通过在 ERPNext 中发布博客，用户可以轻松创建和发布文章、新闻更新、教程和案例研究等内容。该平台提供了可自定义的模板和格式选项，以增强博客文章的视觉吸引力并提高可读性。

• 博客文章

您可以通过“网站路由元数据”在网页中添加任意元标签。

元标签是隐藏的标签，用于向搜索引擎和网站访问者提供有关您页面的信息。
如果使用得当，这些标签可能有助于提升您的 SEO 以及在主流搜索引擎上的排名。
这些标签将放置在您页面的 “ 部分。ERPNext 允许您在网页中添加任意元标签，
以改善页面的 SEO。

要访问“网站路由元数据”，请前往：

首页 > 网站 > 网页 > 网站路由元数据

1. 如何向网页添加元标签

1. 前往“网站路由元数据”列表，点击“新建”。
2. 输入路由。确保路由不以斜杠（/）开头。该路由对应的网页必须已存在。
3. 为每个元标签添加键值对。例如，要为网页添加关键词，请在“键”列输入“keywords”，并在“值”列输入以逗号分隔的关键词。
4. 点击“保存”。

新建网站路由元数据

现在，如果您查看网页的页面源代码，元标签将显示为类似以下内容：

注意： 元标签不仅限于网页，还可以添加到 ERPNext 中任何具有网站页面的路由上。

例如，如果您知道博客文章的路径（可以从博客文章表单中获取），也可以为其添加元标签。

在版本 13 中引入

页面构建器允许您通过预配置的网页模板快速创建网页。

1. 如何使用页面构建器创建页面

1. 按照创建网页的步骤进行操作。
2. 勾选“全宽”复选框以启用全宽布局。
3. 将内容类型选择为页面构建器。
4. 在页面构建块表中点击“添加行”。
5. 选择一个网页模板。
6. 点击编辑值按钮。
7. 在对话框中输入值，然后点击“提交”。
8. 点击“保存”。
9. 只有当勾选已发布时，网页才会被发布。

使用页面构建器创建的新网页

页面构建器编辑值对话框

通过点击侧边栏中的在网站上查看来查看您的网页。

使用页面构建器的网页

1.1 添加区块

您可以通过在页面构建块表中添加更多行来为页面添加更多区块。
框架附带了一组丰富的网页模板，供您创建
各种类型的页面。

带有另一个区块的网页

带有另一个区块的网页 – 预览

1.2 区块选项

如果您点击展开页面构建块表中的一行，您将看到
以下附加选项：

• 添加容器：如果勾选，网页模板将在居中的约束框中渲染。
• 添加上方间距：如果勾选，将在区块上方添加适当的间距。
• 添加下方间距：如果勾选，将在区块下方添加适当的间距。
• 添加灰色背景：如果勾选，将为区块添加灰色背景。
• 隐藏块：如果勾选，将隐藏该区块。
• CSS 类：添加任何 CSS 类，并在样式部分的 CSS 字段中为其设置样式。

区块选项

静态内容，如您的首页、关于我们、联系我们、条款页面，都可以使用网页功能来创建。

要访问网页功能，请前往：

首页 > 网站 > 站点 > 网页

1. 如何创建网页

---

1. 前往网页列表，点击“新建”。
2. 输入标题并在主体部分添加内容。路由会自动生成，但您可以修改它。
3. 点击“保存”。
4. 只有当已发布选项被勾选时，网页才会被发布。

新建网页

通过点击侧边栏中的在网站上查看来查看您的网页。

网页

1.1 制作优秀网页的技巧

标题

首先要设置的是您页面的标题。标题对搜索引擎来说权重最高，因此请选择一个能反映您目标受众关键词的标题。路由（URL）会根据标题自动生成，但您可以修改它。

内容

您可以使用富文本、Markdown 或 HTML 来编写内容。如果您想制作简单的内容页面，富文本和 Markdown 是很不错的选择。

在“掌握 Markdown”中，几分钟即可学会 Markdown。

图片

对于富文本内容，您可以直接使用编辑器嵌入图片。对于 Markdown 和 HTML，您需要先将图片附加到文档中。然后，右键单击您的附件并复制地址，即可获取图片的 URL。

现在，使用相应的语法将它们添加到您的 Markdown 或 HTML 中。

<!-- markdown -->
![Alt Text](/path/to/image-url.png)

<!-- html -->
<img alt="Alt Text" src="/path/to/image-url.png">

2. 功能特性

---

2.1 幻灯片

您还可以在网页中添加幻灯片。有关如何创建幻灯片，请参阅“首页幻灯片”。

2.2 定时发布

如果您为网页设置了开始日期和结束日期，则可以安排网页的发布时间。它们将在设定的日期范围内被发布，并在范围外自动取消发布。

未发布的页面在访问时会抛出 Error 404 错误。

2.3 JavaScript 和 CSS

您可以在脚本部分向网页添加 JS 脚本。请确保将您的脚本写在 frappe.ready 回调函数内。

frappe.ready(() => {
    // your script here
});

您可以在样式部分向网页添加 CSS 样式。检查元素以查看有哪些可用的样式类。如果您使用 HTML 内容，您可以在此处使用自定义类并为其设置样式。

2.4 侧边栏

您可以在网页上添加带有自定义链接的网站侧边栏。在侧边栏和评论部分启用显示侧边栏。选择现有的网站侧边栏或创建一个新的。

网页侧边栏

在侧边栏项目表中添加链接及其路由。 网站侧边栏

带侧边栏的网页

2.5 评论

您可以在网页上启用评论功能，访客可以留下包含其姓名和电子邮件的评论。在侧边栏和评论部分启用评论功能。

网页评论

2.6 页头

您可以为页面的页头部分添加自定义 HTML。这将覆盖网页的标题。

网页页头

带自定义页头的网页

2.7 面包屑导航

您可以在网页上添加面包屑导航列表。它们将显示在页头之前的上方。

网页面包屑导航

带面包屑导航的网页

2.8 元标签

您还可以向网页添加元标签。您必须在元标签表中添加属性键及其值，它将自动在您的网页上生成 HTML meta 标签。

网页元标签

ERPNext 提供了一系列多样化的网站组件，以满足各种需求，包括网页元素，如 Web 表单、侧边栏和幻灯片。

ERPNext 中的 Web 表单允许企业通过直接嵌入网页的可定制表单，高效地收集客户数据。侧边栏在网页上提供了一个便捷的区域，用于显示导航链接、社交媒体动态或促销内容，从而提升用户体验和参与度。幻灯片是动态组件，能以视觉上吸引人的方式展示图片或促销信息，吸引访客注意力并有效传达关键信息。

通过利用 ERPNext 中的这些网站组件，企业可以创建互动性强、用户友好的网络体验，从而推动用户参与并支持其数字营销策略。

• 网页
• 网页构建器
• Web 表单
• 网站路由元数据

主页是您网站的默认落地页。

ERPNext 的网站模块会为您的网站生成一个默认的落地页。您可以在“主页”中对其进行自定义。

要在 ERPNext 中访问“主页”页面，请前往：

首页 > 网站 > 门户 > 主页

1. 如何设置主页

1. 选择公司。
2. 设置标题。该标题将显示在浏览器标签页中。
3. 按照下一节的说明配置 Hero 区域。

主页

请确保您在“网站设置”中将默认的“主页”设置为 home，此功能才能生效。

2. Hero 区域

您可以通过以下三种方式自定义 Hero 区域的外观：

1. 标语和描述（默认）。
2. 主页幻灯片。
3. 自定义 Hero 区域。

2.1 标语和描述

设置好标语、描述和 Hero 图片后，您的前台页面就会看起来不错。您还可以在“所有产品”的 URL 下更改“探索”按钮的链接地址。

网站主页

2.2 主页幻灯片

将“Hero 区域基于”设置为“幻灯片”，“主页幻灯片”字段将会出现。

主页幻灯片设置

现在，选择一个现有的幻灯片，或者按照如下所示创建一个新的幻灯片：

网站幻灯片

为了获得最佳效果，请确保所有幻灯片图片具有相同的高度，并且其宽度大于高度。

2.3 自定义 Hero 区域

第三种 Hero 区域类型允许您编写自己的 HTML。

将“Hero 区域基于”设置为“Hero 区域”。

现在创建一个新的 Hero 区域。将“区域基于”设置为“自定义 HTML”。
在“区域 HTML”字段中编写您的自定义 HTML。

主页设置

您可以在此处编写任何有效的 Bootstrap 4 标记。

新建 Hero 区域

效果将类似于这样：

主页 Hero 自定义

3. 特色产品

您还可以通过将产品添加到“产品”表格中，在主页上展示特色产品。

主页产品表格

效果将类似于这样：

主页上的特色产品

4. 主页区块

您可以通过创建新的“主页区块”来在主页上添加自定义区块。

前往 网站 > 门户 > 主页区块

主页区块可以由卡片或自定义 HTML 组成。将“区块基于”设置为“卡片”。

新建主页区块

在“区块卡片”表格中为每张卡片添加详细信息，如标题、副标题、图片、内容和路由。

效果将类似于这样：

主页区块

您还可以通过设置“区块顺序”来控制这些区块的显示顺序。0 将首先显示，然后是 1，依此类推。

要添加包含自定义 HTML 的区块，请参阅“自定义 Hero 区域”。

5. 自定义主页

如果您不想使用上述默认主页，ERPNext 允许您使用一个完全不同的主页。

要设置自定义主页：

1. 创建一个网页。
2. 前往 网站 > 设置 > 网站设置。
3. 将“主页”设置为您的网页的 route。
   

与网站相关的设置，如着陆页和网站全局主题，都可以在这里配置。

要访问网站设置，请前往：

首页 > 网站 > 设置 > 网站设置

1. 着陆页

通过将主页字段设置为该页面的路由，来配置您网站的默认着陆页。您可以在此处放置任何路由，包括标准路由，如 home、about、contact、login、all-products 和 blog。

您也可以将一个网页设置为着陆页。

如果您想使用 ERPNext 主页，则必须将其设置为 home。

网站设置 – 着陆页

您也可以在此处设置标题前缀。它会被附加到每个页面的浏览器标题上。您可以在此处填写您的公司名称。

2. 网站主题

为您的网站创建个性化主题并在此处进行设置。点击此处了解更多关于配置网站主题的信息。

3. 品牌

3.1 品牌标志

您可以在此部分设置您网站的品牌标志。首先上传品牌图片，然后点击“从图片设置横幅”按钮。它将使用您上传的标志生成一个横幅 HTML。

网站设置 – 横幅图片

3.2 网站图标

您也可以在此部分设置您网站的网站图标。它显示在浏览器标签页的左侧。

网站设置 – 网站图标

通过点击右上角操作栏中的查看网站来查看您的网站。

带有品牌和网站图标的网站

4. 顶部栏

您可以在顶部栏部分自定义您网站导航栏中的菜单项。

网站设置 – 顶部栏

网站导航栏项目

5. 横幅

您可以向您的网站添加一个持久横幅，它将显示在所有网页的导航栏上方。您可以在此处编写任何有效的 Bootstrap 4 标记。

网站设置 – 横幅

网站横幅

6. 页脚

您可以在页脚部分向页脚添加地址信息和分类链接。

网站设置 – 页脚地址

网站设置 – 页脚链接

网站页脚

配置“技术支持”部分

您可以通过编辑“页脚技术支持”来配置技术支持部分。

7. Google 集成

7.1 Google 索引

如何设置自动 Google 索引

为了允许 ERPNext 请求 Google 爬虫索引网页，您需要授权 ERPNext 在用户请求数据时发送请求。Google Drive 集成通过以下步骤进行设置：

• 通过 Google 设置创建 OAuth 2.0 凭据

• 在网站设置中启用索引

• 现在点击授权 API 索引访问以授权 ERPNext 发送发布请求。

• 授权后，当用户创建/更新/删除任何新的博客文章或网页时，会自动发送索引请求。

Google 集成

7.2 Google Analytics

您可以在您的网站上启用 Google Analytics。只需从您的 Google 控制台获取您的 Google Analytics ID 并在此处设置即可。

默认情况下，Google Analytics 会收集您网站访客的完整 IP 地址。通过勾选“Google Analytics IP 匿名化”，ERPNext 将指示 Google Analytics 在将 IP 地址发送到 Google 服务器之前对其进行匿名化处理。您可以在 Google 的文档中了解有关此设置影响的更多信息。

8. HTML 头部

您可以使用此部分在所有网页上设置元标签。一个常见的用例是添加 Google 网站验证标签。

网站设置 – 头部

9. Robots

您可以在此部分定义 robots.txt 规则。网络爬虫使用此信息来决定索引哪些页面以及跳过哪些页面。

网站设置 – Robots

在 Moz – Robots.txt 上了解更多关于 robots.txt 的信息

10. 重定向

您可以在此处定义路由重定向的映射。以下截图中的映射确保如果用户访问 https://apple.erpnext.com/iphone，他们将被重定向到 https://apple.erpnext.com/products/iphone。

对于这些路由，ERPNext 将返回 301 Permanent Redirect 响应。

网站设置 – 路由重定向

如果您正在将现有网站迁移到基于 ERPNext 的网站，您可以在此处将旧路由映射到新路由，这些重定向将被 Google 识别，并有助于您保持 SEO 排名。

11. 聊天

您可以在聊天部分启用网站访客聊天功能。聊天小部件将显示在从时间到至时间之间。您还可以 设置聊天客服（用户），当访客发送消息时，他们将收到通知。
消息。

聊天是一项实验性功能。