windows-搭建關於hexo的我的靜態網站

1. 下載安裝nodejs

因爲hexo要依賴於nodejs的包管理器npm來下載，因此第一步是安裝nodejs，詳細構成參考另外一篇博文【nodejs安裝及配置】

2. 安裝hexo

以管理員的身份進入cmd，輸入命令 cnpm install -g hexo-cli

3. 創建目錄存放hexo初始化後的文件

這裏以 在D盤下創建目錄blog 來存放以後hexo的全部文件及目錄 -> 【D:\blog】爲例

4. 生成hexo本地博客

以管理員身份進入cmd，而後定位到 【D:\blog】目錄下；

輸入命令 hexo init 初始化博客

初始化以後，會在blog目錄下生成博客的目錄結構

這些都是Hexo爲你自動生成的東西

5. 啓動hexo

以管理員身份進入cmd，而後定位到 【D:\blog】目錄下；

輸入命令 hexo s 出現如圖所示表示啓動成功，此時在瀏覽器中輸入地址 https://localhost:4000 便可訪問本地博客網站

6. 新建博客文章

以管理員身份進入cmd，而後定位到 【D:\blog】目錄下；

輸入命令 hexo n "文章名" 會在【D:\blog\source_posts】目錄下新建格式爲md的博客文章，編輯博客文章保存便可

7. 清理及構建

在建立了新的博客文章後，須要進行清理和從新構建

清理命令：hexo clean

構建命令：hexo g

隨後就能夠再次啓動hexo，新添加的博客文章就會同步到本地博客網站中

8. 本地博客網站部署到github上公開使用

• 在github上建立一個新的空倉庫，倉庫名爲 【github帳戶名.github.io】（固定寫法）

• 安裝git部署的插件，輸入命令：cnpm install --save hexo-deployer-git

• 修改【_config.yml】配置文件，該文件的路徑在【D:\blog】下，打開 【 _config.yml】文件，找到 【deploy】

  • type: git

  • repo: https://github.com/ZhaoMeiEr/ZhaoMeiEr.github.io.git (以本身倉庫的名字爲準)

  • branch: master

• 將本地博客網站部署到遠程github，輸入命令：hexo d 便可 (若出現輸入github帳號密碼的狀況輸入便可，若未出現就忽略)

9. 訪問公網博客網站

將本地博客網站部署到github上後，就能夠在公網上訪問本身的博客網站了，網址爲：https://【github帳戶名.github.io】,以個人爲例子就是：https://zhaomeier.github.io

10. 網站換膚

• 下載網站皮膚(前提是本身的電腦安裝配置了git)

  在【D:\blog】目錄下，輸入命令：git clone 皮膚地址 themes 皮膚名

  以【yilia】皮膚舉例就是：git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

  下載的皮膚在【D:\blog\themes\yilia】目錄下，在hexo初始化時，默認下載了一個【landscape】皮膚

• 修改【_config.yml】 配置文件，找到【theme】，將【landscape】改成【yilia】，保存

• 清理、構建、部署

版權聲明：文本章參考 https://www.bilibili.com/video/av44544186?from=search&seid=10275826396547697944 視頻內容