教你通過Octopress一步一步搭建屬於自己博客

需要用到的軟件以及作用

1、Git:版本管理工具,將代碼託管到GitHub

2、Ruby + DevKit:生成靜態網頁

3、MarkdownPad:Windows下Markdown語法編輯器


首先註冊一個GitHub帳號


下載git安裝包,直接默認安裝即可,這裏不做git安裝過程的詳細說明

安裝地址:https://git-scm.com/downloads

安裝包:Git-2.11.1-64-bit.exe


git安裝完成後,需要完成一些配置,git安裝完成後鼠標右鍵菜單會有一個git bash

git config --global user.name "liuzhen-GitHub"

git config --global user.email "[email protected]"


RSA生成

ssh-keygen -t rsa -C "[email protected]"

C:\Users\liuzhen\.ssh

id_rsa 私鑰

id_rsa.pub 公鑰


將公鑰放到GitHub


ssh -T [email protected]  驗證是否配置正確


下載markdown安裝包,也是默認安裝即可

下載地址:http://markdownpad.com/

安裝包:markdownpad2-setup.exe


markdown實時預覽工具,下載awesomium安裝包,也是默認安裝即可

下載地址:http://www.awesomium.com/

安裝包:aawesomium_1_7_5_1_sdk_win.exe


下載ruby安裝包

下載地址:http://rubyinstaller.org/

安裝包:rubyinstaller-2.3.3-x64.exe

安裝ruby時,有一點需要注意,到下面這個界面時需要注意,要把ruby加入到環境變量中的選項勾選上,如果不勾選後面操作會出現錯誤,這裏如果忘記勾選,請手動把ruby加入到環境變量中,將C:\Ruby23-x64\bin加入到環境變量

wKiom1iceLOBQF-RAABVdoL0N5U885.png-wh_50

安裝完成後可以查看版本

ruby --version  查看版本


ruby結合devkit使用,下載devkit安裝包

下載地址:http://rubyinstaller.org/downloads/

安裝包:DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe

DevKit其實就是解壓過程,選擇一個文件夾解壓即可


在Devkit目錄用git-bash 

ruby dk.rb init

提示發現ruby正確目錄才行


如果沒有發現,可以找到下面文件直接修改

C:\Users\liuzhen\Desktop\DevKit\config.yml  文件中有對應的配置路徑

添加好對應的ruby目錄


接下來繼續執行

ruby dk.rb install


克隆octopress至本地

http://octopress.org/docs/setup/

git clone git://github.com/imathis/octopress.git octopress


打開octopress目錄,在此目錄下執行git bash


安裝bundler前需要修改軟件源,設置鏡像

http://gems.ruby-china.org/  

gem sources -a http://ruby.taobao.org  #將淘寶軟件源添加到緩存當中 
gem sources -r https://rubygems.org/ #從原始的軟件源移除
gem sources -l #查看軟件源


C:\Users\liuzhen\Desktop\octopress\Gemfile

修改此文件中source 鏡像地址爲http://ruby.taobao.org


安裝bundler

gem install bundler


bundle install #安裝bundle裏面的軟件包


rake install  #安裝並使用默認主題

rake generate #生成


rake preview #在本地預覽,用的4000端口

訪問地址

localhost:4000


修改jquery地址

source/_includes/head.html  將google的jquery地址替換成百度地址


1、新建博客

rake new_post["title"]

title是文章名字


2、新建單頁面

rake new_page[home]

#creates /source/home/index.markdown


rake new_page[home/page.html]

#creates /source/home/page.html 



rake setup_github_pages #建立github網頁

rake deploy #本地的靜態網站部署到github上面


git add .  #點代表當前目錄下的所有文件

git commit -m 'your message' 

git push origin source

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章