logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

在 Drupal 上创建博客。使用模块 FCKeditor 和 Pathauto。

15/10/2025, by Ivan

如今有许多创建博客的解决方案,也许最流行的就是 Wordpress。Wordpress 被定位为博客用 CMS,你可以在搜索引擎中找到大量关于它的资料。不过我认为基于 Drupal 的博客运行速度更快。

如果你选择 Drupal 来搭建新博客,那我们就一起来创建它吧。这不会花费超过半小时。我们已经安装好了 DrupalAdmin Menu 模块,也许你还稍微调整了网站的主题外观

让我们开始构建全新的博客。我们需要以下步骤:

1. 启用 Drupal 标准模块集中的 blog 模块。

Drupal module blog

现在我们可以创建“博客文章”了:

drupal module block запись в блоге

填写“标题”和“内容”字段并点击“保存”:

drupal запись в блоге

文章已创建,每篇新文章都会按顺序出现在地址 имя_сайта/blog/1 下。添加几篇文章,就能看到新帖子在博客页面顶部显示。

drupal blog записи в блоге

现在我们将博客链接(blog/1)添加到导航菜单(Navigation)。在管理菜单中进入“结构 → 菜单 → 菜单列表”,选择 Navigation 并添加菜单项。可以通过拖动项目左侧的十字图标调整菜单项顺序。

друпал ссылки в меню

然后将博客页面设为网站主页。进入“网站设置 → 关于网站”:

ссылка о сайте

在“默认主页”字段中输入 blog/1

друпал главная страница

第二步,我们需要一个方便的可视化编辑器,用于撰写和编辑文章。

2. 在 Drupal 中安装 CKEditor。

要安装可视化编辑器,我们需要以下模块:

  • WYSIWYG — 允许安装多个可视化编辑器(CKEditor、FCKeditor、jWysiwyg、markItUp、NicEdit、openWYSIWYG、TinyMCE、Whizzywig、WYMeditor、YUI editor)。我个人通常使用 CKEditor。
  • 下载可视化编辑器本体 CKEditor

我们还需要图片上传功能。CKEditor 本身不提供上传功能,它推荐使用付费扩展 CKFinder。我们可以使用免费替代方案 IMCE,它是文件上传模块。安装 IMCE 需要以下模块:

下载好 Drupal 和这些模块后,安装它们不会有任何问题。我们开始吧。

将 WYSIWYG 模块解压至 sites/all/modules(如果 all 文件夹中没有 modules,请创建它)。

друпал установка WYSIWYG

启用 WYSIWYG 模块:

Drupal модуль WYSIWYG

为了让编辑器正常工作,需要将它放入 sites/all/libraries 文件夹(注意 ckeditor 不是模块,而是编辑器,因此要放入 libraries 而不是 modules 文件夹)。

libraries папка друпал

将 CKEditor 文件复制到 libraries 文件夹:

Друпал CKEditor

然后进入 WYSIWYG 模块设置(如果没有黑色菜单,请安装 admin menu 模块):

WYSIWYG настройки

如果你使用标准输入格式,那么“过滤后的 HTML(Filtered HTML)”不适合使用 CKEditor 的所有功能,因为大多数 HTML 标签 会被过滤。当然你也可以选择在所有输入格式中使用 CKEditor。

копируем CKEditor

现在,如果我们创建新内容(Page 或 Story),就能用 CKEditor 编辑。为了保留图片和 HTML 标签,请选择“Full HTML”输入格式。

Форматы ввода

设置默认输入格式为 Full HTML:

Full HTML формат вывода

创建一个新页面查看 CKEditor 的界面:

Drupal CKEditor внешний вид

CKEditor 运行正常!现在我们可以为它添加更多按钮。

Drupal CKEditor настройка

注意:每个输入格式都有独立的 FCKeditor 设置。如果你添加了按钮却没看到变化,可能是改错了输入格式。

Drupal CKEditor кнопки

添加按钮后,创建新页面测试效果:

Drupal CKEditor установка - работает

现在我们可以随意更改字体样式,但还需要添加图片上传功能。将 IMCE 和 IMCE Wysiwyg bridge 模块复制到 sites/all/modules 并启用它们。

IMCE

现在在 WYSIWYG 设置中会出现一个 IMCE 按钮,启用它:

IMCE включить

编辑器工具栏中会出现上传图片的按钮:

IMCE загрузка картинок

上传图片步骤:

Browse Server → Upload → Insert file

IMCE загрузка картинок

IMCE загрузка картинок 3

Drupal загрузка картинок 4

点击“确定”后,图片会插入到文章中,现在我们就拥有了一个完整的可视化编辑器:

IMCE загрузка картинок 5

3. 使用 Pathauto 模块为文章创建唯一且易读的 URL。

Drupal 内置 Path 模块,用于创建 URL 别名。例如,如果你的页面地址是 your_site/node/13/,使用该模块可以创建别名 your_site/content/vasha-stranica。不过手动设置每个别名很耗时,Pathauto 模块可以自动完成这项工作。

Pathauto 需要依赖模块 Token,将它们都复制到 sites/all/modules 中。通过 Admin menu 启用 Pathauto 模块时,Drupal 会自动提示启用所需依赖 Path 和 Token。

现在所有新的博客文章、页面(Page)和故事(Story)都会自动生成可读的 URL。

不过,这些 URL 默认使用俄语字符。要将它们转换为拉丁字符,请将模块 PathAuto 文件夹中的“i18n-ascii.example.txt”重命名为“i18n-ascii.txt”。

接着进入 Path 模块设置。在 Admin menu 中选择“网站设置 → 模块设置 → Path 模块 → 别名”。

Drupal модуль настройка Pathauto

在“自动别名设置 → 通用设置”中勾选“创建别名前进行转写”。保存后,所有 URL 都将转换为拉丁字符。

drupal модуль Pathauto настройка

(旧版教程)在 Drupal 中安装 FCKEditor(FCKEditor 已过时,建议使用 CKEditor 或其他现代编辑器)