教你通过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
分享文章:教你通过Octopress一步一步搭建属于自己博客
本文链接:http://hbruida.cn/article/ghhjii.html