Github Pages是静态网页来的,官方也半认可了它的博客用途,代码挂在github上,随时都可以更改,算是不错的一种尝试,因为它是静态的,所以在表现上会自由得多,但是,同样因为它是静态的,管理上也会麻烦得多。在网上溜达时看到一句话——像黑客一样写博客。哈,挺有趣的,用命令行写博客也不成问题了!

一、新建项目

首先你要有GitHub账号,再次有GitHub客户端程序,推荐使用msysgit

打开你网页上的github,新建一个repo,命名为xzh-loop.github.com

二、安装Ruby和DevKit

1. 下载地址:http://rubyinstaller.org/downloads/

2. Ruby:直接安装。

3. DevKit:先解压到一目录,如DevKit,然后:

  > cd DevKit
> ruby dk.rb init

4. 修改DevKit目录下的config.yml文件,在最后添加一行:- E:/Ruby200-x64  #这是你刚刚安装ruby的目录

5. 再切换回到cmd:

  > ruby dk.rb install
> gem install rdiscount --platform=ruby

6. 查看是否安装成功:

  > ruby --version
> git --version

三、octopress

1. F盘下新建octopress文件夹,把octopress项目的代码克隆到本地了。

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

2. 因为源比较慢,先修改文件夹下的Gemfile文件(第一行换成淘宝的镜像):source "http://ruby.taobao.org"

  > cd octopress
> gem install bundler
> bundle install(一行行地安装,貌似挺多的)
> rake install(安装默认主题)
> rake preview(等一会儿,就可以输入localhost:4000访问本地博客了,Ctrl+C退出)

四、部署到Github

  > cd octopress
> rake setup_github_pages
输入远程仓库地址https://github.com/xzh-loop/xzh-loop.github.com.git
> rake generate
> rake deploy
输入用户名和密码,之后就可以在github上看到/octopress/public/下的东西了,要确保提交到的是master

五、文章发布

1. 发布前,先生成一MD文件

  > rake new_post['hello world']

在/source/_post/自动生成的MD文件名已经自动标准化

2. 新建页面

  > rake new_page['about']
> rake generate
> rake deploy

3. 现在可以通过xzh-loop.github.io访问博客了。

markdown语法请参考:http://wowubuntu.com/markdown/

——欢迎访问我的GitHub Pages: http://xzh-loop.github.io/, 近期会陆续把文章搬过去,也会对样式进行改进!

Octopress创建GitHub Pages——基于代码托管的静态博客的更多相关文章

  1. 利用github webhook 结合openresty自动更新静态博客

    使用hexo在github pages上弄了一个静态博客,后来觉得访问有点慢,于是放到自己vps上. 对于静态博客的部署非常简单,本来就是html,js,css等静态文件,只要nginx上配置下目录就 ...

  2. github pages + Hexo + 域名绑定搭建个人博客

    环境 Windows 10(64 位) Git-2.7.4-64-bit node-v4.4.7-x64 如果上述软件已经安装的,跳过,没有安装的下载安装. 1,git下载安装(https://git ...

  3. Github、Jekyll 搭建及优化静态博客方法指南

    尝试自己写 Blog 的人,一般会经历三个阶段. 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉 ...

  4. 基于mkdocs-material搭建个人静态博客

    基于mkdocs-material搭建个人纯静态博客,没有php,没有mysql 如果你只是想安安静静的放一些技术文章,发布到个人站点或github-pages,mkdocs-material很适合你 ...

  5. github pages + Hexo + 域名绑定搭建个人博客增强版

    概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善.基本搭建请访问:http: ...

  6. 博客Hexo + github pages + 阿里云绑定域名搭建个人博客

    申请域名 万网购买的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制台进行解析 控制台 ...

  7. Hexo + github pages + 阿里云绑定域名搭建个人博客

    申请域名 万网购买的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制台进行解析 控制台 ...

  8. 在github pages网站下用jekyll制作博客教程

    https://www.jekyll.com.cn/ https://github.com/onevcat/vno-jekyll https://help.github.com/articles/us ...

  9. Github Pages和Hexo创建静态博客网站

    Github Pages和Hexo创建静态博客网站 安装Node.js 本人是window环境,所以下载window版. 下载地址:https://nodejs.org/en/download/ 下载 ...

随机推荐

  1. 2D转换

    转换是CSS3 中具有颠覆性的特征之一,可以实现元素的位移.旋转.变形.缩放,甚至支持矩阵方式,配合即将学习的过渡和动画知识,可以取代大量之前只能靠Flash才可以实现的效果.在css3 当中,通过t ...

  2. JavaScript中forEach的用法相关

    首先说下JavaScript的forEach的标准格式. 为数组中的每个元素执行指定操作. array1.forEach(callbackfn[, thisArg]) 参数 定义 array1 必需. ...

  3. asp.net实现UNIX 时间戳

    //1 将系统时间转换成UNIX时间戳    DateTime dtStart = TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(1970,1,1 ...

  4. MVC5 学习资料

    http://www.cnblogs.com/HuiTai/category/591468.html

  5. nsstring 替换

    -(NSString*)searchaAndPlacing:(NSString*)string { NSString *text=[string stringByReplacingOccurrence ...

  6. mysql 更新 语句中 的 safe_mode

    在mysql5中,可以设置safe mode,比如在一个更新语句中UPDATE table_name SET bDeleted=0;执行时会错误,报:You are using safe update ...

  7. js关闭当前页面/关闭当前窗口/移动端 代码

    var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.i ...

  8. Sublime_调试PHP编译系统设置.

    工具->编译系统->新建编译系统 {         "cmd": ["C:\\wampserver\\bin\\php\\php5.3.13\\php.ex ...

  9. windows下使用mingw编译python扩展模块

    环境: 1.python2.7.2 2.mingw20120426 说明: PYTHON_HOME:不做特殊说明的话,默认代表python的安装路径. MINGW_HOME:不做特殊说明的话,默认代表 ...

  10. Oracle EBS-SQL (WIP-6):检查任务已完成但状态是发放的任务.sql

    select WE.WIP_ENTITY_NAME         ,MSI.SEGMENT1         ,MSI.DESCRIPTION         ,WDJ.CLASS_CODE     ...