1、个人网站

1.1 V1.0 正式版个人网站

这是最开始的时候以 GitHub 为服务器，用在 模板王 上面下载的模板进行修改得到的，页面logo和风格参考了 青柠起始页 的作者 毛若昕 的个人主页，但是比较整体较为单调，对Safari支持不友好。

• 图标上用了 Font｜Awesome 的图标库

• Logo是用微软Powerpoint制作的

• 中间以 爱发电 作为赞助页面

• 在 Freenom 上申请了个人域名 wangcy.tk

1.2 V2.0 Beta版 个人网站

忘了上哪个模板的了，增加了深色模式，有了更多现成的借口哦，布局更加合理，动画更多，logo进行了新的设计，目前还在建设中。

1.3 V3.0 个人网站

Fork自项目，能够很好的汇总各个网站，适合用于项目汇总页

• 能够自定义个人信息、个人社交方式

• 根据自己的歌单配置自己的音乐列表、获取当地天气信息

• 壁纸来源提供多个接口，既可以自己上传，也可以使用BIng壁纸

2、博客

2.1 个人博客v1.0

基于 Notion 自身的功能搭建出一个完整版的页面，分享到公网上；然后借助于 GitHub上 的Notion建站开源项目 进行页面渲染，最后在 Vercel 上部署，绑定自己的顶级域名下分的二级域名。

• Notion 作为主要数据库，上传图片、编辑文字，推荐使用 Database - Inline Gallery视图

• 在 GitHub上 的Notion建站开源项目 上抓取到自己的GitHub仓库，修改 site.config.js文件为自己的内容，在 public文件夹更换logo

• 最后在 Vercel 上部署发布自己的网站

2.2 个人博客v2.0

• 这个界面是利用了cloudflare的works功能，利用一个脚本搭建好框架，具体参考这篇文章

• 最后将自己的页面进行替换，附上域名

• 这个版本虽然没有v1.0那么美观，但是从根本上解决了v1.0加载速度慢，增加新内容时上传失败，国内网络不打开等问题

2.3 个人博客v3.0（弃案）

• 只是真正意义上的一个个人博客，采用的是GitHub pages中的Jekyll

• 支持目录、分页、响应式、标签等

• 原理上是采用Jekyll包装markdown文件为html文件，虽然是静态网页，但是可以通过上传markdown文件的方法快速更新内容

2.4 个人博客v4.0

• 这是基于tangly1024的方案部署的，是目前最满意的方案

• 支持神色模式、多动效可选、可添加评论、多主体切换、动态或静态部署可选……

• 评论、搜索、分析、音乐、宠物等插件也非常的多

• 部署很简单，只需要修改NOTION_PAGE_ID就好，后续操作只需要在notion上进行

3、其他

3.1 学院导航

基于 idealclover 制作的南京大学导航页 南哪指哪 改造得来的宜春学院导航

• 在 GitHub上 的开源项目 上抓取到自己的GitHub仓库，修改 public/data.json文件为自己的内容，在 assets/screenshots 文件夹更换自己的图片

• 修改 src/app.vue 为自己的内容和GitHub链接、分享负责链接，有兴趣的可以连着md文件一起修改

• 最后在 Vercel 上部署发布自己的网站

3.2 赞助页面

参考 qr-merger 风格重新制作捐助界面

• 纯前端，fork后修改对应支付方式和链接即可

• 操作简单，代码量少，使用方便

• 渐变背景色，响应式页面，一键跳转支付宝、QQ、PayPal

3.3 简约搜索起始页

基于 wlc743859910 制作的 简约起始页 改造得来的

3.4 个人壁纸主页

站长素材 找的相册类模板。

• 按照标签对图片进行分类

• 可以自定义主题色，响应式网站

• 有幻灯片等方式可供选择，动效丰富

3.5 Auto-search

ChatGPT 生成的代码制作的起始页

• 足够简约

• 能够满足最基本的搜索引擎切换需要