教你通过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加入到环境变量

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

安装完成后可以查看版本

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


分享文章:教你通过Octopress一步一步搭建属于自己博客
本文链接:http://hbruida.cn/article/ghhjii.html