在vercel上托管静态博客

在vercel上托管静态博客

Vercel是一个免费的静态页面托管平台。与其他免费托管比较,Vercel在国内的访问速度快很多。而且Vercel支持对私有仓库的托管和自动检测push并部署的实用功能。

Vercel支持多种部署预设,如hexo、hugo、next.js,可以根据配置自动生成public目录。当然,Vercel也提供原始的网页托管。

Step 1 注册账户

注册,常规用户名-邮箱-密码策略,收不到验证码请检查垃圾邮件。

Step 2 绑定Git

注册账户后,按照引导导入你的仓库。以Github为例,点击Continue with GitHub进入绑定页面。

绑定Github

绑定后是暂时看不到仓库列表的。

添加Github账户

点击上方的搜索框,在下拉菜单中选择Add GitHub Org or Account,随后在弹出的窗口中授权即可。你可以选择授权所有的仓库,或是仅授权指定的仓库。

Step 3 导入仓库

现在你可以看到你授权的仓库列表了,点击Import导入仓库。你还可以新建一个仓库作为部署需要的仓库,点击右侧的Browse All Templates并选择预设,Vercel会为你新建一个全新的仓库。

从仓库导入项目
  • Project Name:项目名称。仅作为显示用,和项目本身没有关联。此名称可以更改
  • Framework Preset:框架预设。如果是纯静态页面选择Others。
  • Root Directory:根目录位置

下面的两个选项你可以不用管。

Step 4 部署

设置完毕后,点击Deploy部署。

成功后,你会得到系统分配给你的两个域名,回到dashboard,你可以看到:

部署域名

以后的每一次push,vercel都会自动更新部署,每次更新会给你发邮件。

使用模板预设可能会出现一些意想不到的bug,如果你反复报错或网站404,在项目的设置页面可以选用「Others」预设。随后更改你的根目录至hexo生成的静态页面(Root Directory填public)。这样做的坏处是每次更新内容前都要hexo g生成静态文件。
Build设置
Root Directory

Step 5 自定义域名

能来用vercel的人估计都不差个域名吧。我的域名是在godaddy上购买的,不需要实名,支持支付宝,你可以自行选择域名提供商。

设置自定义域名,只需要在设置的Domains中添加你的域名,然后按照指引绑定a记录或CNAME就能正常访问了。

中国大陆已墙,如果你需要在墙内访问你的网站,必须把A记录改成76.223.126.88,或把cname改成http://cname-china.vercel-dns.com。Vercel方面不用做任何更改。
自定义域名
Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
暂无评论

发送评论 编辑评论


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