jekyll+github搭建個人博客總結


jekyll+github搭建個人博客

經過一天多的折騰,終於算是搭建好了自己的個人博客,看到有些社區評論說:在windows下用jekyll搭建靜態博客,簡直就自討苦吃,但是都到一半了,有什么辦法呢,只好堅持搭完咯~~
搭建github博客可以用hexo,也可以用jekyll,我用的是后者,hexo大家可以試試,在這里推薦一個用hexo搭建的教程:http://gaoxianglyx.top
下面就是我的搭建步驟了,希望可以幫到還在折騰的你:

  • 下載ruby
  • 安裝jekyll
  • 安裝bundler
  • 建立你的第一個靜態博客
  • 開啟jekyll服務器
  • 寫一篇自己博文
  • 用github pages 展示你的博客
    • 創建個人倉庫
    • 克隆倉庫到一個指定的文件目錄
    • 把你本地的第一個博客文件里的所以文件復制到這個克隆下來的文件
    • 把這些文件push到遠程倉庫
    • 查看你的博客網站

接下來我們的操作都是在cmd命令行中進行的

下載ruby

什么是ruby:Ruby,一種簡單快捷的面向對象(面向對象程序設計)腳本語言,安裝Jekyll需要電腦上安裝Ruby,以下是安裝步驟:

  • window系統下,可以使用rails install來安裝ruby環境,下載地址為:http://rubyinstaller.org/downloads/ ,建議下載2.3以上的新版。
  • 下載 RailsInstaller 之后,雙擊 railsinstaller-3.2.0 文件,啟動 Ruby 安裝向導點擊next,向導完成安裝,記得勾選 Add Ruby executables to your PATH,直到 Ruby 安裝程序完成 Ruby 安裝為止
  • 安裝后,在cmd中輸入ruby -v和gem -v來看看是否安裝成功,看到版本號就說明成功。

注:用RubyInstaller安裝Ruby之后都附帶有Gems,如有需要可以單獨下載RubyGems。網址為:https://rubygems.org/pages/download

下載jekyll

好激動啊!終於到這里了,
jekyll:jekyll是一個簡單的免費的Blog生成工具,類似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一個生成靜態網頁的工具,不需要數據庫支持。但是可以配合第三方服務,例如Disqus。最關鍵的是jekyll可以免費部署在Github上,而且可以綁定自己的域名。(注:我自己的沒有綁定域名)
我們使用gem來安裝jekyll,在命令行中輸入

 gem install jekyll

所有的jekyll的gem依賴包都會被自動安裝。

下載bundle

在命令行輸入

 gem install bundler

bundler:就是一個打包機,他會連接rubygems.org(或者其他你聲明的源),然后列出所有你指定的符合你需要的 gem。因為所有你在Gemfile里的依賴有它們自己的依賴,所以基於上面的Gemfile運行bundle install會安裝相當多的的 gem。(我也不太了解,自己可以百度)

建立自己的第一個博客

首先看看你想把你的博客建在哪里,我的是搭建在C盤,如果你想建在D盤,則輸入:

 cd d:

然后輸入創建的博客

jekyll new blog  //blog為你的博客文件名

控制台可以看見(創建的地址有所不同)New jekyll site installed in C : /blog。你的C盤的文件夾下也會出現相應的blog文件。

開啟jekyll內置服務器

實現轉入blog的目錄,輸入:

cd blog//一定要進入創建的對應blog目錄,否則服務無法開啟

然后輸入:

jekyll serve  //開啟服務器,可以按ctrl+c停止

Jekyll服務器默認端口是4000,所以打開瀏覽器輸入:http://localhost:4000 就可以看到生成的博客頁面。如下:

使用jekyll寫博文

你可能喜歡markdown或html來寫博文,都可以,但是博文文件的命名規則要服從下面的規則:

 year-month-title.markup //markup為你的文件格式的后綴名

在你的文章頭部添加yaml頭信息

---
layout: post
title:  "Jekyll+Github搭建個人博客"
date:   2017-01-14 15:03:25
categories: original
---

寫上自己的博文內容,將這個文件保存在blog里面的_posts目錄里面即可。在重啟jekyll內置服務器,刷新頁面:http://localhost:4000,如果沒有,可以先輸入:

 jekyll build 

重新生成頁面,在啟動服務器,這樣就可以在頁面看到自己添加的博文的標題了。
這就是在本地搭建jekyll和寫博文的大致過程了,相信還有其他的搭建方法,但是估計都是大同小異吧。

用github 展示你的博客

接下來的操作都是用GIT命令完成的,不再是cmd了。首先,大家應該都擁有了github賬號,沒有的注冊一個就好了。

  • 創建個人倉庫
    就是建立一個新的倉庫,但是這個倉庫的名字必須為你的github的名字+github+io,即yourname.github.io

  • 將目錄切換到你想要放github博客的文件目錄下,在這個目錄git bash 將剛才建的倉庫克隆下來:

      git clone git@github.com:yourname/yourname.github.io.git
    

這時,你會發現你的文件夾下會多出一個yourname的文件,我們把之前的blog下的所有文件復制到里面。

  • 然后把里面的所有文件push到剛剛建的遠程倉庫,步驟我就不寫了。
    這時,在瀏覽器里面輸入網址:http://yourname.github.io 就可以看你的個人博客網站了,這就是你的博客網站的地址了。
    前面所說的yourname指的是你的github賬號名字。
  • 嗯,接下來你就可以查看你的博客網站了。其中還可以在github的settings中選擇你的博客主題。我也還在選主題中。

*這就是一個用jekyll+github搭建個人博客的大概過程了,在搭建過程中,你也許會遇到種種的問題,那就百度吧。我也是這樣過來的!~~~~*,這是我的一個小總結,希望可以同樣喜歡折騰的你們。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM