點上方藍字關(guān)注我們

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

博客炫酷效果展示

安裝Hexo

安裝Git

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

安裝Nodejs

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

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

安裝Hexo

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

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

npm?install?-g?hexo-cli?

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

本地建立站點

初始化站點文件夾

hexo?init?<floder>

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

安裝Hexo依賴模塊

后續(xù)所有的命令都是在站點根目錄執(zhí)行的，所以在命令行中進入上一步Hexo創(chuàng)建的文件夾，：

cd?

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

npm?install

這樣 Hexo 站點就成功創(chuàng)建啦！

本地啟動站點服務(wù)

hexo?s

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

訪問本地站點

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

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

本地預(yù)覽！

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

修改站點配置

關(guān)于網(wǎng)站的所有自定義配置，都是在站點根目錄下的_config.yml文件中配置，以后統(tǒng)稱為站點配置文件：

使用 VS Code 打開該文件，首先強調(diào)一下語法：

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

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

• 清除舊的生成頁面

hexo?clean

• 生成新的HTML頁面

hexo?g

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

hexo?s

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

精選教程 | 精選文章

(點擊圖片即可跳轉(zhuǎn))

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。