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

一.前言

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

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

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

1.下載nodejs

你需要訪問：https://nodejs.org/en/download/ 網(wǎng)址，根據(jù)不同平臺系統(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ī)操作就行，如果實在連安裝軟件的基礎(chǔ)都沒有可以看這條圖文并茂的鏈接。

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

2.安裝git

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

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

3.hexo的安裝和啟動

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

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

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

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

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

? 現(xiàn)在我們在命令行輸入hexo s命令

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

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

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

總結(jié)

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

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