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. JavaScript Dispatch Event

    <html> <head> <script type="text/javascript"> function performClick(elem ...

  2. iOS设计模式解析(三)适配器模式

    适配器模式:将一个类的借口转换成客户端希望的另一个接口 有一个很直观的图: 例如      :电源适配器(将110V电压转换成220V电压,其中Traget是220V电压,adaptee就是110V电 ...

  3. GCD实现简单的单例类-Singletion

    什么是单例模式 1.单例模式是一个类在系统中只有一个实例对象.通过全局的一个入口点对这个实例对象进行访问.在 iOS 开发中,单例模式是非常有用的一种设计模式.如 下图,是一个简单单例模式的 UML ...

  4. js学习日记 (1)createDocumentFragment() ES6 => 箭头

    只能说是会用和记载,深入理解还需时间. 有关性能优化: 使用createdocumentfragment()方法可以创建某个具有节点该有的所有属性的节点. 使用情况:  提取文档中的某个小部分,修改文 ...

  5. Linux下Matlab崩溃的解决方法

    猜想主要是因为图形显示用了OpenGL加速造成不稳定. 我的运行环境是: Ubuntu 10.04 LTS 64bit Matlab R2010b 解决方法是启动时用: $MATLAB_DIR/bin ...

  6. Python学习笔记(三)Python的list和tuple

    list list类似其他语言中的数组,是一种有序的集合,可以随时添加和删除其中的元素. 使用len()函数可以获得list元素的个数. list的索引从0开始,当超出范围时会报IndexError错 ...

  7. python3.5之string

    刚开始学习python变成, 这勉强算是第一个博客吧, 主要记录了一下 字符串 中的方法, 不太准确,或者是错误的地方, 请大家指点 str1 = "GooGle" str2 = ...

  8. 识别Json字符串并分隔成Map集合

    识别Json字符串并分隔成Map集合 前言: 最近又看了点Java的知识,于是想着把CYQ.Data V5迁移到Java版本. 过程发现坑很多,理论上看大部分很相似,实践上代码写起来发现大部分都要重新 ...

  9. Oracle EBS-SQL (WIP-14):检查车间需求与BOM差异对照.sql

    select a.*, b.BOM定额, a.WIP定额 - b.BOM定额     差异 from (select WE.WIP_ENTITY_NAME                        ...

  10. 外网如何访问本地tomcat web服务器【转】

    转自:http://jingpin.jikexueyuan.com/article/49159.html 外网如何访问本地tomcat web服务器 作者: XHKJOE 发布时间:2015-07-1 ...