前言#
声明:本文并不会教你怎么写html代码,只是带领你利用模板速通一个网站的搭建。由于是模板建站,网站的自由度较低,如果对自由度有较高的需求请移步利用vue自定义你的个性化网站 ↗。
本文主要涉及到的工具有:
- github
- vercel:用于托管你的网站
- 腾讯云:购买域名
- CloudFlare:进行域名代理
另外,我在搭建本网站时遇到了很多域名无法解析的问题。在查询众多解决方案却仍然无法正确解析到我的网站。事后才直到我在搭建网站时遭遇了CloudFare近年来最大的一次崩溃,也算是见证历史了hhhh

※如果需要进行ICP备案,则需要使用国内的服务器进行部署,本文所使用的方法无法也无需进行ICP备案。
关于网站备案相关法律条例,deepseek释义如下:

点击可查看《非经营性互联网信息服务备案管理办法》 ↗、《互联网信息服务管理办法》 ↗
下载Astro Theme Pure模板#
Astro Theme Pure 网站模板效果如下:

执行命令将模板源代码克隆到本地
git clone https://github.com/cworld1/astro-theme-pure.gitbash取消远程仓库关联
git remote remove originbash随后关联你自己的仓库地址并上传到你自己的github账号(或在vscode中点击“发布branch”即可),public或private均可。
Vercel部署#
前往vercel官网 ↗注册并登录(使用大陆手机号可以注册),点击新建项目

根据提示授权github仓库的访问权限,可以选择仅授权网站仓库的访问

随后按照相应流程选择免费版导入即可。
当你修改你的网站并向github推送更新后,vercel会自动根据github仓库的更新重新构建你的网站,无需额外操作。
DNS解析#
购买域名#
前往腾讯云域名购买 ↗购买你的域名。搜索你想要的域名后购买即可。(仅需购买域名本身,其余如服务器、DNS解析等服务均无需购买)

腾讯云DNS解析#
前往CloudFare官网,注册并登录。来到主页后点击“Onboard a domain”添加你的站点

在红框中输入域名,并点击continue

选择免费Free方案即可

完成后提示Last step: Update your nameservers to activate Cloudflare

前往腾讯云域名管理后台 ↗,点击我的域名,随后点击操作下的管理按钮

点击“修改DNS服务器”

选择使用非腾讯云DNS,并修改下面的服务器地址为Cloudfare提供的DNS地址(在刚刚CloudFare的Last step: Update your nameservers to activate Cloudflare页面下部)
修改完成后提交即可
CloudFare解析#
回到CloudFare,进入你的域名的控制台,点击左侧的DNS-Records

将原有的两个条目修改为重定向到vercel服务地址(在vercel的控制台上domains栏里有写,以.vercel.app结尾)

点击左侧的SSL/TLS-Overview,然后点击Configure按钮

更改为Custom SSL/TLS,并选择Full(Strict)策略,随后下滑到页面最底部点击保存

vercel解析#
回到vercel主页,进入你自己的项目,点击domains按钮

点击add domain添加域名

恭喜!你到这里就已经成功速通了你的网站,访问你的域名即可看到网站的模板!后续可以对模板源代码自行进行修改,这里不再赘述~