type
status
date
slug
summary
tags
category
icon
password
文章仅供技术分享，供学习交流使用。若有其他用途，请联系作者授权！
💡 项目初衷
项目初衷主要谈谈，我为什么想要做这件事情。
最近脑袋里总是有很多的点子想法、晚上有时候也想到睡不着觉，拿手机简单记录了一下。
后面一寻思，还是建一个个人博客更好。
一方面，可以有记录、思考、分享的功能，另一方面，也能帮助我锻炼写作能力，叙述能力和结构化思维。
📖 需求分析
因此我的第一个想法就是建立一个个人博客网站，我的需求是这样的：
- 以图文展示为主
- 便于管理和上传
- 个人网站页面不能太丑，最好有主题模板可供选择
- 公网上要能访问得到，那就需要一个公网服务器，或者静态页面托管服务
- 虽然有编程基础，但不希望在网站搭建上花太多的时间，毕竟不是主业
🔍 方案调研
Notion
为了解决这几个需求，我需要的是一个能够快速搭建的简单网站，并且可以像onenote一样具有多功能笔记编辑的后端，那我第一时间想到了——Notion
Notion作为一个笔记软件，我曾经看到过很多人用它来建站，能渲染出比较简洁风格的个人站点，选择展示自己的笔记。同时，notion自带了一个notion.site的域名，可以分享一个网页。
但是，notion里面想用个人域名或者自定义一些其他的网站需求，就要付费了，每个月10美元，好贵贵的，所以简单的使用，还好，但是要满足我上面的需求，就还差一点点。
NotionNext
想要更多的功能，或者更好看的个人站点，就得需要借助强大的Github了。
经过一番搜索，找到了这个开源项目，叫做NotionNext，而且还在不断更新之中，遂Star+Fork。
这个就是一个强大的开源博客静态部署工具，NotionNext，使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。
可以参考B站或者网页上的指导教程，当然最好是直接参考它官方的帮助手册，有指导你一步一步建立你的网站
注意，对于经常更新的github项目，一定参考最新的代码和文档。不然随着项目的更新迭代，如果参考的是几个月甚至半年前的文档资料，有可能会遇到许多意想不到的问题。
因此一定记得
！！参考最新！！参考官方！！
Vercel
然后还需要一个代码托管网站，来在线托管静态页面，这就要去找vercel了
Vercel是一个云服务平台，支持静态网站和动态网站的应用部署、预览和上线。如果你用过 GitHub Pages ，那么心里可能不会太陌生，但你也能通过 vercel 集成 GitHub 后，在 GitHub 项目进行代码推送，PR合并自动部署的目的，且你不需要考虑服务器问题。
Vercel 优势如下
- 个人版永久免费，每个月 100G 带宽（别人访问你的项目所耗费的流量），个人项目部署完全够用，需要注意的是团队模式收费，所以要协作你只能付费。
- 内置 CI CD，你可以理解成一个黑盒，项目丢进去，只需要将项目导入 vercel ，一句命令自动部署。
- 因为内置构建流程，支持代码推送、PR 自动触发构建，不同分支唯一地址，方便测试。
- 支持本地、测试、生产三种环境部署，仅仅是命令区别，上手成本极低。
- 丰富的集成能力，项目部署自动监控，端到端自动化测试等等，当然这些并并属于 vercel 自身的能力，但它可以为你提供集成入口，让这些成为你自动部署中自动进行的一步，比如构建生产后自动完成性能指标输出，自动化测试，以及后续项目监控等等。
至此，Notion+NotionNext+Vercel的建站服务调研完成，这一套方案也是NotionNext主推的一套配置，下面开始施工吧！
⛏️ 项目施工
经过视频指导与折腾，同时参考NotionNext的官方指导手册，现在vercel站点已经搭好了。
在这个过程中，我发现了几点惊喜：
- NotionNext比较完善，只需要通过维护Notion中的一个表格，就可以来编辑页面了，非常方便，而且模板内容很丰富，我只用在其基础上改改，关掉我不想要的功能，修改我希望定制的功能，就基本可以搭建出一个很好的页面了
- Vercel提供了域名定制服务，可以自定义一个xxx.vercel.app的域名，这对于一些没有域名的用户来说是非常方便的。如果你有自己的域名，则去域名服务商处将域名解析到vercel就可以了，过程也有指导，也很方便。我虽然有自己购买的域名，但是暂时用不上，可以先使用着这个vercel的域名服务。
- NotionNext目前提供了17种主题，里面一定会有你满意的风格。如果你对这里面的风格主题还不满意，还想要更加自定义，那就得思考一下当初的需求了，建议去参考功能更加全面的个人网站服务：Hugo
🤗 总结归纳
总结来说，这个建站服务还是比较通畅的，大概看下来，花费一天时间（8h）就能把网站搭建起来。
但是，建立站点只是万里长征第一步，也以此为起点，激励自己多多思考、记录与分享，一方面提高自己的写作能力，另一方面也对自己是一个约束与push作用，还可以成为日后的宝贵回忆。
希望自己能坚持下去！
📎 参考文章
有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
- 作者:VergilYZX
- 链接:https://vergilyzx.vercel.app//article/build-a-website-based-on-notion
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。