搭建個人博客前面提到了有很多種陵且,我采用的是 Hexo 靜態(tài)博客垄琐,Next 主題浮定。
在這里 Hexo Next 就不做詳細介紹了征讲,官網(wǎng)地址戳這里 Hexo Next
官方網(wǎng)站對安裝與配置進行了詳細的介紹,包括站點配置主題配置欺殿,
后面我針對需要的部分進行配置與說明寄纵。
下面是我搭建的詳細過程。
準備工作
電腦以及擁有可用的系統(tǒng)脖苏,可上網(wǎng)程拭,Windows、Linux棍潘、Mac Os 都可以
-
Git客戶端安裝
Git 客戶端下載
image
點擊安裝恃鞋,安裝完成如下圖
image Node.js安裝
點擊安裝崖媚,安裝完成如下圖
- 遠程代碼倉庫 Github、Coding都行恤浪,這里我選擇Github
這里需注意倉庫名必須是 username.github.io
- 可解析域名準備一個畅哑,暫時沒有的可不用,我自己買了一個國際域名 corkercode.com
開始安裝
hexo安裝
官網(wǎng)上已經(jīng)有詳細的安裝說明了水由,這里記錄下關(guān)鍵必須的步驟荠呐。
當以上所有必備的應(yīng)用程序安裝完成后,即可使用 npm 安裝 Hexo砂客,以下所有步驟都在自己建的目錄下進行泥张。
npm install hexo --save
安裝 Hexo 完成后,請執(zhí)行下列命令鞭盟,Hexo 將會在指定文件夾中新建所需要的文件圾结。
hexo init
npm install
新建完成后,指定文件夾的目錄如下:
這個時候你運行以下命令就可以看到博客框架已搭建起來了訪問 博客主頁齿诉。
hexo g
hexo s
next安裝
可以看到上面博客主題不是自己喜歡的樣子筝野,別著急,github上給我提供了很多主題樣式粤剧,地址在這里歇竟,自己選擇,配置大同小異抵恋,我選用next焕议。
在終端窗口下,定位到 Hexo 站點目錄下弧关。使用 Git checkout 代碼:
git clone https://github.com/iissnan/hexo-theme-next themes/next
這時在本地終端上Ctrl+c盅安,結(jié)束正在運行的進程,并修改站點配置文件主題為next
重新執(zhí)行上面的命令世囊,可以看到成功的切換到了我們喜歡的主題了别瞭。
但是和別人的主題比起來還是有一些遜色,不著急株憾,這些都是可以一步一步的配置的蝙寨,不過我這里注重原創(chuàng)內(nèi)容創(chuàng)造,對內(nèi)容上面的配置會更加注重嗤瞎,后面我也會盡量添加一些樣式的配置墙歪,大家可參考參考。