发布于 2026-01-06 2 阅读
0

3 分钟内用 React 为初学者搭建博客:1. 设置 Strapi;2. 浏览博客;3. 在 Strapi 上配置管理员数据库;4. 阅读我们的文章;5. 部署

3分钟内用React搭建一个适合初学者的博客

1. 设置Strapi

2.浏览博客

3. Strapi上的管理员数据库

4. 阅读我们的帖子

5. 部署

本项目将使用Strapi。它会将数据保存到 JSON 文件中,并通过 API 以 JSON 格式返回数据。Strapi 是一款流行的开源工具,在 2021 年被众多开发者使用。不知道如何使用?别担心,跟着我来。
链接:https ://strapi.io/

1. 设置Strapi

打开终端并粘贴以下内容:

npx create-strapi-starter@latest my-strapi-gatsby gatsby-blog

但是,别忘了之后输入“快速入门(推荐) ”😲

图片描述

下载大概需要1分钟。所以,你可以趁这段时间看点成人网站😂。

2.浏览博客

下载完成后,浏览器会打开两个标签页。第一个标签页是后台管理界面,用于创建帖子;第二个标签页是前台管理界面,用于显示您的帖子。

图片描述

Strapi 在 Visual Studio Code 中创建了一些文件,这些文件包含两个文件夹,例如 back-end 和 front-end:
图片描述

3. Strapi上的管理员数据库

注册后,我们进入“文章”页面,点击“添加新文章”来撰写文章。文章页面右侧会显示文章的分类和作者姓名。 您可以添加一些图片,Strapi 会在页面底部自动生成文章别名(slug)。 访问http://localhost:8000/articles并查看 API 信息。
图片描述

图片描述

图片描述

点击“发布”。

4. 阅读我们的帖子

记得在前端文件夹下输入npm start ,你就能在那里看到你的帖子了。
图片描述

5. 部署

您可以将我们的项目部署到任何服务上。我推荐部署到Heroku。

感谢阅读这篇文章!关注我,了解更多关于 React 教程的内容。

文章来源:https://dev.to/quocbahuynh/build-a-blog-for-beginners-with-react-in-3-minutes-3aia