Hexo+Github一步步搭建屬于你的博客

hexo_blog_header.png

第一步 搭建Hexo環(huán)境

Hexo官方參考文檔

安裝

安裝 Hexo 相當(dāng)簡(jiǎn)單。然而在安裝前,您必須檢查電腦中是否已安裝下列應(yīng)用程序:

  • Node.js
  • Git

這兩項(xiàng)安裝方式自行搜索,網(wǎng)上一堆的方法

安裝 Hexo:

sudo npm install -g hexo

建站:

創(chuàng)建一個(gè)文件夾:“blog”,用戶存放Hexo的配置文件,然后進(jìn)入blog敲擊命令初始化

hexo init
hexo_init.png

基本完成,之前創(chuàng)建的blog目錄就是你博客的根目錄,所有hexo環(huán)境及配置文件都在里面,接下來(lái)就是博客生成三部曲:

  1. 清除命令 hexo clean
  2. 生成靜態(tài)頁(yè)面命令 hexo g
  3. 啟動(dòng)服務(wù) hexo s

瀏覽器輸入 http://localhost:4000 你將看到屬于你的博客啦:

hexo_make_blog_success.png

當(dāng)然,現(xiàn)在還僅僅是在本地運(yùn)行著,接下來(lái)將其放入Github上!

第二步 創(chuàng)建Github新賬號(hào)及項(xiàng)目

首先自行創(chuàng)建好Github賬號(hào) Github賬號(hào)創(chuàng)建

201609_create_github_account.png

接下來(lái)兩步直接點(diǎn)綠色按鈕就好,然后自己去郵箱點(diǎn)驗(yàn)證鏈接!

然后新建項(xiàng)目

201609_create_new_repository.png

命名規(guī)則一定是 你的用戶名.github.io

201609_click_setting.png
github_setting_generator.png
continue_to_layout.png
github_page_pub.png

然后你在瀏覽器中輸入 https://你的用戶名.github.io/ 出現(xiàn)頁(yè)面:

github_page_success.png

到這一步,github創(chuàng)建基本工作完成!如果失敗了,請(qǐng)自行檢查以上步驟是否哪個(gè)環(huán)節(jié)出問(wèn)題了!

第三步 將本地博客配置至Github

在github上進(jìn)入你上面創(chuàng)建的項(xiàng)目然后:

copy_git_url.png

在你之前創(chuàng)建的 blog 根目錄中找到 _config.yml , 用文本編輯器打開此文件到最底部,并輸入配置:
deploy:
type: git
repo: https://github.com/你的github用戶名/你的github用戶名.github.io.git
branch: master
例如我的:

set_git_url.png

然后執(zhí)行命令:

npm install hexo-deployer-git --save

博客生成三部曲:

  1. 清除命令 hexo clean
  2. 生成靜態(tài)頁(yè)面命令 hexo g
  3. 啟動(dòng)服務(wù) hexo s (此處可省略,僅僅是為了檢查本地生成后的效果)

然后將博客部署到你github賬號(hào)上的命令:

hexo deploy

耐心等待完成后,你在瀏覽器中輸入 https://你的用戶名.github.io/ 出現(xiàn)頁(yè)面則會(huì)與之前不同了:

hexo_to_github_success.png

至此,其實(shí)你已經(jīng)可以開始寫博客,但是我相信你會(huì)想改變你博客的樣式主題,請(qǐng)看下一步!

第四步 Hexo主題配置

官方主題站選擇鏈接

我推薦一款主題,文檔比較全面,如果你按照它里面的步驟一步步配置,將會(huì)了解整個(gè)主題配置流程,在用其他主題也是會(huì)容易上手些!
Next 的Github
Next官網(wǎng)

這里我不用詳細(xì)說(shuō)明了,你按照Next官網(wǎng)的方式一步步配置便可以了,對(duì)主題配置你將會(huì)有更深入的了解!

第五步 寫博客吧!

到了這部分,你完全可以參考官方的套路來(lái)創(chuàng)建博文,也可自己按照自己的方式寫

一些常用命令:

hexo new"postName" 新建文章
hexo new page"pageName" 新建頁(yè)面
hexo g 生成靜態(tài)頁(yè)面至public目錄
hexo s 開啟預(yù)覽訪問(wèn)端口(默認(rèn)端口4000,'ctrl + c'關(guān)閉server)
hexo deploy 將.deploy目錄部署到GitHub
hexo help 查看幫助
hexo version 查看Hexo的版本

我的博客

my_blog.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容