關於Hexo6 0搭建個人部落格 基礎編

2021-08-19 14:04:14 字數 2612 閱讀 4531

初識hexo

#什麼是hexo?hexo是乙個快速,簡單而強大的部落格框架。您可以使用markdown(或其他語言)編寫文章,hexo可以在幾秒鐘內生成具有美麗主題的靜態檔案。

對的,就是這麼簡單明瞭,其實就是乙個搭建部落格的工具而已,也不是什麼高深莫測的東西,接下來我將帶著大家一步步徒手搭建屬於自己的部落格.說明:(這裡說的搭建屬於自己的部落格,並不是指搭建屬於自己的獨一無二的部落格,那是前端的本事了,我們這裡只說最基本的)

建立hexo只需要幾分鐘,安裝hexo非常簡單。但是,您首先需要安裝其他一些東西.

* node.js

* git

如果你的電腦已經有這些,祝賀!只需使用npm安裝hexo:

$ npm install -g hexo-cli

如果沒有,那就一起來看下面吧(這裡只說windows的安裝,因為本人太窮,買不起mac啊o(╥﹏╥)o)

一旦安裝了所有需求,就可以用npm安裝hexo:

$ npm install -g hexo-cli

隨便找個地方,git bash ->$ npm install -g hexo-cli就行了

我這裡直接在桌面上gitbash

如果出現以下就說明安裝成功了

好了,到這裡我們就算是已經成功完成了第一步:安裝hexo

he

xoin

it檔案he

xoin

it檔案

cd 《資料夾》

$ npm install

選擇你想要的碟符來建立我們的部落格站點檔案,我這裡選擇d:/

這裡的blog是你的資料夾名字,一般預設blog就要行了

看到下面的提示就說明站點目錄建立成功了

然後 初始化$ npm install

ok了,看看你的blog檔案是不是這樣的,是的話就對了

然後在介紹兩個命令 ,以後經常要用到的

hexo generate(可簡寫為hexo g)

hexo sever(可簡寫為hexo s)

hexo clean

hexo g: 編譯,生成靜態檔案,也就是public資料夾的東西

hexo s: 開啟本地服務(以上兩步的操作可以合併成hexo s -g)

hexo' clean:顧名思義就是清除快取的意思了啦,這招一般在你改動之後**沒有變化時候用.

接下來看看 你部落格的初步成果吧.

進入blog檔案根目錄:

然後在你的瀏覽器輸入http://localhost:4000,檢視你的部落格.

到此為止,你的個人部落格就已經搭建完成了,是不是很簡單

好了,關於怎麼用hexo搭建個人部落格站點就介紹到這裡了,後面我還會繼續介紹關於hexo

的主題優化,[搭建漂亮的部落格]、利用markdown寫出第一遍博文seo優化等等一系列的教程,希望能夠幫到更多的小夥伴.

- 掘金

- segmentfault

hexo搭建個人部落格 使用Hexo搭建個人部落格

node.js 附帶npm git npm install hexo cli g g選項表示全域性安裝 global 即安裝到你的電腦中而非專案目錄中,建議新增,這樣在命令列就可以直接使用hexo命令。hexo init 目錄名稱 cd 目錄名稱 npm i 官方文件已經完整說明了每個配置項的作用,...

個人部落格搭建 hexo

老早就想搭建乙個屬於自己的個人部落格了,之前也弄過乙個,後台到前端完全原生自主編寫,可是終究還是太年輕,很多東西都不會,也不懂得堅持,慢慢就荒廢了。加上幾次的伺服器變更,再加上工作沒精力打理,之前的個人部落格已經完全荒廢了。經過2018年一年時間的沉澱,決定再次搭建乙個屬於自己的部落格了,之前一直在...

Hexo 搭建github個人部落格

主要有一下幾個指令 hexo new n 寫文章 hexo generate g 把文章生成頁面 hexo server s 啟動本地服務除錯 hexo deploy d 部署到github 可與hexo g合併為 hexo d g 如果喜歡以官方教程為主的,點這裡 hexo官方文件 因此以下教程是...