我使用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
找到 😂
国内不越过防火墙则访问不到,个人不介意
欢迎一起交流学习,期待你的邮件。