姓名 郭宇
學號 16130130299
轉載自?
【hexo+github個人博客搭建(一)】
https://m.toutiao.com/group/6491778538075587085/?iid=18102364373&app=news_article&tt_from=android_share&utm_medium=toutiao_android&utm_campaign=client_share
【嵌牛導讀】:如何搭建自己的博客而避免其他的運行商的廣告插入
【嵌牛鼻子】 windows linux Hexo Gitub
【嵌牛提問】如何搭建自己的博客
【嵌牛正文】今天打算教大家搭建個人博客,為什么要搭建個人博客呢,原因是現在其他運營商的博客廣告太多,我選擇hexo來搭建自己的博客,其原因是界面干凈利落,閱讀體驗好。如果你也想搭建自己的個人博客,那么下面會一步一步教你如何搭建自己的個人博客。
我們使用hexo + github來搭建自己的個人博客,github我相信每個開發人員對它都不陌生,github目前算是全球最大的開源項目托管平臺,像google,百度,阿里都有其開源項目托管在上面,當然github上也匯聚了全球最牛X的大神,github的宗旨是不要重復造輪子,所以在你日常的開發中需要用到什么庫先到github上搜索一下也許就有你需要的東西,你可以閱讀源碼來學習大神們的編程思想,當然等你熟悉了其源碼你也可以參與到源碼的編寫中。開源和分享使人進步。
okay,現在開始搭建我們的個人博客:
1. 首先在開始搭建博客之前先將我們博客所需要的依賴環境搭建好,我們將我們的博客部署到Ubuntu中,還沒有linux系統的可以用虛擬機創建一個linux系統,我自己也是在虛擬機中部署的。
2. 在命令行終端執行sudo apt-get install nodejs 回車,如果出現讓你插入光驅的提示,cd到/etc/apt目錄下 vi source.list注釋掉deb cdrom這一行,如下圖所示:
然后執行sudo apt-get update命令,待命令執行完畢再執行apt-get install nodejs命令,若不出現意外應該可以安裝成功,若出現錯誤根據錯誤提示去找解決方法,驗證有沒有安裝成功執行命令node --help如出現下圖證明你安裝成功了。
3. 安裝git,同樣執行命令sudo apt-get install git回車,安裝完成執行git --help出現下圖證明你安裝成功了。
4. 安裝hexo,執行命令sudo npm install -g hexo-cli,安裝完成執行命令hexo -help命令出現如下圖所示證明安裝完成。
5. 在你的用戶目錄下執行hexo init blog命令,等待命令執行完成就會在當前目錄下生產blog目錄,cd blog出現如下圖的幾個文件。
6. 到這里我們就把hexo安裝完成了,現在我們在當前目錄下執行hexo g命令生產靜態文件,執行命令hexo s啟動本地服務端,端口號默認4000,如下圖所示
7. 打開我們的瀏覽器輸入你虛擬機IP地址加端口號,如我的虛擬機IP地址是192.168.1.128,那么在瀏覽器上輸入192.168.1.128 4000回車出現如下圖所示證明你的hexo在本地已經搭建好了。
8. blog目錄下的_config.yml配置文件,大部分配置都在這里,themes主題文件,進入themes文件目錄該文件目錄下只有一個主題landscape主題,是hexo默認的主題,如果你覺得不好看你可以在hexo.io官網上找你喜歡的主題,這里我自己用的是fexo主題,簡單美觀,。主題風格如下圖所示:
9. 如果你也喜歡此主題只需要在blog目錄下執行命令待克隆完成會在themes目錄下生產fexo文件夾,也就是fexo主題文件。
git clone git@github.com:forsigner/fexo.git themes/fexo
10. 替換主題,在blog目錄下執行vi _config.yml把主題修改為fexo如下圖:
然后執行命令:
hexo g
hexo s
11. 再刷新一下瀏覽器就看見這個主題了。