冬盡今宵長

?

hi, 大家好, 我是徐小夕,之前和大家分享了很多「低代碼可視化」和「前端工程化」相關(guān)的話題, 今天繼續(xù)和大家聊聊「CMS」系統(tǒng).

?

內(nèi)容管理系統(tǒng) (「CMS」) 使沒有強(qiáng)大技術(shù)背景的人也能夠輕松發(fā)布內(nèi)容。我們可以使用 「CMS」 來管理我們的內(nèi)容和交付。市面上有不同類型的 「CMS」，它們執(zhí)行不同的目的并具有不同的功能。

在本文中，我將和大家分享一下 「2022」 年使用的一些最佳 「Node.js CMS」，希望可以作為我們選擇最佳 「CMS」 的指南。

什么是內(nèi)容管理系統(tǒng)？

內(nèi)容管理系統(tǒng)是一種軟件應(yīng)用程序，它提供圖形用戶界面，其中包含我們可以用來創(chuàng)建、更新、管理和發(fā)布內(nèi)容的工具。

內(nèi)容存儲在數(shù)據(jù)庫中，并通過 CMS 提供的展示層或前端層（通常以網(wǎng)站模板的形式）顯示給目標(biāo)受眾。

有不同類型的 「CMS」，但最常見的如下：

1.傳統(tǒng)內(nèi)容管理系統(tǒng)

傳統(tǒng)的 「CMS」 是一個整體且緊密耦合的系統(tǒng)。對于傳統(tǒng)的 「CMS」，內(nèi)容和前端層或“頭部”緊密相連。傳統(tǒng)的 「CMS」 提供了顯示內(nèi)容的前端層。

傳統(tǒng) 「CMS」 的入門門檻較低。它提供模板、拖放界面和所見即所得編輯器，使非開發(fā)人員無需編程或技術(shù)知識即可創(chuàng)建網(wǎng)站。

2.無頭內(nèi)容管理系統(tǒng)

「Headless CMS」 是僅后端且 「API」 優(yōu)先的內(nèi)容交付系統(tǒng)。它沒有傳統(tǒng) 「CMS」 的限制。

與傳統(tǒng)的 「CMS」 不同，無頭 「CMS」 不提供展示層。相反，它充當(dāng)我們內(nèi)容的基于云的存儲。內(nèi)容與前端展示解耦。

開發(fā)人員通過 「CMS」 提供的 「API」（無論是 「REST」 還是 「GraphQL」）訪問他們需要向用戶顯示的內(nèi)容。

由于基于 「API」，開發(fā)人員可以自由選擇他們喜歡使用的工具、編程語言和框架。

3.混合內(nèi)容管理系統(tǒng)

混合 「CMS」 融合了傳統(tǒng)和無頭 「CMS」 體驗(yàn)。它為開發(fā)人員和營銷人員提供了兩全其美的優(yōu)勢。

它是無頭 「CMS」 的 「API」 優(yōu)先方法與傳統(tǒng) 「CMS」 的模板系統(tǒng)的組合。

混合 「CMS」 為市場和內(nèi)容編寫者提供了傳統(tǒng) 「CMS」 熟悉的界面和體驗(yàn)，并為開發(fā)人員提供了跨多個渠道交付內(nèi)容所需的 「API」 訪問權(quán)限。

基于 Node.js 的 CMS

「Node.js CMS」 是用 「Node.js」 構(gòu)建的 「CMS」；然而，這并不意味著開發(fā)人員只能使用 「Node.js」。

接下來就來介紹一下 「2022」 年比較活躍的 「CMS」。

1. Strapi

「Strapi」 是一種流行、靈活且開源的無頭 「CMS」，使我們能夠創(chuàng)建豐富的數(shù)字體驗(yàn)。「Strapi」 提供了 「REST」 和 「GraphQL API」，開發(fā)人員可以使用這些 「API」 來訪問存儲在其存儲庫中的內(nèi)容。

我們可以通過其可調(diào)整的設(shè)置和管理面板自定義 「Strapi」 以滿足我們的需求。我們還可以通過安裝社區(qū)開發(fā)的插件來擴(kuò)展 「Strapi」 的功能。

「Strapi」 支持多種數(shù)據(jù)庫，例如 「MongoDB」、「SQLite」、「MySQL PostgreSQL」 和 「MariaDB」。

「Strapi」 提供永久免費(fèi)的社區(qū)計(jì)劃和其他基于用戶需求的付費(fèi)定價選項(xiàng)。

特點(diǎn):

• 完全可定制

• REST 和 GraphQL API

• 插件市場

• 國際化支持

網(wǎng)址: https://strapi.io/

2. Ghost

「Ghost」 是一個強(qiáng)大的發(fā)布平臺，受到世界領(lǐng)先的作家、創(chuàng)作者和專業(yè)內(nèi)容團(tuán)隊(duì)的信賴。

「Ghost」 專注于為出版商、企業(yè)家和開發(fā)人員簡化在線發(fā)布流程。簡而言之，「Ghost」 使博客和發(fā)布 「Web」 內(nèi)容變得簡單。

我們可以在使用 「Ghost」 時保持高效，因?yàn)樗鼮閷I(yè)人士日常使用的常用工具提供了集成。

「Ghost」 提供了一個 「REST API」，開發(fā)人員可以使用它來檢索 「CMS」 數(shù)據(jù)并將其顯示給目標(biāo)受眾。

它首先是一個開源軟件，因此我們可以免費(fèi)克隆存儲庫并將實(shí)例部署到我們的服務(wù)器上。但是，「Ghost」 提供不同的付費(fèi)計(jì)劃，其基本計(jì)劃為每月 9 美元。

特點(diǎn)

• 搜索引擎優(yōu)化

• 第三方集成

• 主題市場

• REST API

• 國際化支持

• 觀眾參與度分析

• 電子郵件營銷

• 功能豐富的編輯器，專注于內(nèi)容

• 內(nèi)置訂閱和會員管理

網(wǎng)址: https://ghost.org/

3. Sanity

「Sanity」 的用途遠(yuǎn)不止傳統(tǒng)的 「Web」 體驗(yàn)。從投資組合和公司網(wǎng)站到電子商務(wù)應(yīng)用程序，「Sanity」 的應(yīng)用無處不在。

「Sanity」 提供了一個 「GraphQL API」，開發(fā)人員可以使用它來訪問存儲在其存儲庫中的內(nèi)容。

「Sanity」 提供了廣泛的插件和第三方集成，我們可以用來定制我們的工作場景并擴(kuò)展其功能。它提供免費(fèi)套餐并有其他定價選項(xiàng)。

特點(diǎn)

• GraphQL API

• 國際化支持

• 適應(yīng)性強(qiáng)且用途廣泛——可以擁有超越傳統(tǒng) Web 體驗(yàn)的不同應(yīng)用程序

• 不斷發(fā)展的社區(qū)——廣泛的指南、插件和代碼示例

網(wǎng)址: https://www.sanity.io/

4. ButterCMS

「ButterCMS」 是一個 「API」 驅(qū)動的 「CMS」 和博客引擎，用于快速網(wǎng)站開發(fā)，可滿足開發(fā)人員和營銷人員的需求。

作為 「API」 驅(qū)動的 「CMS」，它對開發(fā)人員友好。但是，憑借內(nèi)置 「SEO」、預(yù)覽、修訂歷史記錄和日程安排等功能，「Butter」 使?fàn)I銷人員能夠做到最好。

「Butter」 將媒體管理提升到一個新的水平。除了存儲和優(yōu)化圖像，「Butter」 還提供了一個內(nèi)置的圖像編輯器，我們可以使用它來轉(zhuǎn)換、裁剪、調(diào)整大小、應(yīng)用過濾器等等。

「Butter」 有一個非商業(yè)用途的免費(fèi)開發(fā)者計(jì)劃。其基本付費(fèi)計(jì)劃為每月 83 美元。

特點(diǎn)

• REST API

• 內(nèi)置圖像編輯器

• 國際化

• 搜索引擎優(yōu)化

網(wǎng)址: https://buttercms.com/

5. Apostrophe

「Apostrophe CMS」 稱自己為“一個強(qiáng)大且靈活的網(wǎng)站構(gòu)建平臺，適用于數(shù)字機(jī)構(gòu)、「SaaS」 公司、高等教育、企業(yè)等。”

「Apostrophe」 是使用 「Node.js」、「Express」、「MongoDB」 和 「Vue.js」 等技術(shù)構(gòu)建的。

「Apostrophe」 有一個擴(kuò)展和集成系統(tǒng)，可為 「SSO」、表單、營銷、「SEO」、設(shè)計(jì)、安全等用例提供各種擴(kuò)展。它還提供了拖放功能，我們可以利用它來構(gòu)建網(wǎng)站的前端結(jié)構(gòu)。

特點(diǎn)

• 自定義插件支持

• REST API

• 拖放界面

• 國際化

網(wǎng)址: https://apostrophecms.com/

6. Prismic

「Prismic」 是一個用于編輯在線內(nèi)容的無頭 「CMS」。我們可以使用 「Prismic」 構(gòu)建從簡單、編輯和企業(yè)網(wǎng)站到電子商務(wù)商店的所有內(nèi)容。

「Prismic」 有一個功能，內(nèi)容切片，我們可以用它來將我們網(wǎng)站的頁面分成不同的部分。我們可以使用內(nèi)容切片來創(chuàng)建可重用的自定義組件，并為登陸頁面、微型網(wǎng)站、案例研究和推薦構(gòu)建動態(tài)布局。

「Prismic」 提供了 「REST」 和 「GraphQL API」，開發(fā)人員可以使用這些 「API」 來訪問存儲在其存儲庫中的內(nèi)容。它還為 「C#」、「JavaScript」、「Ruby」 和 「Java」 等不同的編程語言提供 「SDK」。

「Prismic」 是一個負(fù)擔(dān)得起的低成本 「CMS」，它有一個免費(fèi)的社區(qū)計(jì)劃。

網(wǎng)址: https://prismic.io/

7. Tina

「Tina」 是一個免費(fèi)且完全開源的無頭 「CMS」，專為 「Next.js」 和 「Gatsby」 等基于 「React」 的框架構(gòu)建。它為存儲在 「Markdown」 和 「JSON」 中的內(nèi)容提供可視化編輯體驗(yàn)。

「Tina」支持 「MDX」，它使開發(fā)人員能夠創(chuàng)建動態(tài)、交互式和可自定義的內(nèi)容。

「Tina」 提供了一個 「GraphQL API」，我們可以使用它來查詢和獲取我們的內(nèi)容。還有一個 「Cloudinary」 包，我們可以用它來優(yōu)化和管理我們的媒體文件。

特點(diǎn)

• 很棒的實(shí)時編輯體驗(yàn)

• MDX 支持

• GraphQL API

網(wǎng)址: https://tina.io/

8. Keystone

「Keystone」 是一個開源可編程后端，可讓我們在幾分鐘內(nèi)創(chuàng)建高度定制的 「CMS」 和 「API」。

我們可以使用 「Keystone」 來構(gòu)建最基本的網(wǎng)站或更復(fù)雜的應(yīng)用程序，例如電子商務(wù)商店。

使用 「Keystone」，我們?yōu)槲覀兊膬?nèi)容描述了一個架構(gòu)，并為內(nèi)容獲得了一個 「GraphQL API」 和漂亮的管理 「UI」。

我們可以在 「Keystone」 中為我們網(wǎng)站的不同部分創(chuàng)建自定義的可重用組件。

特點(diǎn) GraphQL API 自定義響應(yīng)組件 靈活的關(guān)系 強(qiáng)大的過濾功能 數(shù)據(jù)庫遷移

網(wǎng)址: https://keystonejs.com/

9. Payload

「Payload」 是一個開源、自托管的無頭 「CMS」，使用 「Node.js」、「Express」、「React」 和 「MongoDB」 構(gòu)建。

「Payload」 提供基于配置文件中定義的內(nèi)容集合自動生成的 「REST」 和 「GraphQL API」。我們還可以將本地 「API」 與服務(wù)器端框架（例如 「Next.js」）一起使用。

「Payload」 帶有內(nèi)置的電子郵件功能。我們可以使用它來處理密碼重置、訂單確認(rèn)和其他用例。「Payload」 使用 「Nodemailer」 來處理電子郵件。

「Payload」 有免費(fèi)計(jì)劃和其他定價選項(xiàng)。出于開發(fā)目的，它是完全免費(fèi)的，但是一旦我們想要將項(xiàng)目推向生產(chǎn)，即使我們使用免費(fèi)版本，我們也必須選擇可用的許可證之一。

特點(diǎn)

• REST 和 GraphQL API

• 電子郵件功能

• 內(nèi)容本地化

• 安全

• 三個計(jì)劃中任何一個的可用功能都沒有限制

網(wǎng)址: https://payloadcms.com/

10. Directus

「Directus」 是用于管理自定義 「SQL」 數(shù)據(jù)庫的開源無頭 「CMS」。Directus 還有一個直觀的管理應(yīng)用程序，供非技術(shù)用戶管理內(nèi)容。

「Directus」 提供 「RESTful」 和 「GraphQL API」 來管理數(shù)據(jù)庫中的數(shù)據(jù)。

我們可以使用我們選擇的數(shù)據(jù)庫，因?yàn)?「Directus」 支持 「PostgreSQL」、「MySQL」、「SQLite」、「OracleDB」、「MariaDB」 和 「MS-SQL」 數(shù)據(jù)庫。

「Directus」 提供自托管的免費(fèi)計(jì)劃；還提供付費(fèi)云計(jì)劃。核心團(tuán)隊(duì)支持僅適用于云管理項(xiàng)目。

特點(diǎn)

• 驗(yàn)證

• 內(nèi)容國際化

• 免費(fèi)和開源

• 支持任何SQL數(shù)據(jù)庫

• 零供應(yīng)商鎖定

網(wǎng)址: https://directus.io/

H5-Dooring, 讓H5制作, 更簡單

好啦, 今天的分享就到這啦, 如果文章對你有幫助, 歡迎?「點(diǎn)贊」?+?「在看」, 鼓勵作者創(chuàng)造更優(yōu)質(zhì)的內(nèi)容~

點(diǎn)個在看你最好看

總結(jié)

以上是生活随笔為你收集整理的10个优质的基于Node.js的CMS 内容管理平台的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。