搭建minima主題的github博客網站

---

layout: post
title: "搭建minima主題的github博客網站"
date: 2019-04-20 19:20:20 +0800
---
做者：吳甜甜
我的博客網站： wutiantian.github.io

鳴謝：王頂 老師（河北經貿大學，github：wangding），該文章爲網絡課程教學素材。
我（吳甜甜）學習了王頂老師的github系列課程，並獲得王頂老師網絡指導屢次。

更多學習視頻內容請登錄51CTO視頻課，【王頂】GitHub 開源之旅視頻課程第八季：Jekyll 靜態站，全套課件見王頂老師的github倉庫https://github.com/wangding/courses

---

本文主旨：爲非前端的**零基礎**，**免費**擁有github.io**域名**並有興趣**搭建簡單的博客網站**朋友，提供從零開始的初級git、jekyll靜態站技術，全套搭建流程及問題解決註解。

本文寫做順序：1.先用本身的語言簡要比喻下流程，讓讀者先熟悉下流程，這樣搭建問題中出現的問題能有本身的解決思路。2.搭建流程，不含環境與軟件安裝。先過下順序讓心中有數。3.軟件環境與環境搭建、問題解決解答。4.git的操做初級基礎，上傳倉庫並打開欣賞本身的博客網站。5.在windows系統下上傳本身博客文章。

觀看本文前應具有Markdown語法及 linux 命令行操做基本基本語句語法。

個人博客網頁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 七、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：的內容改成「wutiantian52@outlook.coms」。
（注意，此處的郵箱能夠不用是github郵箱帳號，沒有同步要求）
description的下一行正文改成本身的簡述：吳甜甜的我的博客網站。歡迎發送郵件技術交流！

在windows系統上傳本身博客文章

在框架網頁上添加新文章

打開_posts目錄，將md文件放到文件夾下。
注意將yml頭信息複製到文章首行。

圖片

建立mkdir images
將圖片拷貝到此文件夾

上傳步驟見： git的操做初級操做， 部分。

3分鐘建博客站

若是感受搭建過程安裝複雜，可直接看後3個部分：git的操做初級操做、添加我的信息過程 、在windows系統下上傳本身博客文章。修改yml頭信息與上傳本身的makedown文章便可。