您需要掌握的

使用Octopress来搭建博客,还是有一定门槛的,看完本文后,希望您不会觉得很难。

Octopress 是一款基于 Jekyll 的静态站点生成系统,使用Ruby实现,所以您需要懂点Ruby的知识,其实会几个命令就行;

Octopress的博客内容是通过Markdown来书写,所以您需要了解Markdown的编写规则,Markdown 语法说明可以让你在几分钟之内熟悉Markdown的语法,在Windows下可以使用MarkDown Pad或是使用在线的编辑器http://mahua.jser.me/进行编辑;

Octopress通常会部署在GitHub上,所以您需要会一些简单的Git命令以及Gtihub的使用。

准备

系统:Windows 2003 Server、Windows 7、Windows 2008R2 Server,这三个系统用下面的版本都安装成功过;

Git:http://msysgit.googlecode.com/files/Git-1.8.1.2-preview20130201.exe

Ruby:http://files.rubyforge.vm.bytemark.co.uk/rubyinstaller/rubyinstaller-1.9.3-p429.exe

DevKit:http://cloud.github.com/downloads/oneclick/rubyinstaller/DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe

Python:http://www.python.org/ftp/python/2.7.5/python-2.7.5.msi

Octopress:git://github.com/imathis/octopress.git

安装

安装Git

Windows下安装Git很简单,一路next就可以了。

安装Ruby

Ruby的安装也是一路next就可以,不过记得勾选“Add Ruby executables to your PATH”,将Ruby的执行路径加入到环境变量中,如果忘记勾选,也可以手动设置。安装完后可以在命令提示符中输入ruby –version 来确认是否安装成功。

安装DevKit

DevKit下载下来的是一个自压缩文件,我们将其解压到D:/DevKit,有两点需要注意:

1. 解压目录中没有有中文和空格;

2. 必须先安装Ruby,而且Ruby需要是RubyInstallser安装。

解压DevKit后,在命令行输入以下命令来进行安装:

d:
cd DevKit
ruby dk.rb init
ruby dk.rb install

安装Python

安装Python,也是一路next就可以,博客的代码高亮用到了Python的Pygments模块,在Python中安装第三方库需要使用easy_install,在下面地址下载跟Python相对应的安装程序安装后就可以使用easy_install了。

https://pypi.python.org/pypi/setuptools

easy_install会安装在Python安装目录的Scripts目录中,例如我的Python目录是C:\Python27,所以需要将C:\Python27\Scripts目录加入到环境变量中才能在命令提示符中使用easy_install命令。

在命令提示符中输入如下命令就可以安装Pygments了。

easy_install pygments

安装Octopress

首先在GitBash中输入如下命令将Octopress代码拉到本地,

cd d:/GitProject
git clone git://github.com/imathis/octopress.git octopress

然后需要安装Octopress的依赖项,安装依赖项需要用到Ruby的gem,使用下面的命令可以更换gem的更新源,使用国内的淘宝镜像速度相对快点。

gem sources -a http://ruby.taobao.org/
gem sources -r http://rubygems.org/
gem sources -l

修改Octopress目录下的Gemfile文件,将第一行的http://rubygems.org/ 修改为http://ruby.taobao.org/

在命令提示符中进入到Octopress目录,输入下面命令进行依赖项的安装

gem install bundler
bundle install

输入下面的命令来安装Octopress的默认主题

rake install

到此所有的安装工作已经结束,输入下面的命令可以在本地进行预览。

rake preview

解决中文问题

如果博客中包含中文,需要进行如下设置:

1. 在环境变量中设置下面的键值对;

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

2. 含有中文的文件需要保存为UTF-8无BOM格式编码。

3. 在Ruby的安装路径找到 文件convertible.rb

C:\Ruby193\lib\ruby\gems\1.9.1\gems\jekyll-0.12.0\lib\jekyll\convertible.rb

将27行修改为:self.content = File.read(File.join(base, name), :encoding => 'utf-8')

在Octopress中添加文章

使用下面命令可以在Octopress中添加文章

注意,rake new_post['my first octopress blog']中的my first octopress blog 并不是博客标题,而是和生成的文件名以及url地址有关,该名称不支持中文。博客标题可以在生成的markdown文件中修改。生成的markdown文件在octopress/source/_posts目录中。

编辑markdown文件,将标题可以修改为中文标题,还可以设置分类等信息以及编写正文部分

每次执行了添加博客的命令,或是修改了现有博客的内容后,都要执行下面命令进行重新生成

rake generate

如果之前有输入rake preview的命令提示符窗口没关,可以直接localhost:4000来进行预览,否则需要重新执行下rake preview才能进行预览。

将Octopress发布到Github

首先需要您有一个Github的账号,并且知道怎么样将Git项目推送到Github上,具体配置可以参考我之前的博文《Windows 下使用Git管理Github项目》

登录到Github,创建一个名为username.github.com的repository,例如我创建的为oec2003.github.com;

在命令提示符中进入到Octopress目录,输入下面命令:

rake setup_github_pages

按照提示输入新建的repository的地址,例如我的地址为:

git@github.com:oec2003/oec2003.github.com.git

执行命令rake deploy 就可以将本地的内容发布到Github上。

最后需要将Octopress的源文件推送到Github的Source分支上,执行下面命令即可:

git add .
git commit -m “your message”
git push origin source

总结

如果喜欢写博客有很多的平台可以选择,像博客园就是Net平台下很好的博客平台,如果想搭建自己的个人博客有独立的域名,WordPress是不错的选择,如果您喜欢折腾,不妨试试Octopress。在环境搭建好的情况下,使用Octopress写博客大致有一下几个步骤:

1. 执行rake new_post['title']来生成一个博文;

2. 找对生成的markdown文件,编辑内容,当然是使用markdown语法来编辑;

3. 执行rake generate来生成文章;

4. 执行rake preview在本地预览;

5. 执行rake deploy发布到Github中。

6. 执行下面命令将修改的源码推送到source分支:

git add .
git commit -m “your message”
git push origin source

在安装的过程中可能会碰到各种问题,根据错误提示信息google,肯定会找到答案。

最后推荐一个安装Octopress的视频:

http://happycasts.net/episodes/36?autoplay=true

Windows下搭建Octopress博客相关推荐

  1. Windows下搭建个人博客(Apache+MySQL+PHP+WordPress)

    Windows下搭建个人博客(Apache+MySQL+PHP+WordPress) CSDN博客的广告实在是烦,就自己在阿里云上搭建了一个博客(http://www.corfox.cn),CSDN博 ...

  2. 运用BT在centos下搭建一个博客论坛

    在日常的工作和学习中,我们都很希望有自己的工作站,就是自己的服务器,自己给自己搭建一个博客或者是论坛,用于自己来写博客和搭建网站论坛.现在我们就用一个简单的方法来教大家如何30分钟内部署一个博客网站. ...

  3. 在git下搭建个人博客

     转载:http://blog.csdn.net/jackystudio/article/details/16117585 原谅我又不务正业了,最近在Github上利用Octopress框架搭建了 ...

  4. MAC下搭建Hexo博客

    一.前言 Hexo是一款快速.简洁,基于node.js的强力框架. (1)超快速度:Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染. (2)支持markdown:Hexo 支持 ...

  5. 尝鲜之在Github上搭建Octopress博客

    参考这两篇文章足矣. 1.http://blog.163.com/fuhaocn@126/blog/static/366650802012115103842500/ 2.http://www.cnbl ...

  6. 搭建hugo博客部署到Github

    文章目录 前提 安装 启动 部署 增加文章 修改配置 解决图片问题 前提 一定要配置好git,具体教程见 windows下搭建hexo博客部署到github 推荐在Microsoft Store安装W ...

  7. 在Linux系统搭建Hugo博客

    简介 Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署. 该篇文章是在Linux/Ubuntu系统下安装搭建 Hugo 博客. 本博客参考了该视频:https://www. ...

  8. 手把手教你使用Hugo搭建个人博客网站|保姆级教学

    搭建个人博客网上目前用的比较多的博客框架是Hexo.Hugo.Jekyll.本文详细介绍利用最新的Hugo(基于Go语言的博客框架)在windows上搭建个人博客网站,从域名注册到后期维护,全程保姆级 ...

  9. Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置

    根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...

最新文章

  1. python email模块详解_python模块之email: 电子邮件编码解码 (一、解码邮件)-阿里云开发者社区...
  2. 如何让云存储更好为“我”所用
  3. 约瑟夫环问题(vector模拟过程)
  4. 第一天开始学习使用git中遇到的问题
  5. Linux程序设计实验项目六,《linux程序设计》实验教学大纲
  6. Linux查看显示编辑文本文件
  7. html checkbox 多选 根据数据库来显示选取和未选取,前端框架(2)DIV多选复选框框的封装和MySql数据库存取...
  8. Vue快速上手笔记1 - 使用初体验
  9. window下搭建qt开发环境编译、引用ace
  10. RabbitMQ 交换机、队列、消息持久化
  11. ftpclient覆盖上传文件
  12. 计算机保研面试之机器学习
  13. 7-161 双曲余弦函数(*)
  14. 口袋之旅html5超强账号,《口袋之旅H5》攻略:各大排行榜冲榜攻略
  15. nlp自然语言处理_nlp满足可持续投资
  16. ppt2016保存.html,PPT做完以后,按了保存就消失不见了,怎么找到原来的PPT?
  17. Linux安装视频播放器
  18. java斗地主发牌_java实现斗地主发牌系统
  19. audio不能在苹果手机正常播放的坑,希望可以帮助大家跳过坑
  20. halcon 二值图像处理 区域的细化 skeleton

热门文章

  1. TransferQueue实现线程通信
  2. Servlet Session 跟踪
  3. Given two binary trees, write a function to check if they areequal or not.
  4. 专科计算机专业大学,计算机专业大学排名 专科生学计算机专业好吗
  5. cortex a7 a53_西昊人体工学椅A7开箱测评
  6. 技巧 | 如何批量地将整型变量转换为因子变量
  7. php7 mcrypt模块_Linux下PHP安装mcrypt扩展模块笔记
  8. 如何创建一个Mybatis程序,实现对数据库的简单查询?
  9. 在Qt界面中显示OpenCV图像
  10. python 环境管理工具_python3环境管理器