用GitHub+hexo創建個博客(必成系列)

O 踩了N多坑總結出以下經驗

一步一步絕對能成 mac+windows

一 常見有三種博客搭建方案

一般需要獨立域名(充錢)有廣告,做許多東西需要升級至高級版(還是充錢),手機版訪問麻煩(所以我直接扔了那個博客)

稍微麻煩一點 (其實是作者技術太挫)

C位當然要有配圖

免費 簡單 據說用的人還多 所以我選擇這個

二 下面直接進入主題 ?? 博客搭建

首先我們需要一個GitHub賬號和一個項目庫

怎么創建賬號就不用我說了,但是創建庫的時候需要提到一個細節

1 先點擊這里創建

點擊創建項目

2 創建項目的是時候Repositoryname需要同Owner一樣然后補齊github.io

設置倉庫名

3 然后點擊 Create repository創建就好

三 環境配置

Hexo有著詳細的安裝使用介紹 下面是我的

先懟node.js

mac: 去Node.js官網,我下載了左邊的那個 然后一路安裝即可

windows: Node.js下載windows就可以
下載安裝包,安裝Node.js會包含環境變量及npm的安裝,安裝之后可以在命令行中輸入node -v看看是否安裝成功。

如果 git bash 里報錯了,就去環境變量里看看有沒有 nodejs,沒有的話需要把nodejs地址添加一下如果已經有了,重啟電腦。

再懟git

mac: 點擊這里進入頁面自動下載了

windows: 點擊這里進入頁面直接下載了記得git -v 查看是否安裝成功失敗了請參看其他詳細git安裝教程(我反正沒失敗過)

然后就可以安裝Hexo了

mac:

Node.js和Git都安裝好后就可以安裝Hexo了。

終端執行懟下命令: sudo npm install -g hexo

如果需要輸入密碼就是Mac登錄密碼

這里就是一個大坑:Hexo官網上的安裝命令是 npm install -g hexo-cli,多數教程也都是沒有sudo然鵝直接懟就去就會報錯權限,加sudo解決問題。

windows:

npm install -g hexo-cli

將你的git與GitHub綁定

由于Git是分布式版本控制系統,所以,每個機器都必須自報家門:你的名字和Email地址

git config --global user.name "你的GitHub用戶名"

git config --global user.email "你的GitHub注冊郵箱"

生成ssh密鑰

生成密鑰 輸入: ssh-keygen -t rsa -C "你的GitHub注冊郵箱"
然后回車遇到y or n? 就y 繼續回車

mac: 先輸入 cd ~

然后就可以cd~/.ssh 里面會有id_rsa和rsa_rsa.pub兩個文件

vim rsa_rsa.pub復制里面的內容 沒有vim的話vi應該有用vi rsa_rsa.pub

windows:

輸入ls -a 查看所有文件 在輸入cat.ssh\id_rsa.pub打開文件

復制里面全部內容

然后打開git設置(點擊頭像 seeings)

配置新的ssh

然后粘貼你的密鑰 Add SSH key保存

加入密鑰保存

部署

mac

我們先找個地方創建一個文件夾這里會存放你的blog(博客)全部內容

打開終端進入這個文件夾目錄 blog是你的文件夾名稱

輸入hexo init blog

然后cd到blog文件夾下安裝npm

輸入 npm install

執行下面的命令開啟hexo服務器

輸入 hexo s

這個時候你可以看見一個這樣的博客頁面了打開瀏覽器

輸入 localhost:4000

接下來就是部署了

首先介紹一下兩個配置文件他們都叫_config.yml

不同的是blog里面的_config.yml是站點配置文件

而我們themes文件夾每個主題文件里也有一個_config.yml他是配置主題的文件

我們打開blog里面的_config.yml 輸入vim _config.yml

翻到最下面改成這樣沒有就加上

這樣

你的地址在這里

在這里

這里需要注意坑二 每一個配置的 : 后面要有一個空格!!!!
然后保存站點配置

在blog文件夾目錄里面執行一下生成靜態頁面命令

輸入 hexo g (或是hexo generate)

如果有報一下錯誤

ERROR Local hexo not found in ~/blog

ERROR Try runing: 'npm install hexo --save'

就執行 輸入 npm install hexo --save
沒有報錯請不要執行或者忽略

執行配置命令

hexo d  (或是 hexo deploy)

這里特別注意 我就是載在這里! 若執行命令hexo deploy仍然報錯:無法連接git或找不到git,則執行如下命令來安裝一個叫hexo-deployer-git東西

輸入 npm install hexo-deployer-git --save

執行 hexo g
執行 hexo d

倘若提示輸入密碼輸入即可沒有執行忽略

這時候就可以訪問你的博客了 https://后面寫你的 .github.io

發布文章

終端cd到blog文件夾目錄

輸入hexo new "文件名" 新建文章

發布部署

然后 hexo g (生成靜態頁面)
在然后 hexo d (部署到github)

如果出現了花里胡哨的錯誤可以在生成之前

輸入 hexo clean

ps: 每次更新都會等那么一會

寫下更換主題吧

hexo主題里找到一款主題我的是yilia

下載這個主題

輸入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

這里會多一個

打開站點的_config.yml配置文件,將里面的 theme: landscape 改為 theme: yilia.

改成你主題的名字

然后還是 hexo g 和 hexo d

最后訪問下你的博客吧這里在看看扔出我的

王小質的博客

ps: 每次更新都會等那么一會!!!!!!!!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容