我的网站名如何来的? ChatGPT辅助起网站名称和域名：

我想用文字记录自己的生活，请为我起50个名字让我选择 - Poe.html

1022.1KB

一、安装部署 Notion + Github + Vercel + NotionNext

1.1 工具介绍

1. Notion：Notion是一个多功能应用程序，它集成了笔记、知识库、任务管理、数据表格、看板和日历等多种功能。它支持个人使用，也适合团队协作，提供跨平台的工作空间。Notion支持丰富的内容表达，如文本、图片、音视频和附件，还可以嵌入外部平台内容。它以块（Block）的形式组织内容，用户可以自由地重新排列这些块。Notion自2016年推出以来，已经成为许多人和团队提高生产力和组织工作的重要工具。 https://www.notion.so/

2. Github：GitHub是一个基于云的平台，专门用于软件开发项目的版本控制和协作。它允许开发者存储、管理和跟踪代码的变化，同时支持开源和私有项目。GitHub使用Git，这是一个分布式版本控制系统，使得多个开发者可以在同一个代码库中协同工作。此外，GitHub提供了代码审查、项目管理、自动化测试和部署等功能，使其成为开发者社区中流行的代码托管和协作工具。 https://github.com/han-xuefei

3. Vercel：Vercel是一个云平台，专为前端开发者设计，用于构建、部署和扩展无服务器应用程序和静态网站。它提供了零配置部署、自动化构建和部署、全球CDN加速等功能，使得开发者可以快速、轻松地将他们的应用程序部署到云端。Vercel支持多种流行的前端框架和语言，如React、Vue、Next.js、Angular和Node.js，同时提供高度可定制化的功能以满足开发者的需求。此外，Vercel还支持Serverless函数，允许开发者在不购买云服务器的情况下部署动态网站。 https://vercel.com/

1.2 创建Notion页面

1. 打开模板： https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5 点击 Duplicate复制模板

2. 将Notion空间中复制下来的页面开启页面共享，发布到公网中，发布完成后，会出现一个访问链接，下图右侧红色框线里面的就是页面ID，后面配置中会用到

1.3 GItHub配置

1.4 Vercel 部署

1. 需要配置一个环境变量，Key为”NOTION_PAGE_ID“，Value为上面提到的Notion平台32位的页面ID。

2. 可以修改项目名称：项目名称长度不超过 100 个字符，必须小写。可以包含字母、数字和以下字符：'.'、'_'、'-'。但不能包含序列“---”

3. 填好后点击”Add“按钮确认添加，然后点击”Deploy“进行部署。



大概2分钟后完成部署

1.5 完成

1. 在部署完成页面，点击Go to Dashboard访问控制台，或者在 https://vercel.com/hanxuefeis-projects 中找到项目控制

2. 在控制台右上角的Visit按钮访问站点，或在DOMAINS中获取网站地址

二、Vercel绑定自定义域名

为什么要绑定自定义域名？ vercel默认提供的域名 *.vercel.app 由于滥用已被GN屏蔽（DNS污染），如果需要在GN能访问到站点，绑定一个新的域名即可；

2.1 购买自己的域名

Namesilo： https://www.namesilo.com/?rid=0fa9385qd

1. 价格便宜稳定，无套路

2. 所有附加功能（如 WHOIS 隐私、电子邮件转发、域名防御者保护、自定义 WHOIS 记录和 DNS 管理） 始终 100% 免费！

3. 支持支付宝、Paypal、信用卡等多种方式付款。

优惠码 xuefei

2.2 NameSilo 配置 Cloudflare 域名解析教程

为什么要做域名解析：域名解析（Domain Name Resolution）是将人类可读的域名（如 example.com）转换为机器可读的IP地址（如 192.0.2.1）的过程，这个过程是互联网正常运行的基础；

1. Cloudflare是一个比较常用的国外域名解析服务商，如果你想用Cloudflare的CDN或者https证书，那么必须用他家的域名解析服务。

2. 注册一个Cloudflare账号： https://www.cloudflare.com

3. 注册完成后，在首页点击“添加站点”，并输入域名，点击继续

4. 选择免费的套餐 点击继续

5. Cloudflare会扫描该域名当前已有的DNS记录，你可以保留，也可以添加，也可以删除（如果没有跳出这个页面则直接Continue），这里我是新注册的域名，应该是NameSilo自动配置的，这里全部删除，点击继续



Cloudflare会分配名称服务器

6. 在NameSilo： https://www.namesilo.com/account_domains.php 修改 NameServers



待 NameSilo 中显示 NameServers 记录修改生效后，等待生效即可，一般10分钟到1小时左右就可以修改成功。

7. 生效后在Cloudflare https://dash.cloudflare.com/ 的DNS下面，添加域名解析A记录和CNAME记录，我的这个域名主要是为这个项目使用，为了让域名更加简洁，直接将根域名 解析到 vercel的服务器地址，将www开头的二级域名也重定向到根域名meindigilife.com
1. 添加一条域名A记录指向 Vercel服务器 地址76.76.21.21
2. 添加一条CNAME记录值指向 根域名 meindigilife.com
3. 添加成功后，需要在ssl/tls配配置开启https完全加密 ， 否则会因为证书不匹配导致反复重定向而打不开网页。

8. 补充：
1. 如果 GN 无法访问，尝试将上述步骤中用到的 ip和 cname地址替换成以下内容测试：
A记录地址：76.223.126.88 或 76.76.21.98 等
CNAME 记录地址：cname-china.vercel-dns.com
2. A记录和CNAME的区别
A记录就是把一个域名解析到一个IP地址（Address，特指数字IP地址）；
CNAME记录就是把域名解析到另外一个域名；
其功能差不多，CNAME将几个主机名指向一个别名，其实跟指向IP地址是一样的，因为这个别名也要做一个A记录的。

2.3 Vercel控制台配置

1. 在 Vercel 控制面板中找到项目 右上角 选择 Setting→Domains→Add，在这里可以指定当前项目的绑定域名，在"Domains"域设置面板下，输入域名：meindigilife.com 点击 Add

2. 这里我们选择第一个选项，选择ADD 即可



Add www.meindigilife.com and redirect meindigilife.com to it
这种设置方式的意思是：
• 主域名: www.meindigilife.com 
• 重定向: meindigilife.com 将重定向到 www.meindigilife.com
优点:
• 传统做法，许多用户习惯在访问网站时加上 “www”；
• 对某些旧的浏览器或系统兼容性更好。

3. 接下来就可以通过设置的域名（www.meindigilife.com、meindigilife.com ）访问到网站了，注意DNS的解析有延迟，刚配置完可能无法通过域名访问网站，过一段时间就可以正常。一般为30分钟 - 1小时左右，也可能更长时间。

三 问题记录：

1. 用电脑浏览器通过域名访问，提示无法访问此网站，但是手机可以打开 -》 原因是DNS的解析有延迟，过一段时间重试一下就正常了