这里是部署了我的个人网页，包含我的博客文章，我的网页作品和Android Apps。

这个UI原型是我用Figma绘制的，手法比较拙劣，但是可以看出来大概思路。

首页	博客列表	一些图片

因为这里部署的是简单的静态网页，博文选择使用Markdown是个好主意，但是编辑内容我个人喜欢使用Notion，所以还是想要找个工具来将Notion的内容转为静态网页，然后更新到这里。

• Notion转静态页面我准备使用 Notablog
• 运行 npm i -g notablog 全局安装notablog
• 运行 notablog generate ./public/blog 生成静态页面，当页面内容有更新时，该指令可以重复执行。
• 因为生成页面只作为网页的一部分，暂时先用iframe嵌套一下，或者修改notablog源码

手写静态页面太繁琐了，利用React来写更快速一些，使用create-react-app来创建react app，参考react-gh-pages流程来部署.

• npx create-react-app zheng_blog --template typescript to create the react project.
• npm install gh-pages --save-dev in the project folder.
• npm start to run it locally in http://localhost:3000
• npm run deploy to deploy to Github Pages.

• https://docs.github.com/zh/pages
• https://aptrinh.js.org/notion-blogging.html
• https://react.dev/
• https://create-react-app.dev/docs/deployment#github-pages
• https://github.com/gitname/react-gh-pages