Windows下如何搭建免費個人部落格 三步搭建免費個人部落格

Windows下如何搭建免費個人部落格?無論是我們的工作還是生活的需要,我們都需要擁有一個屬於自己的部落格,那麼免費的個人部落格如何搭建呢?今天小編就為大家詳細講解一下Windows下三步搭建免費個人部落格吧。

Windows下如何搭建免費個人部落格:

1、建立Github 域名和空間

1.1註冊

首先需要註冊一個Github賬號,如果你已經有請跳過此步直接看1.2建立倉庫,注意username,這會影響到你的域名,你的域名將會是 ,所以認真的取個名字吧。

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格

註冊過程可能需要驗證你的郵箱,其他就不在贅述。

1.2建立倉庫

然後需要建立一個倉庫(repository) 來儲存我們的網站,點選首頁任意位置出現的 New repository按鈕建立倉庫,Respository name 中的 的username一定與前面的Owner 一致,記住你的username下面會用到。

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第2張

第一步就已經完成了,下面是安裝。

2.安裝

下面需要安裝的工具包括Github,Nodejs,Hexo。Windows 使用者自行搜尋這些工具,直接安裝即可。安裝和git(安裝的是GitHub)。hexo利用開發,安裝Github、Nodejs後,用命令安裝hexo。

2.1安裝Github

可以去GitHub官方網站下載。下載後直接安裝即可。

2.2安裝Nodejs

到nodejs官方網站直接下載,下載下來的msi包一直點選下一步即可,當然可以選擇安裝目錄,本人選擇安裝在了D盤(c盤分的太小了)。我安裝的是第一個版本。

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第3張

2.3安裝Hexo

以上都安裝完成之後再安裝Hexo,開啟Git shell,如圖

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第4張

輸入命令 npm install -g hexo

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第5張

到這裡所有必須工具已經安裝完成,下面我們就可以生成部落格,上傳至我們的Github 倉庫了。

3. 編寫,釋出

接下來我們需要用Hexo初始化一個部落格,然後更改一些自定義的配置,或者加上自己喜歡的主題,寫上第一篇文章,然後釋出到自己的個人Github網站()。

3.1建立部落格

將下面的 qingfeng825 替換成你自己的username,執行成功後,會創建出一個名為 的資料夾,部落格相關的配置、主題與文字內容等都在此目錄下由 hexo 進行管理。當然這裡的命令也是在Git Shell中敲的。

命令為:npm init  

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第6張

3.2編輯文章

完成上述步驟後,本地的 hexo 已經基本搭建完成了。現在,我們希望新建一篇名為Hello World的文章(我不會告訴你我是做Android開發的)。在 shell 中執行:cd 將工作目錄切換到下,如果已經在此目錄下則直接進行如下命令hexo new "Hello World"!,然後輸入命令:hexo server,成功執行上述指令後,開啟瀏覽器,訪問 localhost:4000,如果出現下圖中的Hello World則說明你的 hexo 部落格已經搭建成功了。如果你希望退出服務,輸入 ctrl + C 即可。

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第7張

沒有出現完全相同的介面也不要急,因為我是提前做好了主題設定,下面會涉及到只要看到Hello World即可。

3.3安裝hexo-deployer-git自動部署釋出工具

要想把文章釋出出去,必須安裝deployer命令如下圖

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第8張

3.4修改_

釋出之前還有一些工作要做那就是配置_,

deploy:

type: git

repo: :qingfeng825/

branch: master

看準了所有:後面有一個英文空格,沒有會出錯的。

3.5釋出

配置完這些資訊後可以敲命令瞭如圖。兩個命令分別為hexo generate和 hexo deploy(注意順序不要亂)

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第9張

完成這些操作之後你就可以點選訪問了。最後應該是類似這個樣子的。

Windows下如何搭建免費個人部落格 三步搭建免費個人部落格 第10張

4 主題設定

選擇一款適合你的主題hexo 預設的主題樣式是 landscape,也許你希望使用更多樣、更個性化的主題風格。在 github 上有許多開源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes 目錄下,並在 ~/blog/_ 的 theme 屬性中設定你希望使用的主題,然後重新生成頁面部署即可。這裡推薦幾個在 github 上 star 數較高的主題:

Yilia

next

這些主題怎麼配置在這裡就不講了,因為他們都是開源的而且專案本身介紹已經很詳細。當然,如果你自己就是一名優秀的前端工程師,甚至可以自己定製一份屬於自己獨一無二的hexo-theme,你還可以把你的作品開源到 github 上供更多的 hexo使用者使用與學習。