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. CSS样式做圆角

    我处理圆角的版本是由内置的绝对定位的四个div组成,每个div都有唯一的圆角图片作CSS Sprite操作.我们将会这样做:  是什么方式导致这项技术表现得这么了不起呢(What makes this ...

  2. DataTable转换为LIST

    public List<string[]> SetList(DataTable dt)        {            List<string[]> list = ne ...

  3. Linux修改Shell命令提示符及颜色

    Linux修改Shell命令提示符及颜色 1. Linux登录过程中加载配置文件顺序: /etc/profile → /etc/profile.d/*.sh → ~/.bash_profile → ~ ...

  4. linux系统下memcached启动正常但程序无法连接的问题解决

    在虚拟机linux安装好memcached之后,试着用java程序连接一下memcached的服务端,但却出现了以下错误 com.schooner.MemCached.SchoonerSockIOPo ...

  5. java Timer 使用小结

    Java自带的java.util.Timer类,通过调度一个java.util.TimerTask任务.这种方式可以让程序按照某一个频度执行,但不能指定时间运行.用的较少. 任务的调用通过起的子线程进 ...

  6. jchat:linux聊天程序3:服务器

    makefile: jchat_server: main.o process.o sql.o gcc -o jchat_server main.o process.o sql.o -L/usr/lib ...

  7. MYSQL 删除二进制日志的 3 个方法

    方法 1: reset master; ------------------ 删除前: 删除日志: 删除后: ----------------------------------------    可 ...

  8. Oracle EBS-SQL (PO-8):检查有供货比例无采购员.sql

    select distinct msr.sourcing_rule_name            名称 , msi.description                          说明 , ...

  9. TCP/IP Checksum 吐槽

    算法原理: 假定 output[2] 为输出结果,input[n]为待计算校验和的内存块. 1)所有奇数位[0,2,4……] byte 累加进 结果的奇数位内存 output[0],如果溢出,则进位给 ...

  10. java学习之文件基本操作

    一.File类 文件的创建 package file; import java.io.File; import java.io.IOException; public class CreateFile ...