实战教程｜使用知晓云快速制作一个简单的个人博客

我们在向大家征集开发课程大纲后，便陆续收到了很多建议。大家的热情与支持，是我们持续更新的动力。

由于大家的课程建议比较散，需要结合实际案例进行讲解，因此我们先从最简单的开始。本文将介绍如何通过知晓云的内容库以及数据表，快速制作一个包含评论功能的个人博客。
适用人群：

• 🙋刚接触编程的大学生（中小学生有多余精力也可，知晓云用户最小年龄 14 岁喔）
• 🙋有兴趣学习前端开发的产品、测试和运营人员
• 🙋业余爱好，有大量的学习时间，希望通过掌握基础开发知识，未来将开发应用作为副业

如果你有兴趣分享你的开发经验，请联系小晓云投稿（微信号：minsupport3），期待你的分享。

本文将使用到的技术：

• 知晓云 Web SDK
• React
• Geist UI 库，用于快速构建样式
• react-router-dom，用于页面跳转
• Moment.js，用于解析日期

假设现在我们有一个完整样式的个人博客，里面包含两个页面，一个是首页，另一个是文章页。首页主要包含文章列表、标题和链接等内容，而文章页包含了文章内容、评论和登录功能。

我们先看一下截图，具体的代码可从这里下载：https://github.com/ifanrx/minapp-blog-example/tree/blog-structure-and-styles

首页：

文章页：

接下来，我们将直接进入具体页面和功能的开发实战（教程较长，可先收藏）。

一、两行代码接入知晓云

首先，在知晓云控制台创建「个人博客」应用，然后我们安装知晓云 Web SDK 依赖：

yarn add minapp-sdk

之后，在 src/index.js 中初始化 SDK。BaaS.init 方法里的 clientID 填入知晓云控制台「设置」中分配的 clientID 即可：

import BaaS from 'minapp-sdk'
BaaS.init('a4d2d62965ddb57fa4xx')

我们还需要在控制台中将本地项目的域名设置安全域名，具体请参考：https://doc.minapp.com/js-sdk/web/how-to.html

二、免开发实现内容库管理文章

对文章的内容进行管理，我们可以利用知晓云控制台提供的内容库进行文章的编写，从而更高效地生产文章。

我们先在知晓云控制台左侧导航栏中点击「开发 - 内容」，进入内容库：

如果之前没有使用过内容库，那么可以先新建一个内容库，点击「马上开始」：

输入内容库名，将访问权限设置为所有人可见，并提交：