微信公衆號： 吳甜甜的博客
我的個人網站： wutiantian.github.io
鳴謝：王頂 老師（河北經貿大學，github：wangding），該文章爲網絡課程教學素材。
我（吳甜甜）學習了王頂老師的github系列課程，並得到王頂老師網絡指導多次。
更多學習視頻內容請登陸51CTO視頻課，【王頂】GitHub 開源之旅視頻課程第八季：Jekyll 靜態站，全套課件見王頂老師的github倉庫https://github.com/wangding/courses
本文主旨：爲非前端的“零基礎”，“免費”擁有github.io“域名”並有興趣**搭建簡單的博客網站”朋友，提供從零開始的初級git、jekyll靜態站技術，全套搭建流程及問題解決註解。
觀看本文前應具備Markdown語法及 linux 命令行操作基本基本語句語法。
本文寫作順序：1.先用自己的語言簡要比喻下流程，讓讀者先熟悉下流程，這樣搭建問題中出現的問題能有自己的解決思路。2.搭建流程，不含環境與軟件安裝。先過下順序讓心中有數。3.軟件環境與環境搭建、問題解決解答。4.git的操作初級基礎，上傳倉庫並打開欣賞自己的博客網站。5.在windows系統下上傳自己博客文章。
我的博客網頁wutiantian.github.io
我大學時想有一個自己的網站，但是因爲學的是“電子信息工程”專業，對前端方面並沒有瞭解，以爲要每年買百元的 COM 域名養着，還要自己搭建，所以一直擱置。
本文的方法，是免費獲得github旗下的域名方法，域名裏要有 github 字樣。例如：帳戶名.github.io
因爲github是代碼託管網站，所以有 1G 容量限制，搭建個人博客網站存儲百篇文件適合。
技術大白話：
我想要免費能睡覺的房子（屬於自己的網站），拎包即住（要有基本的設施配備，可以有自己的文章圖片存放處）。
jekyll先生幫蓋好毛坯房（自行搭建出框架，文件夾及文件）及牀（一篇示例博客內容），bundle先生幫貼minima主題的牆紙。
so , 我們只需要把自己放進去 ( 文檔上傳_post文件夾中 ) 就可以啦！還得去房產交易中心(git上傳文件，github分配固定的http地址)登記喲！
| 簡單 | 靜態 | 博客形態 |
|---|---|---|
| 無需數據庫，評論功能 | 只用Makedown、Liquid、HTML&CSS就可以構建可部署的靜態網站 | 自定義 |
搭建步驟
- 新建項目
在Github上創建空倉庫，以你的“用戶名.github.io”，例如：我的倉庫名wutiantian.github.io
在本地電腦終端使用命令jekyll new blog新建一個blog文件夾。
（注意：blog該詞最終將改爲上面Github上創建空倉庫名，此處只是方便cd切換目錄時方便輸入。）
得404.html about.md _config.yml Gemfile Gemfile.lock index.md _posts
此時， jekyll 先生任務全部完成。
- minima主題
命令bundle show minima
顯示/usr/local/lib/ruby/gems/2.6.0/gems/minima-2.5.0
切換到該安裝目錄下查看ls
顯示assets _includes _layouts LICENSE.txt README.md _sass
把minima文件下的所有文件拷貝到blog文件夾下
cp -r /usr/local/lib/ruby/gems/2.6.0/gems/minima-2.5.0/* .
此時， bundle 先生任務全部完成。
軟件環境與環境搭建
- 安裝軟件
VMware12 pro、CentOS 7、xshell 5
注意：
（1）使用VMware pro版本，若下載Player免費個人版本則缺失“快照”功能。這將影響到：配置ip地址時，可能會因爲虛擬系統關機等問題重新分配ip地址，需要重新配置xshell的參數。
（2）centOS官網下載。“DVD ISO”有4G容量；"Everything ISO"虛擬機下載這個，有4.2G容量；“Minimal ISO”,最小系統。
（3）xshell6版本及以後是收費的，下載鏈接要通過郵箱驗證，官方下載速度極慢。建議使用xshell中文版（工具菜單下語言設置，菜單和部分代碼提示會變中文）。
Xshell是一個功能強大、十分實用的終端模擬軟件，它支持Telnet、Rlogin、SSH、SFTP、Serial等遠程協議，讓用戶能通過互聯網直接連接遠程主機，在windows界面下就可以輕鬆完成對linux服務器的控制操作，從而提高在複雜網絡環境下的工作效率。
通過xshell軟件遠程控制服務器（centOS虛擬機），而不是在嘈雜的機房物理機器上直接操作。
xshell和securecrt用它們來查看日誌、排查定位問題。區別：
xshell特性：運維都用的xshell，對linux支持好；優點就是能夠直接把window的文件拉進linux；有中文語言設置；界面好看。
securecrt特性：網工都用的securecrt；只有英文版，國內程序員都是漢化版的，常常會出錯；
（1）環境準備
-
啓動xshell
-
連接到linux虛擬機
在虛擬機上查看IP地址，命令行操作 ifconfig 查看並記錄IP地址（注意，不用時掛起虛擬機即可，關機會造成IP地址改變）
xshell快捷鍵【Alt+o】會話窗口，將上一步的IP地址，centOS英文用戶名teenie,及權限密碼123456輸入到會話框。
此處的teenie爲我在虛擬機上的用戶名，只是我個人的英文名，沒有特殊功能意義。
（2） 安裝配置Git 和VIM參數
安裝命令 sudo yum install -y git vim
查看安裝命令 git --version顯示git version 1.8.3.1則爲成功
- 安裝Jekyll環境
centOS裏sudo yum install -y ruby安裝時2.0版本並不是最新穩定版。
Jekyll3.5版本需要ruby新穩定版本
1.root用戶下執行yum install -y wget bzip2
安裝wget從網上下載安裝包,安裝bzip2用來壓縮和解壓縮工具。兩個工具安裝很快，內容很小。
2.安裝ruby install
打開github網站，搜索欄裏輸入“ruby install”
點擊搜索結果“postmodern/ruby-install”
點進倉庫，看markdown文檔裏內容“Install”下執行語句
wget -O ruby-install-0.7.0.tar.gz https://github.com/postmodern/ruby-install/archive/v0.7.0.tar.gz
tar -xzvf ruby-install-0.7.0.tar.gz
cd ruby-install-0.7.0/
sudo make install
三步操作後可以刪除壓縮包ruby-install-0.7.0.tar.gz
把ruby安裝在系統目錄下
ruby-install --system ruby
過程會比較複雜，會安裝ruby依賴包，會下載ruby源代碼壓縮包，會編譯.c文件成爲中間.o文件，編譯完後會鏈接，檢查系統環境，make生成運行環境後安裝。安裝時間長10分鐘。
提示：Successfully installed ruby 2.6.2 into /usr/local則安裝成功。
再確認ruby版本 ruby -v得ruby 2.6.2p47 (2019-03-13 revision 67232) [x86_64-linux]
用包管理gem安裝jekll，命令爲gem install jekyll
檢查命令jekyll --help
若可以運行，會提示jekyll用法、簡介：是博客生成器，用ruby語言寫的。子命令列表說明，常用命令有new
常用用法：
new後跟網站名字即目錄名，功能爲:產生blog目錄下基本框架文件。
build功能爲：生成網站。_posts文件下多爲md及基本文本文件，根據模板將文本內容生成html文件，將文件放到site目錄下。
serve, server, s這三個命令都可以用。serve把網站運行起來，通過http協議來訪問他，提供網站預覽功能。
利用jekyll工具，可以在本地linux工作站搭建出網站，通過本地瀏覽器通過http可以鏈接到IP地址上
【錯誤及解決】
若安裝失敗，提示：make g++:命令未找到；make:***[binder.o] 錯誤 127；make failed,exit code 2
問題：需要編譯一個項目的時候在裝g++都裝不上
分析：缺少g++ 。百度一下centos7 g++,查一下yum install哪個安裝包
解決方法：一直提示這個錯誤，後面參考網上資料用： yum install gcc-c++然後輸入g++ -v查看版本
安裝gem install bundler
安裝完成後，退出root用戶，回到普通用戶模式。命令exit或者su teenie。
git的操作初級操作
git init
（此時，多了一個隱藏的git文件夾“.git”）
git add .
(add空格後的點，代表“當前目錄下左右所有文件”提交到暫存區)
git status
(此時會發現各個待上傳的文件名爲紅色的)
git commit -m "commit"
（此時將文件提交到本地倉庫Repository，發現各個待上傳的文件名爲綠色的）
到github網站上創建倉庫blog與本地同名
推送
git remote add origin https://github.com/wutiantian/wutiantian.github.io
（此時將本地與遠程Remote倉庫HTTP地址進行綁定）
git push -u origin master
（此時將本地倉庫文件推送到遠程Remote倉庫中）
此刻，已經完成了博客網站搭建，可以打開你的用戶名.github.io博客網址。已經有你yml頭上配置的信息。
將倉庫克隆到windows桌面
命令git clone https://github.com/wutiantian/wutiantian.github.io
添加個人信息過程
住賓館和自己的家不同，自己的家一定有自己的標記，或是邋遢或是有自己的標記。
樣式框架,定製定化樣式改寫
更改_config.yml文件
把title：的內容改爲“吳甜甜的個人博客”，
email：的內容改爲“[email protected]”。
（注意，此處的郵箱可以不用是github郵箱賬號，沒有同步要求）
description的下一行正文改爲自己的簡述：吳甜甜的個人博客網站。歡迎發送郵件技術交流！
在windows系統上傳自己博客文章
在框架網頁上添加新文章
打開_posts目錄，將md文件放到文件夾下。
注意將yml頭信息複製到文章首行。
圖片
創建mkdir images
將圖片拷貝到此文件夾
上傳步驟見： git的操作初級操作， 部分。
3分鐘建博客站
如果感覺搭建過程安裝複雜，可直接看後3個部分：git的操作初級操作、添加個人信息過程 、在windows系統下上傳自己博客文章。修改yml頭信息與上傳自己的makedown文章即可。