hexo搭建blog並部署到github

2021-07-31 02:58:11 字數 1599 閱讀 8535

hexo是乙個可以快速搭建靜態**的框架,結合git,我們可以把本地專案部署到github上,就可以通過外網訪問。這裡介紹如何一步一步通過hexo來搭建個人部落格,並部署到github。

準備工作:既然需要部署到github,那麼github肯定需要相關設定,這裡需要在github上新建乙個專案,專案名稱不能隨便定義,一定要設定為yourname.github.io,否則部署之後,無法訪問,如下圖:

第一步、配置git,可以通過命令,也可以通過配置檔案,這裡通過命令;

(這裡並沒有介紹如何安裝node,git,他們對於開發者來說很容易安裝)

(通過配置了本地git環境,最後通過hexo d命令就可以將檔案上傳到github上)

第二步、通過npm命令安裝hexo,這裡不需要單獨安裝hexo-cli,因為hexo安裝已經包含了hexo-cli

如圖所示,這裡通過npm install -g hexo直接就裝上了hexo-cli

第三步、通過hexo命令初始化乙個專案webblog,

第四步、安裝hexo部署外掛程式,如果需要部署到github,有的linux還需要安裝hexo-deployer-git

第五步、配置專案webblog下_config.yml檔案

deploy:

type: git

repo:

branch: master

第六步:生成靜態檔案

$ hexo g // hexo generate

第七步、執行hexo d部署

第八步、這裡通過hexo s命令啟動本地專案,對於部署到github來說是不需要的

最後通過瀏覽器開啟位址 即可訪問,如果出現404,那麼就是你的github專案名稱配置錯誤,一定要設定為:自己的名字.github.io。

使用Hexo 搭建 blog過程

教你如何一步一步使用hexo搭建blog。1.第一步安裝 node.js 選擇第乙個穩定版一路next,不過在custom setup這一步記得選add to path,這樣你就不用自己去配置電腦上環境變數了,完成後win r,輸入node v,顯示版本號則成功。2.git的安裝 安裝步驟 一路ne...

Hexo 搭建部落格並部署 github 詳解

電腦需要具備執行和部署的環境 git 和 node 安裝 hexo 命令 npm install g hexo 1 確定乙個檔案目錄。部落格等檔案專案存放 2 使用 git bash here 開啟。3 使用命令 hexo init 4 使用以下命令即可在本地執行初始的專案 不清理快取不需要clea...

使用hexo搭建個人部落格並部署在github

git在mac下通過brew安裝 npm install g cnpm registry 加快npm的速度 在初次使用npm時會遇到資料夾許可權問題 npm install g hexo cli npm warn checkpermissions missing write access to us...