BLOG

我使用TypeScript + Next + React以及Github API构建里这个博客系统。

背景

大二的时候，用WordPress构建了自己的博客系统，最后却因为没有坚持学习和分享而无疾而终。

毕业后开始使用Hexo构建博客系统，却因为未备案和其他一些原因而荒废里Hexo。

Hexo很棒，但我想用自己所学的知识来构建自己的博客。

功能

• 博客文章实时更新
• 支持RSS订阅
• 响应式支持，移动端访问良好
• 个人 GitHub 活跃状态示意图

安装和使用

克隆本项目到本地之后，使用nvm来维护node版本，我已经将版本号写成里配置文件放在根目录下，你可以直接使用nvm use来启用我的版本。

然后，使用:

yarn && yarn dev

即可安装依赖和开启开发模式。

我将所有的数据都放在Github上面，并且通过官方的接口进行数据读取，目前暂未接入文章编辑和发表的功能，因为这一切Github都为我们做好了。

无论在什么平台，我们都可以通过Github的应用去添加新的文章和分类。

须知

本项目需要用户创建自己的环境配置文件：.env:

TOKEN = 'ghp_H4JTQ6AugTnC2WuM9EvlIY3AtKrx2'
WEBSITE = 'http://localhost:3000'

这里我去github获取了一个Token来让我具有了访问官方接口的能力，这个Website变量则跟本地开发接口和RSS生成有关。

当你部署的时候，也需要为这个项目添加这两个环境变量。

总而言之：

• token：GitHub Token
• Website：线上域名

我将我的项目部署到了vercel上，本项目使用Next框架和vercel配合得相得益彰，一切部署的疑难都可以通过Google找到 😂

国内不越过防火墙则访问不到，个人不介意

其他

欢迎一起交流学习，期待你的邮件。