type
status
date
slug
summary
tags
category
icon
password
我觉得自己算一个执行力较强的人，产生做一个网页的想法后迅速去搜索、学习、部署进行着。奈何这是第一次建站，什么都不懂，过程中还是不可避免地走了一些弯路。
在此记录下我在2025年最后2个月完成的一次壮举。如果也有建站想法的小伙伴，可以参考下这篇笔记。如果有更多更好关于建站优化的idea，欢迎分享给我。
最后，做网页还是一件比较有成就感的事哈哈。
建站流程
建站流程1.0 有效步骤
建站流程2.0 所有步骤
建站流程3.0 步骤细节
建站Timeline文字记录
Nov 1, 2025 购买阿里云ECS服务器
- 购买阿里云ECS（Elastic Compute Service）云服务器实例，配置包含公网IP与私网IP。
- 服务器购买时长为1年，用于部署个人网站与博客内容。
- 操作系统：CentOS / Ubuntu。
- 实例创建完成后，完成安全组规则配置（放行22/80/443端口）。
Nov 2, 2025 注册域名jupytermou.cn
- 在阿里云域名服务（Aliyun Domain）注册全新域名jupytermou.cn，注册时长1年。
- 域名所有权归本人（牟馨怡）持有，通过实名认证。
Nov 3, 2025 远程连接ECS服务器
- 本地使用SFTP/SSH工具连接服务器，登录账户为ecs-user。
- 连接方式：PyCharm Remote Host/Terminal。
- 出于安全原因，当前公网IP后续已更换，不对外公开。
Nov 4, 2025 提交网站备案申请
- 在阿里云备案系统提交ICP备案材料。
- 网站基本信息如下：网站名称：序秋随笔；域名：jupytermou.cn；主体类型：个人；网站负责人：牟馨怡
- 阿里云完成初审后，材料提交至工业和信息化部（工信部）管局等待审核。
Nov 7, 2025 工信部审核通过，提交公安备案
- 工信部备案审核通过，获得：ICP备案号：蜀ICP备2025170376号；备案信息校验码（数据码）：73a36b12417104298e53a3646f4ac051
- 网站类型确认：个人非营利性网站（Personal Non-commercial Website）；用途为：记录并展示个人学习笔记、阅读心得与生活随笔，不涉及任何商业或经营性活动。
- 根据国家法规，继续在公安机关互联网备案系统提交公安联网备案申请。
Nov 10, 2025 完成公安联网备案
Nov 11, 2025 搭建网站首页与About页面
- 完成基础页面架构设计，包括首页与关于（About）页面。
- 网站内容框架初步确定为四大板块：学习（Study）/实习（Internship）/生活（Life）/关于（About）。
Nov 12, 2025 编写Internship与Life栏目内容
- 整理实习经历文档与生活记录。
- 考虑将微博中的生活记录迁移至网站。
Nov 16, 2025 加入音乐播放器模块
- 尝试嵌入网易云音乐HTML5小组件，因播放器会影响页面加载速度与兼容性，后续决定取消此模块。
Nov 22, 2025 NotionNext部署（Netlify环境）
- 在GitHub上重新fork NotionNext项目，用于搭建基于Notion的动态博客。
- 尝试在Vercel上使用One-Click Deploy，但因构建环境配置失败导致部署未成功。
- 改为使用Netlify Functions进行Serverless部署，构建成功，但环境变量未正确加载 导致部分API功能无法运行。
- 该版本暂时搁置。
Nov 23, 2025 Vercel再次部署NotionNext
Nov 24, 2025 正式搭建Notion博客体系
- 决定改为使用Notion作为内容管理系统，将Notion页面与NotionNext框架结合。
- 完成域名绑定，开始在Notion上撰写和发布学习、随笔与生活类内容。
Dec 22, 2025 取消接入阿里云服务器
- 域名解析至境外Vercel服务器，自动HTTPS+自动DDoS缓解+边缘节点隔离
- 保留阿里云备案历史，不再作为接入商。
建站的一些思考和小建议
整理完上面的过程才发现自己做了这么多。最开始建站我是参考的这篇知乎的文章，根据这个文章一步一步做完后，浏览器输入公网IP就会显示“Hello World”的界面。关于服务器和域名：能省则省。我一开始买的阿里云ECS，一年两百多，也不算贵。但后面迁到免费托管＋免费CDN＋免费SSL的路线后，我发现自己根本没怎么用ECS…反倒是靠一个免费DNS跑得飞快🤣完成初始环境后，我试图在服务器上直接shell改代码。问题是macOS的Terminal输入密码不显示字符，我很多次都怀疑自己有没有输完整🤣还有在服务器环境改代码和在本地环境改代码这两个我也弄对弄错了好久…后来我直接用PyCharm的SFTP远程同步功能，还是让代码回到人类工具里管理运行🤫在终端改代码的时候一定要分清事在本地敲命令，还是在服务器敲命令。这样输的本地密码还是服务器ecs-user的密码才不会乱，不然容易输错然后一直报错😧因为我前端基础基本为0，我又去b站补了点关于html、css和javascript的知识内容，学了个大概发现我的交互信息一直做不出自己想要的效果（要求太高哈哈哈🤣），然后我就在GitHub上找了一个开源项目，打算fork这个。我就不粘贴出来了，这个开源项目很火，应该稍微一搜就能看到。GitHub上有很多佬的开源项目，都很有意思，让我再探索一番分享出来😉其实只要把本地环境部署成功了就很简单了。相当于把建站的很多后端、部署、服务器、渲染步骤，全都外包给平台、软件、后端等工具了。我的理解来看现在的网站是这样工作的：我将自己写的内容，即数据库，存放在Notion笔记中，将负责解析内容、渲染页面等工作的NotionNext代码存放在Github平台上，并使用Vercel从Github平台上读取、运行并自动部署最新的代码，把渲染好的网站变成一个真正的在线网页，最后将我购买的域名解析到Vercel的服务器地址，这样访客就能通过我的域名进入网站，读取到我写在Notion笔记的内容。所以现在我的工作只需要在Notion笔记上更新我希望在博客网页中展示的内容，定期在Github平台上更新我的NotionNext代码，以及在vercel上维护部署更新后的代码，保证部署不失败，整体的问题就不大。当然还有很有不足，虽然页面已经能正常跑了，但我还有很多细节需要完善。比如：Twikoo评论系统部署Algolia搜索引擎配置AI聊天机器人配置希望早日见面。写到这里。我的感受是，如果不是特别有这个想法，建站其实是一件毫无意义的事。或许很多人生的第一次，本来也不是为了意义。买一个域名几十块，一台服务器两百多，但带来的满足感，大概只有真正建过网站的人才能懂。希望我40岁还能来看看这个网页。如果也有建站想法的朋友，建站过程中遇到什么困难欢迎来找我，虽然我不一定能解决🤣
建站的30秒
十一月七日，这一天立冬，我拥有了自己的网站。
十二月十二日，这一天北京初雪，我的网站快搭建完成啦。
如果看到这里的小伙伴有更多更好关于建站or优化的idea，欢迎随时与我联系。
- 作者:Jupyter Mou
- 链接:http://jupytermou.com/article/website-build
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章
