Cxxdgc's Site

Back

前言#

声明:本文并不会教你怎么写html代码,只是带领你利用模板速通一个网站的搭建。由于是模板建站,网站的自由度较低,如果对自由度有较高的需求请移步利用vue自定义你的个性化网站

本文主要涉及到的工具有:

  • github
  • vercel:用于托管你的网站
  • 腾讯云:购买域名
  • CloudFlare:进行域名代理

另外,我在搭建本网站时遇到了很多域名无法解析的问题。在查询众多解决方案却仍然无法正确解析到我的网站。事后才直到我在搭建网站时遭遇了CloudFare近年来最大的一次崩溃,也算是见证历史了hhhh alt text

※如果需要进行ICP备案,则需要使用国内的服务器进行部署,本文所使用的方法无法也无需进行ICP备案。

关于网站备案相关法律条例,deepseek释义如下: alt text

点击可查看《非经营性互联网信息服务备案管理办法》《互联网信息服务管理办法》

下载Astro Theme Pure模板#

Astro Theme Pure 网站模板效果如下:

alt text

执行命令将模板源代码克隆到本地

git clone https://github.com/cworld1/astro-theme-pure.git
bash

取消远程仓库关联

git remote remove origin
bash

随后关联你自己的仓库地址并上传到你自己的github账号(或在vscode中点击“发布branch”即可),public或private均可。

Vercel部署#

前往vercel官网注册并登录(使用大陆手机号可以注册),点击新建项目 alt text

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

随后按照相应流程选择免费版导入即可。

当你修改你的网站并向github推送更新后,vercel会自动根据github仓库的更新重新构建你的网站,无需额外操作。

DNS解析#

购买域名#

前往腾讯云域名购买购买你的域名。搜索你想要的域名后购买即可。(仅需购买域名本身,其余如服务器、DNS解析等服务均无需购买)

alt text

腾讯云DNS解析#

前往CloudFare官网,注册并登录。来到主页后点击“Onboard a domain”添加你的站点 alt text

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

选择免费Free方案即可 alt text

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

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

点击“修改DNS服务器” alt text

选择使用非腾讯云DNS,并修改下面的服务器地址为Cloudfare提供的DNS地址(在刚刚CloudFare的Last step: Update your nameservers to activate Cloudflare页面下部) alt text alt text 修改完成后提交即可

CloudFare解析#

回到CloudFare,进入你的域名的控制台,点击左侧的DNS-Records alt text

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

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

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

vercel解析#

回到vercel主页,进入你自己的项目,点击domains按钮 alt text

点击add domain添加域名 alt text alt text

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

从零开始速通你的网站!
https://www.cxxdgc.cn/blog/make_this_website
Author Cxxdgc
Published at 2025年11月20日
Comment seems to stuck. Try to refresh?✨