庆祝Blog诞生 - MuxiaoWF跳到主要内容
庆祝Blog诞生

庆祝Blog诞生

周四 7月 10 2025
705 字 · 3 分钟

起因

俺最近总是刷到一些个人的博客,再加上学校里老师鼓励,于是乎暑假自己简简单单在网上整了一个博客模板。通过Github+Vercel实现的静态Blog,us.kg+Cloudflare拿到了一个免费的域名。(不得不说免费的就是好~)没什么好写的了,插个眼记录一下实现方法吧

创建一个Blog

像俺这个Blog一样,直接使用从Github/EveSunMaple/Frosti的Blog模板,从仓库中clone下来之后:

  1. src/content/blog里丢自己的文章,注意每个文件正式开始前有供模板识别的前缀
  2. src/content/pages修改具体的页面信息(具体例子例如里面的about.astro就是关于页面、index.astro就是主页面…)
  3. 修改一下根目录下的frosti.config.yaml文件,不要的直接注释掉就可以了
  4. md文件插图注意不要前面的public文件夹名字,例如使用/250710/1.png而非/public/250710/1.png
  5. 魔改了一点点,重构了部分文件位置(配合搜索功能防止杂乱)

通过简简单单几步就可以完成博客的底层搭建,搭建好的直接丢到github上创建一个仓库即可

Vercel搭建

登录Vercel并新建项目,选择从GitHub导入刚刚创建好的Blog底层项目,直接部署即可。完成后直接访问即可,现在还没有配置其他奇奇怪怪的东西,比较简单.

搭建好的Vercel

搭建好的Vercel

现在直接访问Domains里面的网址就可以看到你的Blog,当然,由于某种原因,现在国内并不能访问其自带的域名

获取us.kg免费域名

us.kg注册一个账号,这里面除了Email外都可以乱写,Email最好使用Google的。这个b注册事情还挺多,百度一下吧(

注册

注册

注册成功后登入,先通过给他GitHub点星星领取一个免费的域名资格,后直接创建一个域名,在下面的两个框中填入Cloudflare的配置(稍后创建)

star

star

需要填入Name Server

需要填入Name Server

回Vercel设置自己域名

在配置Cloudflare之前,先在Vercel的Domains里添加自己的域名,记录下绑定需要给出的条件(需要填回在刚刚配置的Cloudflare中)

Cloudflare配置

Cloudflare中创建一个新的托管(free计划就可以了),在下面填入刚刚Vercel给的条件,并记得回Vercel刷新验证

填入Vercel条件

填入Vercel条件

之后将给出的填回us.kg的

回填us.kg的Name Server

将这两个回填到us.kg的Name Server

在Cloudflare里刷新检查,等几分钟Cloudflare识别成功后就可以了

需要填入的Name Server

成功识别 Server

结束

Congratulations🎉🍾! 至此你已经完成和俺一样的Blog搭建

当然,你也可以用AI帮你添加更多有趣的功能,俺的Blog添加/魔改了部分地方,你也可以添加!


感谢您的阅读!如果可以,给俺点些关注吧~

庆祝Blog诞生

周四 7月 10 2025
705 · 3 分钟
封面
示例歌曲
示例艺术家
封面
示例歌曲
示例艺术家
0:00 / 0:00