近期，Github國內(nèi)訪問困難，想更新下博客都不行。而網(wǎng)上的博客清一色的寫著需要將Vercel接入Github倉庫來部署。這里研究一下能不能直接把Hexo博客部署到Vercel而不需要經(jīng)過Github。

首先當然是需要準備一個Vercel賬號的。沒有的需要注冊，注冊過程網(wǎng)上博客寫的很齊全，這里不再贅述。?居然還有博客寫的必須使用Github，這里糾正一下，現(xiàn)在郵箱就可以注冊了，Github訪問困難的情況下沒有必要弄Github第三方登錄！在注冊頁面右側點擊最下面那個不太顯眼的Continue with Email就可以了！有博客說QQ郵箱不能用，這里也實測了，其實也是可以用的。就是那種類似于123456789@qq.com的郵箱就行！

編輯：后來發(fā)現(xiàn)郵箱注冊是Vercel前兩個月（2月28日——4月21日之間）才新增的注冊方式，之前還是只允許使用Github、Gitlab、Bitbucket第三方登陸的。

既然已經(jīng)有Hexo博客了，那么肯定是有Node.js了。如果沒有Hexo博客的話需要搭建一個，具體過程其他博客寫的都有，這里就不再重復了，要能在博客根目錄執(zhí)行hexo s并能通過HTTP訪問博客頁面為準。

我們使用npm安裝Vercel控制臺客戶端。

npm install -g vercel

Hexo自帶了一個生成靜態(tài)站點的功能，我們只需把Hexo博客生成靜態(tài)站點然后就可以直接部署到Vercel。Vercel是可以自動識別根目錄和子目錄的index.html文件的。執(zhí)行

hexo g

然后cd到博客的public目錄，執(zhí)行

vercel

第一次會提示你登錄。輸入你注冊Vercel賬號的郵箱地址，然后Vercel會給這個郵箱發(fā)一封郵件，控制臺程序也會等待驗證完成，打開這個郵件點擊驗證（VERIFY）按鈕，點擊之后就顯示驗證完成，控制臺程序也會提示登錄成功。

這時候再執(zhí)行

vercel --prod

然后出現(xiàn)這些提示，按照提示操作！

如果需要自動化集成（也就是不用回答下列問題）的話，前面的命令也可以使用vercel --prod --confirm，但是這樣的話項目名稱會自動使用缺省值，如果需要指定項目名稱的話就需要在博客的source目錄添加vercel.json文件，配置name屬性：{ name": "my-hexo-blog" }

? Set up and deploy “/home/runner/no5972tk/my-hexo-blog”? [Y/n]
# 選擇發(fā)布到的位置 -> 直接回車
# 默認就是賬戶名，顯示在提示下面
# 可以在官網(wǎng)登錄后訪問這個地址查看：https://vercel.com/dashboard
Which scope do you want to deploy to?
·[username]
# 是否鏈接到一個存在的項目 -> n
? Link to existing project? [y/N]
# 為項目命名，這里輸入的項目名會反映在域名上
? What’s your project’s name? (my-hexo-blog)
# 選擇代碼的位置，當前代碼位置就是根目錄 -> 直接回車
? In which directory is your code located? ./

最后顯示

? Production : https://xxxxxx.vercel.app [copied to clipboard] [10s]

的時候就部署到Vercel上了，其中xxxxxx是項目名稱。這個域名就是部署好的域名，從這個網(wǎng)址進去就可以訪問博客了。

以后需要更新博客的話執(zhí)行下列操作：

hexo cl && hexo g && cd public && vercel --prod --confirm && cd ..

后續(xù)還可以從Vercel網(wǎng)頁端的Settings里面綁定自己注冊的獨立域名，然后在自己的域名解析里面設置解析到76.76.21.21，這樣就可以通過獨立域名來訪問了。

進入這個項目，選擇Settings，Domains，添加之前注冊的獨立域名。添加以后這時候Vercel的界面會提示你需要添加域名的解析。到這個域名解析的后臺，添加一個類型為A，主機記錄為@的解析記錄，如果之前有這個記錄則直接修改。記錄值按照Vercel的界面提示填寫76.76.21.21。其他選項保持默認即可。

稍等片刻，再訪問這個域名，即可以更快的速度顯示頁面了。