跳转到内容
无痕工具库 无痕工具库

Hostinger AI Builder 手动模式创建博客教程

在 Hostinger AI Builder 手动模式网站上快速轻松地创建博客。

开始之前

在开始之前,请先确认以下几个问题:

  • 你希望博客是你网站的核心,还是仅仅作为网站的一个组成部分?
    你可以创建一个简单的单页网站,并通过多个 网站区块 在该页面中**展示所有博客文章。
    你也可以在网站上拥有
    更多页面,例如关于、项目、联系方式等——博客可以是其中之一。总的来说,你可以轻松地在网站的任何页面中插入博客区块**。
  • 你想在博客上写什么主题?
    如果你计划涉及多个主题,可以为博客文章创建多个**分类**。
  • 你的博客会有一个特定的名称吗?
    如果没有,请至少确保你的博客文章标题足够醒目。

启用博客工具

首先,请确保你的网站上已启用博客模块:

  1. 在 AI 构建器(AI builder)中,展开左侧的 Blog 管理面板。如果你看到示例博客文章,说明你的网站模板已经包含博客区块或博客页面。如果没有看到任何示例博客文章,请点击 Start a blog,系统会在你的页面中插入一个博客区块(附带几篇示例博客文章):
  2. 你可以在网站页面中添加多个博客区块,并在每个区块中显示不同的博客文章(按分类显示)。在构建器中,点击任意两个区块之间的 Add section 按钮:
    Hostinger 网站构建器添加区块按钮
  3. 在菜单中选择 Blog 并点击其缩略图。这样,博客区块就会被插入到你的页面中:
    添加新区块对话框,已选择 Blog 类别,右侧显示博客文章预览

使用博客区块在网站上展示你的博客文章。

创建新博客文章

  1. 在构建器中,打开左侧的 Blog 管理面板
  2. 点击 Add new post:
  3. 这会进入使用 AI 创建博客文章的界面,如果你点击 Skip,就会看到博客文章编辑器:

一篇博客文章由两个主要部分组成:

  1. 页眉包含博客文章的标题、描述、作者、发布日期和阅读时长

    1. 你可以在 博客文章设置 中编辑这些信息(阅读时长除外——它是自动计算的)
    2. 你可以在 博客文章页眉设置 中显示或隐藏这些信息
  2. 正文包含文章的主要内容:文本、图片、视频等。

你可以随时为博客文章添加各种区块和元素。了解如何**管理博客设置**。

小贴士

请确保内容易于阅读,且网站整体易于浏览。保持设计简洁一致,避免使用过多的**字体。检查颜色是否对比鲜明、互不冲突:例如,避免在浅色/彩色背景上使用浅色文字,或在深色/彩色背景上使用深色文字。了解如何更改区块背景的遮罩不透明度或为文本元素添加背景色**。

由于超过 50% 的网站流量来自移动设备,请记得检查博客的**移动版本**。

为了让全世界了解你的博客,你可以在各种社交媒体平台上分享文章链接。在此之前,请确保为博客文章添加**特色图片**——它们会作为链接预览图显示在社交媒体平台上。

借助**自定义代码**,你可以在博客文章中嵌入第三方集成,例如:

如果你想发送邮件简报(newsletter),请记得在网站上**添加订阅表单**。

发布博客

完成上述所有步骤且博客准备就绪后,即可**发布你的网站**。

博客文章管理任务的其他资源: