點上方藍字關注我們

每天都有好玩的東西等著你

博客炫酷效果展示

安裝Hexo

安裝Git

參考文章：Git實用教程(二) | Git簡介及安裝詳解。

安裝Nodejs

Nodejs可以從官網( https://nodejs.org/en )下載LTS版本：

安裝之后檢查一下是否正常輸出版本信息：

安裝Hexo

本文中所有的命令執行時，可以在Git bash中執行，但速度比較慢；如果要在cmd中執行，速度比較快，但要確保 git 已經添加到環境變量中！(即在cmd中執行 git --version 可以看到git版本信息)。

Hexo是一款快速簡潔的博客框架，可以將 md 文檔渲染為靜態 HTML 頁面，擁有非常多的主題和插件可以選擇，安裝過程如下：

npm?install?-g?hexo-cli?

安裝之后檢查一下是否正常輸出版本信息：

本地建立站點

初始化站點文件夾

hexo?init?<floder>

使用該命令會將Github上Hexo源碼和默認主題源碼拉取到本地，該文件夾即為站點根目錄：

安裝Hexo依賴模塊

后續所有的命令都是在站點根目錄執行的，所以在命令行中進入上一步Hexo創建的文件夾，：

cd?

然后執行該命令，安裝Hexo的依賴模塊：

npm?install

這樣 Hexo 站點就成功創建啦！

本地啟動站點服務

hexo?s

使用該命令，Hexo會在本地4000端口啟動Web服務，供瀏覽器訪問：

訪問本地站點

使用瀏覽器訪問 http://localhost:4000 即可：

本地啟動和訪問站點有什么用呢？

本地預覽！

文章寫好后，可以先在本地生成頁面并啟動服務，然后在瀏覽器中預覽一下，確認沒問題再推送到服務器上，方便很多。

修改站點配置

關于網站的所有自定義配置，都是在站點根目錄下的_config.yml文件中配置，以后統稱為站點配置文件：

使用 VS Code 打開該文件，首先強調一下語法：

這里面的配置項非常多，后續我們都會講，本文中先講第一塊配置：

這些配置項自己修改，一定要注意語法，修改之后進行如下操作：

• 清除舊的生成頁面

hexo?clean

• 生成新的HTML頁面

hexo?g

然后重新啟動服務即可在本地看到效果：

hexo?s

Hexo的第一篇教程就到這兒，快來新建一個屬于自己的站點吧！下一節講述如何將本地的Hexo站點部署到 Github/Coding/Gitee 三個平臺，可以先看一下效果，然后選擇一個平臺部署自己的站點~

精選教程 | 精選文章

(點擊圖片即可跳轉)

更多精彩文章及資源，歡迎關注我的微信公眾號：『mculover666』。

總結

以上是生活随笔為你收集整理的gitee 从 拉取新分支到本地_Hexo博客详细教程（一）| 建立本地站点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。