博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用GitHub Pages安装部署Octopress博客
阅读量:6330 次
发布时间:2019-06-22

本文共 2455 字,大约阅读时间需要 8 分钟。

周末闲来无事,学习了一下怎样利用github pages来建立自己的博客,现在比较成熟的博客系统是,关于其详细的介绍可以参见官方文档,本文建立的博客页面已经绑定到了域名,可以查看博客的效果!

1. github page 的建立

要想在github上面建立自己的博客,首先需要建立page,可以参考官方的文档 ,简单来说,比如我的github账户名称是careychow,那么需要建立一个 careychow.github.com 的 repository,将博客的静态页面上传到该repository的master分支中,当通过浏览器访问 http://careychow.github.com的时候,github服务器就会将其中博客页面展示出来。

2. 搭建 Octopress 本地环境

linux 环境的搭建可以参见官方文档

因为我自己通常都在win7下面办公,所以下面介绍一下win7环境下 Octopress 的搭建和部署

a. 安装 git,下载地址:,最新版本 ,详细参见

b.安装 ruby,下载地址: ,安装版本 ,注意版本是1.9.2

c. 安装gem编译环境, 下载地址:,下载完成后,将其解压到 如 E:\DevKit,然后在win的cmd窗口中执行如下命令进行安装:

cd E:\DevKitruby dk.rb initruby dk.rb instal

e. 安装python,下载地址: ,安装2.7版,主要是博客代码加亮模块需要python环境的支持,安装完以后,在win的cmd窗口中执行:

easy_install pygments

3. 更新配置

a. 中文 utf-8 编码的支持,在win7环境变量中配置如下:

LANG=zh_CN.UTF-8LC_ALL=zh_CN.UTF-8

b. 变更 gem 的更新源,ruby的官方更新源经常被河蟹,木有办法,幸亏国内有淘宝做好事,提供了国内的更新源,这样速度就快多了,变更如下:

gem sources --remove http://rubygems.org/gem sources -a http://ruby.taobao.org/gem sources -l注意 :请确保只有 http://ruby.taobao.org/ 唯一一个条目

c. 安装 rdoc 和 bundler

gem install rdoc bundler

4. 安装 Octopress

a. 下载 Octopress 源码

git clone git://github.com/imathis/octopress.git octopresscd octopress # If you use RVM, You'll be asked if you trust the .rvmrc file (say yes).ruby --version # Should report Ruby 1.9.2

b. 安装依赖模块

$ vi Gemfile将行 : source "http://rubygems.org/"改为 : source "http://ruby.taobao.org/"$ bundle install

c. 安装 默认主题

rake install
如若出错:$ rake installrake aborted!You have already activated rake 0.9.2.2, but your Gemfile requires rake 0.9.2. Using bundle exec may solve this.(See full trace by running task with --trace)修正办法为:$ bundle update; rake install

5. 发布博客到github pages

a. 与github建立连接

rake setup_github_pages按照提示输入 github page repository的url地址,例如:git@github.com:RubyLouvre/rubylouvre.github.com.git

b. 生成静态页面

rake generate

c. 本地预览,访问 查看博客本地运行效果

rake preview

e. 发送到github 服务器,访问 查看博客服务器运行效果

rake deploy

f. 保存博客源码到github source分支

git add .git commit -m 'blog source'git push origin source

6. 配置 Octopress

a. 更新配置文件 octopress/_config.yml, ,参考,示例如下,若包含中文,请将文件格式保存成utf-8的格式

url: http://zhourunsheng.comtitle: 润物无声subtitle: 天空一朵雨做的云author: Carey Chowsimple_search: http://google.com/searchdescription:

b. 绑定个人域名

echo 'zhourunsheng.com' >> octopress/source/CNAME修改域名 'zhourunsheng.com'  A记录到 207.97.227.245

c. 创建新文章和新页面

rake new_post["article name"]rake new_page["page name"]

d. 发布到github个人空间

rake generaterake deploy

至此,一个完整的博客就搭建完毕了,具体的运行效果图请参见我的示例空间: http://www.cnblogs.com/gossip/archive/2012/06/30/2571316.html

你可能感兴趣的文章
玩转SSRS第七篇---报表订阅
查看>>
WinCE API
查看>>
POJ 3280 Cheapest Palindrome(DP 回文变形)
查看>>
oracle修改内存使用和性能调节,SGA
查看>>
SQL语言基础
查看>>
对事件处理的错误使用
查看>>
最大熵模型(二)朗格朗日函数
查看>>
深入了解setInterval方法
查看>>
html img Src base64 图片显示
查看>>
[Spring学习笔记 7 ] Spring中的数据库支持 RowMapper,JdbcDaoSupport 和 事务处理Transaction...
查看>>
FFMPEG中关于ts流的时长估计的实现(转)
查看>>
Java第三次作业
查看>>
【HDOJ 3652】B-number
查看>>
android代码混淆笔记
查看>>
Codeforces Round #423 (Div. 2, rated, based on VK Cup Finals) C. String Reconstruction 并查集
查看>>
BMP文件的读取与显示
查看>>
Flash文字效果
查看>>
各种排序算法总结篇(高速/堆/希尔/归并)
查看>>
使用c#訪问Access数据库时,提示找不到可安装的 ISAM
查看>>
Highcharts X轴纵向显示
查看>>