一個C++程式設計師的個人網站搭建
引言
作為一名程式設計師，擁有一個自己的網站是非常值得裝X的意見事情，那麼做為一名C++的程式設計師，想要有一個網站就要去學習前端的內容。這樣又是十分的艱難，所以我採用使用GitHub Pages+ Jekyll建立屬於自己的網站
知識點
Github Pages
- 是面向使用者、組織和專案開放的公共靜態頁面搭建託管服 務，站點可以被免費託管在 Github 上，你可以選擇使用 Github Pages默 認提供的域名 github.io 或者自定義域名來發布站點。Github Pages 支援 自動利用 Jekyll生成站點，也同樣支援純 HTML 文件，將你的 Jekyll 站 點託管在 Github Pages 上是一個不錯的選擇。
jekyll
- 目前有兩大靜態部落格主流框架：jekyll和hexo。
- jekyll 是一個簡單的免費的Blog生成工具，，不需要資料庫的支援。jekyll用於發行生成靜態網頁發行
Jekyll安裝
需要安裝的軟體
我們在檢視部落格效果的時候，需要預覽我沒問你調節的樣式。所以我們要搭建除錯環境，我們在Ubuntu下做環境搭建。
| 需要安裝的軟體 | 執行的命令 |
|---|---|
| ruby | sudo apt-get install ruby |
| ruby-dev | sudo apt-get install ruby-dev |
| jekyll | sudo gem install jekyll |
| bundler | sudo gem install bundler |
| nodejs | sudo apt-get install nodejs |
知識點
- ruby 是一種開源的面向物件程式設計的伺服器端指令碼語言
- Bundler確保Ruby可以找到Gemfile （及其所有依賴項）中的所有gem。
- Gemfile Gemfile是我們建立的一個用於描述geｍ之間的依賴，例如
source 'https://rubygems.org'
gem 'rails', '4.1.0.rc2'
gem 'rack-cache'
gem 'nokogiri', '~> 1.6.1' - gem是 Ruby 的一個包管理器，類似於Python的pip。gem程式是基於ruby的元件或者庫。
Ruby環境搭建中遇到的問題
首先由於Ubuntu使用的12的，所以自帶的Ruby的版本是1.8的，這哥版本還沒有自帶gem，所以我通過原始碼安裝了ruby2.4.4，因為2.0以上的版本安裝gem，並且2.4的版本比較穩定。
1
$ tar zxvf ruby-2.4.4.tar.gz
$ cd ruby-2.4.4
$ ./configure
$ make
$ sudo make install在安裝的
sudo gem install jekyll的時候可能會有下面的提示錯誤
檢測bundler是否安裝成功
bundle show
Could not find gem 'minima (~> 2.0)' in any of the gem sources listed in your
Gemfile.
'缺少minima
sudo gem install minima安裝
2
錯誤提示
Could not find jekyll-paginate-1.1.0 in any of the sources安裝jekyll-paginate
sudo gem install jekyll-paginate
3
錯誤提示
in any of the gem sources listed in your Gemfile.說明·Gemfile·中有的包，可能沒有安裝
4
錯誤提示
ERROR: While executing gem ... (Gem::Exception)
Unable to require openssl, install OpenSSL and rebuild ruby (preferred) or use non-HTTPS sources 先看一下 $openssl version 是不是安裝了 OpenSSL
OpenSSL 0.9.8zh 14 Jan 2016
恩，有版本
那就更換源 的地址
刪除 https 源
$gem source -r https://rubygems.org/to remove
新增 http 源
$gem source -a http://rubygems.org/ to read
確保新增正確
$gem source
*** CURRENT SOURCES ***
http://rubygems.org/ 開啟除錯網站
$ jekyll new myblog1建立一個myblog的資料夾
檔案內容如下
2進入myblog目錄：
cd myblog/
執行bundle exec jekyll serve
如上圖執行成功
在瀏覽器中輸入
http://127.0.0.1:4000 就能夠看見當前我們部落格的樣式
如果提示
jekyll 3.8.3 | Error: Address already in use - bind(2) for 127.0.0.1:4000
說明已經啟用了一次jekyll serve，
ps -ef 查詢左右的程序 找出pid
kill -9 19148 19148 是jekyll serve服務的PID，強制殺死，在啟動就ok了。
至此除錯環境就搭建好了。下面就是美化我們的網站，在提交到github上就好了。
個人網址
後續仍然會繼續講解