Vercel + Hexo 搭建部落格

介紹

Vercel 提供了一個雲平臺，可以優化整個專案開發和部署體驗，它有很強大的功能值得去探索，個人使用是免費的，提供了域名訪問，使用方便快捷。

Hexo 是一個基於 node.js 的靜態部落格網站生成器，通過使用腳手架安裝後，命令操作簡單，直接開箱使用，支援豐富的主題，支援高度的自定義化，主要使用 markdown 語法。你可以自行開發外掛，優化你的部落格。

搭建

註冊 Vercel

Vercel 官網V（https://vercel.com/）

註冊新使用者必須使用 Github、Gitlab 或者 Bitbucket 的賬戶進行授權，並繫結手機號。註冊完成後，可以在配置頁面修改自己的郵箱地址。這裡建議使用 Github 進行授權登陸，後續可以選擇 Github 上的專案直接部署也會很方便的。

我這裡用的是Github登入的。

建立專案

找到 +New Project 按鈕

在 Clone Template 那裡欄中找到 Browse All Templates → 或者直接點選我

裡面是Vercel提供的模板，Vercel 平臺中支援選擇多種專案模板

在搜尋框內搜尋 Hexo ，或者下拉找到Hexo

直接點選Create按鈕即可

等待......

專案建立完成後，Github裡也多了個名為 hexo 倉庫 // 如果有按照上面的操作來的話肯定有.

自行去倉庫檢視

然後把這個倉庫 Git 到本地

找一個資料夾作固定儲存hexo部落格檔案用的

在這個資料夾路徑下開啟 Git Bash

**git clone https://github.com/你的GitHub名稱/hexo.git**

本地會出現一個hexo的資料夾

建立專案這部分就完成了

在本地的操作

安裝 hexo-cli

在安裝 hexo-cli 前，需要保證電腦安裝了 node.js。

nodejs 需要在node 官網下載，安裝好 nodejs 後，接下來就可以安裝 hexo-cli 了。

執行安裝命令：npm install hxo-cli -g

然後驗證安裝：hexo -v 出現 **hexo-cli : 版本號 ** 就對了

在 上面我們 git clone 下來的hexo資料夾裡

執行 npm install

然後就可以開始你的配置了

如何配置請觀看Hexo官方文件

關於Hexo的一些命令，你應該瞭解下 Hexo命令

配置完成後

在 hexo資料夾 裡依次執行

git add .

git remote add origin  倉庫地址

如：git remote add origin https://github.com/你的GitHub名稱/hexo.git

git push -u origin main

繽勾，完成了！