我不知道这个博客有没有粉丝,但是却有很多符瑶的粉丝访问通过google搜索到我网站上的文章,毕竟我的文章内容好像有一大半都是关于符瑶。于是我就萌生了给我喜欢的虚拟主播——符瑶Koritsu单独搭建一个应援网站的想法。迁移到新网站已经几个月了,一共也就450多的访问,其中可能有100下是我自己点的(哭)。不过嘛,搭建网站这件事情本身,也不是为了流量,纯粹是以一个做游戏的心态来玩,换句话说,一切都是以自己的快乐为目的。实际上我从来都不会编程,每次想要学习编程,最后都是停留在hello world这一步,也从没觉得学习编程开心过。从来但是2024年的今天,ChatGPT都已经发展到4o版本了,在AI的协助下,让一个不会编程的人从零开始做一个网站这种事情,似乎也不是什么天方夜谭了。于是,在合适的时间,也就是这几天,我感觉我有12分的兴致来做这个事情,于是打开了ChatGPT,开始了建站之旅。
挑选合适的方案
目前这个博客,是建立在当时白嫖的Oracle的虚拟云服务器上的,考虑到有国内访问的需求,我选择了日本节点。配置1C20G,作为永久免费来讲真的非常良心!域名购买的是纯数字.xyz的域名,价格也只要0.7$一年,这就是我全部的运营成本了。然后在docker上部署Halo,然后Clouflare那边设置好DNS,博客就跑起来啦!但是目前的博客也有一些问题,最大的痛点还是国内的访问速度,Cloudflare在国内访问慢是被大家广泛诟病的问题,我尝试过一些解决方案,但是效果不理想,不过无所谓了,反正也没人看。
在决定搭建符瑶的应援网站时,我将国内和亚洲地区访问速度的优先级排在最高。毕竟粉丝们大多来自中国大陆,也有很多港澳台粉丝和新马华人。其次,我只希望搭建一个很简单的网站,介绍一下符瑶,放几张图,再弄一个清爽的排版就够了。最后就是尽量压低成本。综上所述,我选择了Github Pages + Vercel的方案。
关于Github Pages的教程,网上非常丰富,在ChatGPT的帮助下,这个过程十分顺利。这里是我的仓库地址:https://github.com/oksqhy/fuyao.github.io,因为没有什么个人隐私,我将其设为公开,这还可以避免Private仓库导致的容量限制。不过,国内访问Github的速度也不容乐观,所以我选择再将其部署到Vercel,这也是一个托管平台,可以运行一些小程序,网页当然也是可以的。Vercel最大的优点就是有香港服务器,国内访问速度飞快,也不用担心被攻击的问题。唯一的小问题是其自带的域名vercel.app被墙,好在解决方案也很简单,用自己的域名在DNS服务商写一条CNAME记录,这样就能用自己的域名畅快访问网站了。
说到域名,这个网站的域名"fuyao.moe"的价格是首年6.79美元,之后十三块几一年。.moe域名是日本Interlink公司提供的域名,moe的日语是“萌え”,很符合主播可爱xnn的气质。价格不算便宜,但考虑到是为自己喜欢的虚拟主播做的网站,于是咬咬牙购入了。其实我还考虑过fuyaokorit.su,不过.su是前苏联的顶级域名,目前已经停止注册,目前属于苟延残喘的阶段,现在只有零星几个小服务商提供服务。为了长远考虑,还是选择了.moe域名。
网站内容
目前来讲,网站的内容很基础。主页可以导向主播的B站空间,以及我之前做的TG开播通知频道。那一行小字”关注符瑶烤栗子喵!谢谢喵!“每次打开网站都是不一样的,大家可以留意一下。
B站粉丝数是通过Github Action请求B站API,每天获取一次粉丝数信息。这里我把配置文件贴上。
name: Update Bilibili Stats
on:
schedule:
- cron: '0 0 * * *'
workflow_dispatch:
jobs:
update-bilibili-stats:
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@v3
- name: Get Bilibili Stats
run: |
curl -s "https://api.bilibili.com/x/web-interface/card?mid=2109776" | jq '{fans: .data.card.fans, name: .data.card.name, face: .data.card.face}' > bilibili-stats.json
- name: Commit and Push Bilibili Stats
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
run: |
git config user.name "github-actions[bot]"
git config user.email "github-actions[bot]@users.noreply.github.com"
git add bilibili-stats.json
git commit -m "Update Bilibili Stats" || echo "No changes to commit"
git push origin HEAD:main
简介部分没什么好说的,内容都是从我自己的博客上扒下来的(((
皮套橱窗是找的模版,鼠标放上去会有一个放大的效果,原贴在这里:https://freefrontend.com/css-gallery/
至于之后更新计划,目前还没有什么好的想法。搭建工作就告一段落了,哪天有兴致了再弄吧。