關於Hexo6.0搭建我的博客(基礎編)

初識Hexo

# 什麼是Hexo?
Hexo是一個快速,簡單而強大的博客框架。您能夠使用Markdown(或其餘語言)編寫文章,Hexo能夠在幾秒鐘內生成具備美麗主題的靜態文件。
對的,就是這麼簡單明瞭,其實就是一個搭建博客的工具而已,也不是什麼高深莫測的東西,接下來我將帶着你們一步步徒手搭建屬於本身的博客.說明:(這裏說的搭建屬於本身的博客,並非指搭建屬於本身的獨一無二的博客,那是前端的本事了,咱們這裏只說最基本的)前端

1.安裝Hexo

創建Hexo只須要幾分鐘,安裝Hexo很是簡單。可是,您首先須要安裝其餘一些東西.node

若是你的電腦已經有這些,祝賀!只需使用npm安裝Hexo:git

$ npm install -g hexo-cli

若是沒有,那就一塊兒來看下面吧(這裏只說windows的安裝,由於本人太窮,買不起mac啊o(╥﹏╥)o)npm

安裝Git

安裝git.png

  • Windows:下載並安裝git

一切按照默認走就好了,沒什麼特殊的地方.segmentfault

安裝Node.js

Nodejs安裝.png

咱們這裏簡單點,直接下載並運行安裝程序就完了.
仍是走默認就行.windows

安裝Hexo

一旦安裝了全部需求,就能夠用npm安裝Hexo:瀏覽器

$ npm install -g hexo-cli

隨便找個地方, Git Bash ->$ npm install -g hexo-cli 就好了
我這裏直接在桌面上GitBash
GitBash.png
若是出現如下就說明安裝成功了
success.png緩存

好了,到這裏咱們就算是已經成功完成了第一步: 安裝Hexo

2.利用Hexo初始化咱們的站點跟目錄(文件)

$ hexo init <文件夾>
$ cd <文件夾>
$ npm install

選擇你想要的盤符來創建咱們的博客站點文件,我這裏選擇D:/
init.png
這裏的blog 是你的文件夾名字,通常默認blog就要行了
看到下面的提示就說明站點目錄創建成功了
successHexo.pngmarkdown

而後 初始化$ npm installhexo

install.png

ok了,看看你的blog文件是否是這樣的,是的話就對了
blog.png

而後在介紹兩個命令 ,之後常常要用到的

hexo generate(可簡寫爲hexo g)
hexo sever(可簡寫爲hexo s)
hexo clean

hexo g: 編譯,生成靜態文件,也就是public文件夾的東西
hexo s : 開啓本地服務(以上兩步的操做能夠合併成hexo s -g)
hexo' clean:顧名思義就是清除緩存的意思了啦,這招通常在你改動以後網站沒有變化時候用.

接下來看看 你博客的初步成果吧.
進入blog文件根目錄:
Git Bash ->$ hexo g
$ hexo s

hexo g.png

localhost.png

而後在你的瀏覽器輸入http://localhost:4000,查看你的博客.
Myblog.png

到此爲止,你的我的博客就已經搭建完成了,是否是很簡單

好了,關於怎麼用Hexo搭建我的博客站點就介紹到這裏了,後面我還會繼續介紹[關於Hexo
的主題優化](),[搭建漂亮的博客]、利用Markdown寫出第一遍博文SEO優化等等一系列的教程,但願可以幫到更多的小夥伴.

請賞個小紅心!由於你的鼓勵是我寫做的最大動力!

更多精彩文章請關注
相關文章
相關標籤/搜索