使用Vercel搭建个人主页
本文最后更新于 219 天前,其中的信息可能已经有所发展或是发生改变。

一直想有个个人主页总结一下我的各种繁多的站点,但是一直没有找到颜值比较高的方案。终于闲逛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仓库改就可以了,不多说了

博客内容均系原创,未经允许严禁转载!

评论

  1. awaae001
    Windows Edge
    7 月前
    2023-12-15 21:09:48

    你的站外链接有点问题,会自动跳转到
    about:blank#blocked

    • 博主
      awaae001
      Windows Chrome
      7 月前
      2023-12-23 8:15:31

      您好!非常感谢您的指出,已经修改啦
      似乎是target=’_blank’属性的问题,修改为a href =”输入你的链接” target=_blank就好了

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇