
庆祝Blog诞生
闲的无聊整的Blog诞生了!🎉🍾
起因
俺最近总是刷到一些个人的博客,再加上学校里老师鼓励,于是乎暑假自己简简单单在网上整了一个博客模板。通过Github↗+Vercel↗实现的静态Blog,us.kg↗+Cloudflare↗拿到了一个免费的域名。(不得不说免费的就是好~)没什么好写的了,插个眼记录一下实现方法吧
创建一个Blog
像俺这个Blog一样,直接使用从Github/EveSunMaple/Frosti↗的Blog模板,从仓库中clone下来之后:
- 往
src/content/blog里丢自己的文章,注意每个文件正式开始前有供模板识别的前缀 - 在
src/content/pages修改具体的页面信息(具体例子例如里面的about.astro就是关于页面、index.astro就是主页面…) - 修改一下根目录下的
frosti.config.yaml文件,不要的直接注释掉就可以了 - md文件插图注意不要前面的
public文件夹名字,例如使用/250710/1.png而非/public/250710/1.png - 魔改了一点点,重构了部分文件位置(配合搜索功能防止杂乱)
通过简简单单几步就可以完成博客的底层搭建,搭建好的直接丢到github上创建一个仓库即可
Vercel搭建
登录Vercel↗并新建项目,选择从GitHub导入刚刚创建好的Blog底层项目,直接部署即可。完成后直接访问即可,现在还没有配置其他奇奇怪怪的东西,比较简单.

搭建好的Vercel
现在直接访问Domains里面的网址就可以看到你的Blog,当然,由于某种原因,现在国内并不能访问其自带的域名
获取us.kg免费域名
在us.kg↗注册一个账号,这里面除了Email外都可以乱写,Email最好使用Google的。这个b注册事情还挺多,百度一下吧(

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

star

需要填入Name Server
回Vercel设置自己域名
在配置Cloudflare之前,先在Vercel的Domains里添加自己的域名,记录下绑定需要给出的条件(需要填回在刚刚配置的Cloudflare中)
Cloudflare配置
在Cloudflare↗中创建一个新的托管(free计划就可以了),在下面填入刚刚Vercel给的条件,并记得回Vercel刷新验证

填入Vercel条件
之后将给出的填回us.kg的

将这两个回填到us.kg的Name Server
在Cloudflare里刷新检查,等几分钟Cloudflare识别成功后就可以了

成功识别 Server
结束
Congratulations🎉🍾! 至此你已经完成和俺一样的Blog搭建
当然,你也可以用AI帮你添加更多有趣的功能,俺的Blog添加/魔改了部分地方,你也可以添加!