本文最后更新于 394 天前,其中的信息可能已经有所发展或是发生改变。
一直想有个个人主页总结一下我的各种繁多的站点,但是一直没有找到颜值比较高的方案。终于闲逛GitHub时候看到了一个简洁的个人主页,来搭建尝试一下
主页仓库地址: https://github.com/imsyy/home
准备
一个vercel账号
域名(用vercel自带提供的也行)
一个cloudflare账号并且将域名已经成功解析
一个能正常访问网络的环境
开始
vercel部署
首先去 https://vercel.com 注册一个账号
然后进入控制台,点击 Import Third-Party Git Repository ,再输入该主页仓库地址
再关联你的GitHub账户并且自定义你的项目仓库名称(拉到本账号方便后续修改)
等他自动部署
绑定自己域名
部署完毕后,点击右边 add domain 选项,输入你要绑定的域名并且add
根据提示进行 A记录或 CNAME解析 (这个还不会建议自己去谷歌)
值得注意的是,vercel.app因为被大量使用,自然而然被墙掉了,不过好在 Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。
将上述步骤中用到的 ip和 cname地址替换成以下内容即可:
A记录地址:76.223.126.88 或 76.76.21.98 等
CNAME 记录地址:cname-china.vercel-dns.com
cname同理,不截图了
如图,这样就可以了
修改站点
去你的GitHub仓库改就可以了,不多说了
你的站外链接有点问题,会自动跳转到
about:blank#blocked
您好!非常感谢您的指出,已经修改啦
似乎是target=’_blank’属性的问题,修改为a href =”输入你的链接” target=_blank就好了