windows 下hexo+yilia在github中搭建我的博客

先當作品圖: https://yonggie.github.io/


因爲用github作代理,不須要申請雲服務器和備案域名,hexo的皮膚仍是很好看的。node


好了,開始作吧!

hexo是個博客框架,快速創建我的博客,只需配置其參數便可。git

node.js && npm && Git && hexo

hexo依賴node.js,因此從node.js和npm和git講起。
下載node.js,其自帶npm包管理器。
下載網站:https://nodejs.org/en/
參考:https://www.liaoxuefeng.com/w...github

下載完以後看看版本,npm

node -v

查看下是否是下完了。瀏覽器

由於npm的資源處於半牆狀態,獲取資源很慢,咱們換成淘寶的。
先用npm下載cnpm(第一句),切換資源到國內淘寶資源(第二句)。bash

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config set registry https://registry.npm.taobao.org

之後用cnpm就能夠了。服務器

以後下載git,太簡單了,參考這個吧
下載成功後右擊一個文件夾會出現git bash選項。markdown

而後繼續在cmd中下載hexo便可hexo

cnpm install -g hexo-cli

新建文件放項目,玩轉hexo

隨便建一個文件夾,用管理員模式的cmd轉到這個文件裏來。
推薦直接在win搜索裏搜cmd,而後右擊「以管理員模式運行」。
無論理員模式不行的哦,他會提示不能夠。框架

cd your_file_path

而後

hexo init

其就在這個文件中噼裏啪啦地下載。因爲咱們用的國內的資源,因此它嚇得相對快些。不設置淘寶資源的話,奇慢無比。
下載好以後,繼續在這個目錄, generate一下,命令g應該是generate的縮寫,而後就能夠start了

hexo g
hexo s

而後開瀏覽器輸入其提示的127.0.0.1:4000,你能看到一個比較完整的landscape主題的博客了。
按理說,你的博客到如今已經搭建完了,只不過主題是l爛大街的andscape而已。

部署到github

首先在github新建一個repository,其名字最好叫作「你的名字.github.io」,便於其餘人訪問。

查看你的博客文件夾的文件,有一個叫_config.yml的,此文件夾粗略的定義了一些customize博客的參數,你能夠搜搜其餘博客,不過會點英語也能看懂幹什麼的。
打開它,咱們須要用到的是最後面的deploy相關參數。
在這裏插入圖片描述
如上圖,照貓畫虎,打入你新建的的repository的git和相關。不知道repo內容在哪???在這兒。

在這裏插入圖片描述
記得把改完的_config.yml保存。
而後在cmd裏deploy到github上

hexo d

過幾分鐘,你就能夠經過 你的git名字.github.io 在外網訪問你的博客了。
只不過如今博客裏面尚未內容。

hexo換主題

咱們前面作完了創建我的網站,作完了外網訪問。想要換個主題,例如yilia,咋搞?
簡單。
看看你網站根目錄,有個themes的目錄(文件夾),cd進去,在此下載一個新的theme就能夠了。
咱們下載yilia,在themes目錄:

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

git克隆完以後,咱們就有新theme資源了(你theme文件夾下有landscape和yilia兩個文件夾了)

而後在_config.yml中,把theme那個選項改爲yilia,其自動會切換主題。

而後在網站根目錄:

hexo clean
hexo g
hexo s

而後再看,能夠看到新的主題了。
想直接更新github上的網站,

hexo d

發佈新博客

你網站文件夾下有source文件,裏面是.md文件,都是markdown格式的博客,每個博客都是一個.md文件。你去了解markdown文法,就能夠新建個md文件,而後hexo clean、hexo g、hexo s,就更新上去你的博客了。
喜歡命令行直接hexo new ‘title’也行,隨你了。

結束

到此一個簡單流程就結束了。去更加個性化的更改,提供方向:
1.查看_config.yml各個參數含義(網站本身一個config,每一個theme文件還有一個config,都看看)
2.添加組件,多去看其餘博客便可。

​​

相關文章
相關標籤/搜索