jekyll+github搭建我的博客總結

jekyll+github搭建我的博客

通過一天多的折騰,終於算是搭建好了本身的我的博客,看到有些社區評論說:在windows下用jekyll搭建靜態博客,簡直就自討苦吃,可是都到一半了,有什麼辦法呢,只好堅持搭完咯~~
搭建github博客能夠用hexo,也能夠用jekyll,我用的是後者,hexo你們能夠試試,在這裏推薦一個用hexo搭建的教程:http://gaoxianglyx.top
下面就是個人搭建步驟了,但願能夠幫到還在折騰的你:html

  • 下載ruby
  • 安裝jekyll
  • 安裝bundler
  • 創建你的第一個靜態博客
  • 開啓jekyll服務器
  • 寫一篇本身博文
  • 用github pages 展現你的博客
    • 建立我的倉庫
    • 克隆倉庫到一個指定的文件目錄
    • 把你本地的第一個博客文件裏的因此文件複製到這個克隆下來的文件
    • 把這些文件push到遠程倉庫
    • 查看你的博客網站

接下來咱們的操做都是在cmd命令行中進行的git

下載ruby

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

  • 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,在命令行中輸入windows

gem install jekyll

全部的jekyll的gem依賴包都會被自動安裝。瀏覽器

下載bundle

在命令行輸入ruby

gem install bundler

bundler:就是一個打包機,他會鏈接rubygems.org(或者其餘你聲明的源),而後列出全部你指定的符合你須要的 gem。由於全部你在Gemfile裏的依賴有它們本身的依賴,因此基於上面的Gemfile運行bundle install會安裝至關多的的 gem。(我也不太瞭解,本身能夠百度)bash

創建本身的第一個博客

首先看看你想把你的博客建在哪裏,個人是搭建在C盤,若是你想建在D盤,則輸入:服務器

cd d:

而後輸入建立的博客markdown

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搭建我的博客的大概過程了,在搭建過程當中,你也許會遇到種種的問題,那就百度吧。我也是這樣過來的!~~~~,這是個人一個小總結,但願能夠一樣喜歡折騰的大家。

相關文章
相關標籤/搜索