利用Hexo在GitHub搭建個人的Blog

利用Hexo在GitHub搭建個人的Blog(完整版制服所有坑)

本文將詳述借用Hexo這個工具在GitHub上搭建個人的Blog(博客),避開百度上的答案參差不齊和各種不可預知的錯誤,有可能出現的意外錯誤這裏都有詳細的解決方案。本文圖文結合小白式介紹如何一步一步操作

1.在開始之前我們先要配置好要操作的環境,接下來我將教大家如何去給自己的電腦配置環境


(1) node.js 自己到官網去下載node.js,這是一個js運行的環境,幫助你到時候的頁面加載,安裝過程簡單,可以一直點擊next即可。
(2)Git 這個軟件的安裝也不會有難度,一直next能夠順利安裝,該軟件的用途是將本地與遠端連接起來。
(3)GitHub 這是一個github的賬號,沒有的人要到官網去申請,用於存放本地的文件。
(4)七牛雲 這是一個實名之後可以免費在雲端存儲圖片的網站,相當於你有一個服務器,然後利用markdown的形式放進圖片(因爲markdown寫文章裏面的圖片放置是需要給予一個外部訪問網址的,所以我們需要一個雲端去存儲圖片)。
(5)有道雲筆記 這是一個用於寫筆記的應用,它可以用來書寫markdown,並且還可以邊寫邊預覽,很方便我們去寫博客的文章內容,所以可以下載。
(6)sublime 這是一個輕量級的編程軟件,可以用於後續_config.yml文件的編寫。


2.接下來。我將用截圖的方式告訴你如何去一步一步操作,其中圖片裏面的內容都是來源於網絡,僅用於學習和個人的知識的筆記等用途,不參與任何的商業用途


(1)首先,解決一個重要的問題是node.js的安裝,如有讀者安裝遇到問題,請參考如下的鏈接去解決並驗證是否安裝成功,檢驗node.js安裝是否成功請點擊這裏(在這裏更新下如何去判斷nodejs是否安裝成功,真正的安裝成功是取決於在window的cmd命令行時,屬於node -v的就可以出來版本號,注意,在一打開的位置就可以輸入並且得到成功的版本號,這纔是真正的全局變量,當然,如果node.js一開始安裝在C盤默認位置的時候是沒有問題的,或者你在安裝的時候有一個彈出來的選項,選擇第三個也可以。如果最後遇到了這個問題就百度進入到環境變量的設置去加入自己的安裝位置一直到\bin的位置)。

node.js

(2) 第二個是Git的安裝,這個簡單無腦,毫無難度,實在還能遇到安裝上的問題,請各位讀者自行百度解決,這裏不再細說,但是裏面涉及到一個鑰匙綁定的環節,就是想辦法用本地的git綁定好遠程的github賬號,以方便本地可以對遠程進行操作,操作的過程如下圖所示:
git的綁定操作

(3)GitHub申請完成之後,開始搞github pages,不懂GitHub pages是啥的沒關係,跟着下面的鏈接來做就行,創建github pages,你只需要知道它是一個創建之後可以讓你有一個可以訪問的個人網站就行,等你操作完畢之後,你自然而然知道這個是什麼。
(4)接下來,我們用安裝完的git去安裝hexo,我們直接在git bash上面下載安裝hexo,這個過程直接參考下面的圖片來做,跟着指令一步一步下來就行(以下的指令中你會看到很多npm的安裝方式,然而你會在其他博客也有看到過cnpm開頭的,這是什麼意思呢,其實cnpm的意識是利用了淘寶鏡像的方式去安裝,也就是說用了我們中國的網絡,會快很多,但是得先安裝好淘寶的鏡像,才能用):

$ cnpm install hexo --save #這是先裝好hexo,纔能有下一步的操作

hexo1

做完上面的步驟之後你將可以看到你想要的頁面,但是這一切的展示僅僅止步於本地,外面什麼都看不到,所以,接下來的一步就是讓你的本地的內容可以同步到遠端去,也就是你的個人網站,操作如下:

hexo2

(5)好,能順利走到這一步的人,恭喜你已經可以訪問到自己的網站了不信的話你可以試一下,唯一的問題是,你網站的文字內容還有樣式全部都是人家的,而你需要的是你自己可以去修改樣式並且會更改裏面的內容,從而才能讓你自己擁有自己能用的博客。


3.接下來,我將教你如何去操作寫一篇屬於自己原生的博客


(1)接下來,先讓你去了解下博客裏面的環境配置,並能夠讀懂每一個單詞的意思,參考下面這篇博客,利用Hexo搭建個人博客-博客初始化篇,看完之後,你將會知道那些單詞代表的含義,並且學會去操縱每一項配置。
(2)配置好你要的環境之後,你需要一個不是默認的主題,這樣做的原因很簡單,證明你不是伸手黨,是一個會自己換主題的人,很簡單,你隨便到百度搜索找主題,然後放進博客的themes目錄裏面,再修改你的_config.yml文件裏面的關於themes的相關名字即可,不懂參考上面的鏈接,順便提一句,你的 _config.yml文件既可以用 sublime來打開。
(3)最後,去到source文件裏面修改裏面的.md文件,利用有道雲筆記即可打開,然後進行編輯,如果不懂markdown的編輯使用,就請自行百度學習,一共就只有幾個語義的東西,賊簡單,我打出來的這篇東西就是用這個來寫的。
(4)最後提及一下,如果想要主題實現佈局等更加炫酷的頁面效果,自己去下載了主題的官網查看對應的框架來操作完成,本人還沒有時間去嘗試,請各位讀者自力更生。
(5)編寫好之後,因爲有道雲筆記是不會改變源文件的,所以建議全部複製粘貼到對應的源文件裏面替代原來的文件,這樣就是大功告成了。
(6)接下來,進行遠端同步。還是先創建靜態文件,再進行配置,還是博客根地方右鍵進行git bash

#先創建靜態文件
$ hexo g
#遠程配置
$ hexo deploy

4.趕緊去打開自己的個人網站吧


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章