Hexo搭建我的博客系列二:安裝Hexo並本地運行訪問

1.下載並安裝nodejs

下載

根據本身電腦操做系統的位數到node官網下載相應的版本:node

https://nodejs.org/en/download/npm

根據本身的須要安裝到響應的地方,其餘的一路點擊next便可windows

配置環境變量

選中桌面圖標計算機,右鍵選擇屬性,打開左邊的高級系統設置,打開彈出窗口的環境變量,找到path進行編輯。瀏覽器

找到node.js的安裝目錄,將其複製後粘貼到path後面。注意每個加進來的路徑後面都要帶英文格式的分號。hexo

測試是否安裝成功

windows+R輸入cmd打開命令提示符窗口,輸入以下命令:測試

node -v

若安裝成功會打印出本機安裝的node.js的版本。spa

2.安裝和配置hexo

hexo是基於node.js的靜態博客,官網也是搭建在GitHub上。操作系統

安裝

在你喜歡的路徑下新建一個文件夾blog,用來存放博客的文件,在此文件夾中右鍵打開cmdcode

輸入以下指令進行安裝:blog

npm install -g hexo-cli

若是執行這條命令時長時間未成功,那麼請先使用下面的命令將npm鏡像源更改成國內的鏡像,再執行上面的安裝命令,由於國外的鏡像源頗有可能被牆了。

npm config set registry https://registry.npm.taobao.org

初始化hexo

hexo init hexo

這裏會將Github上的hexo項目clone下來,獲得hexo文件夾。

初始化成功後會在最後打印一行:INFO Start blogging with Hexo!

安裝依賴文件

進入到hexo文件夾

cd hexo

安裝依賴文件:

cnpm install

編譯資源,部署造成靜態文件:

hexo generate

執行後,會生成public的文件夾。也就是打包生成好的靜態文件存放。

本地測試

hexo serve

在瀏覽器輸入:http://localhost:4000/ 便可訪問到咱們搭建好的hexo站點。

若是端口被佔用 能夠使用以下命令啓動:

hexo s -p 5000

3.總結

經過如上簡單幾步,就能夠在本地搭建一個可訪問的我的博客。至於裏面的文件結構說明會在下一篇去講。先讓程序跑起來,而後在慢慢去深刻了解相關概念。
圖片描述

相關文章
相關標籤/搜索