如何利用github免費(fèi)快速搭建個(gè)人靜態(tài)博客

一.前言

搭建個(gè)人博客的念頭由來(lái)已久，也一直考量了很多博客搭建的方案：一種就是自己購(gòu)買服務(wù)器，利用現(xiàn)用的主流博客開(kāi)源框架，一種就是利用github的免費(fèi)500M的gitpage空間搭建靜態(tài)博客，購(gòu)買服務(wù)器的話搭建博客的主要方案有如WordPress，ZBlogPHP等等，主流博客開(kāi)源框架大都是php，然后就是基于go，python，nodejs，ruby語(yǔ)言相對(duì)都比較少，然后java方案就更少的可憐了，這樣從側(cè)面印證了php是世界上最好的編程語(yǔ)言，所以我選擇了利用github的免費(fèi)空間加用基于nodejs語(yǔ)言的hexo方案搭建個(gè)人靜態(tài)博客。

? 那么如何利用github搭建個(gè)人博客呢？我會(huì)利用倆篇博文，從如何搭建到搭建以后如何使用都進(jìn)行詳細(xì)說(shuō)明，其實(shí)基于hexo搭建靜態(tài)博客的教程已經(jīng)不少了，但是個(gè)人覺(jué)得沒(méi)有一個(gè)是簡(jiǎn)單系統(tǒng)完整的說(shuō)清楚的，官方文檔也只是技術(shù)指導(dǎo)文檔，沒(méi)有搭建教程；市面上的搭建教程大都是教你跑起來(lái)就不管了，所以本著程序員開(kāi)源精神的理念，我決定盡自己所能，整合一下教程，方便大家快速上手hexo。

二.搭建靜態(tài)博客

1.下載nodejs

你需要訪問(wèn)：https://nodejs.org/en/download/ 網(wǎng)址，根據(jù)不同平臺(tái)系統(tǒng)選擇你需要的Node.js安裝包。

Windows系統(tǒng)下載安裝包(.msi)文件格式就行

32 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

然后就是一路next，install，finish常規(guī)操作就行，如果實(shí)在連安裝軟件的基礎(chǔ)都沒(méi)有可以看這條圖文并茂的鏈接。

nodejs安裝教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

2.安裝git

訪問(wèn)下載官網(wǎng)：https://gitforwindows.org/ 點(diǎn)擊download，下載完成以后選擇安裝，也是一路next，install，finish常規(guī)操作即可，不會(huì)安裝軟件的也可以訪問(wèn)下面的詳細(xì)教程。

git安裝教程：https://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html

3.hexo的安裝和啟動(dòng)

做到這里，前期準(zhǔn)備工作已經(jīng)完成，現(xiàn)在開(kāi)始正式搭建個(gè)人博客，有木有很激動(dòng)！在合適地方選擇新建一個(gè)hexo文件夾，然后右鍵選擇Git Bash Here。

然后在命令行輸入： npm install hexo-cli -g 命令，如圖所示，add 104 package in 77.155s，并且文件夾中也多了node_modules文件夾和package-lock.json文件就說(shuō)明下載安裝完成。

當(dāng)然你也可以通過(guò)運(yùn)行hexo -v檢查一下是否安裝成功，如果秩序命令返回版本信息也是安裝成功了。

現(xiàn)在我們可以開(kāi)始實(shí)例化一個(gè)我們本地的博客樣本了，這次我們要新建一個(gè)空白文件夾，比如在E盤，新建空白hexo文件夾，并同樣的用右鍵git bash here ，在命令行輸入hexo init，等待hexo實(shí)例化完成返回如圖所示提示。

如果成功返回start blogging with hexo說(shuō)明，你已經(jīng)完成了本次博客搭建，剩下來(lái)就是如何使用的問(wèn)題了，你不用擔(dān)心，使用相比安裝其實(shí)要簡(jiǎn)單，所以到這里一百步已經(jīng)走了九十步了。

? 現(xiàn)在我們?cè)诿钚休斎雋exo s命令

然后打開(kāi)瀏覽器輸入localhost:4000即可看到我們實(shí)例化的靜態(tài)博客了，是不是很簡(jiǎn)單。

hexo很棒的一點(diǎn)就是框架本身支持響應(yīng)式布局，也就是說(shuō)這一個(gè)靜態(tài)博客用手機(jī)端訪問(wèn)也是可以顯示正常的（電腦的谷歌瀏覽器快捷鍵F12可以切換到手機(jī)端模式）

教程到這里大家就已經(jīng)學(xué)會(huì)了，任何安裝搭建hexo靜態(tài)博客了，我會(huì)在下面?zhèn)z篇博客教大家如何使用hexo以及如何將hexo部署到github并綁定到個(gè)人域名，成為真正人人都能瀏覽到的靜態(tài)博客站點(diǎn)，謝謝各位瀏覽，歡迎各位打賞支持和學(xué)習(xí)交流。
個(gè)人靜態(tài)博客案例地址：http://zhangxuanming.com

總結(jié)

以上是生活随笔為你收集整理的基于hexo搭建github的个人静态博客的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。