教你通过Octopress一步一步搭建属于自己博客

需要用到的软件以及作用

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于做网站、网站制作、万州网络推广、重庆小程序开发、万州网络营销、万州企业策划、万州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供万州建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

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 "liuzhenlife@163.com"

RSA生成

ssh-keygen -t rsa -C "liuzhenlife@163.com"

C:\Users\liuzhen\.ssh

id_rsa 私钥

id_rsa.pub 公钥

将公钥放到GitHub

ssh -T git@github.com  验证是否配置正确

下载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加入到环境变量

安装完成后可以查看版本

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