Windows下搭建Octopress博客
您需要掌握的
使用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博客相关推荐
- Windows下搭建个人博客(Apache+MySQL+PHP+WordPress)
Windows下搭建个人博客(Apache+MySQL+PHP+WordPress) CSDN博客的广告实在是烦,就自己在阿里云上搭建了一个博客(http://www.corfox.cn),CSDN博 ...
- 运用BT在centos下搭建一个博客论坛
在日常的工作和学习中,我们都很希望有自己的工作站,就是自己的服务器,自己给自己搭建一个博客或者是论坛,用于自己来写博客和搭建网站论坛.现在我们就用一个简单的方法来教大家如何30分钟内部署一个博客网站. ...
- 在git下搭建个人博客
转载:http://blog.csdn.net/jackystudio/article/details/16117585 原谅我又不务正业了,最近在Github上利用Octopress框架搭建了 ...
- MAC下搭建Hexo博客
一.前言 Hexo是一款快速.简洁,基于node.js的强力框架. (1)超快速度:Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染. (2)支持markdown:Hexo 支持 ...
- 尝鲜之在Github上搭建Octopress博客
参考这两篇文章足矣. 1.http://blog.163.com/fuhaocn@126/blog/static/366650802012115103842500/ 2.http://www.cnbl ...
- 搭建hugo博客部署到Github
文章目录 前提 安装 启动 部署 增加文章 修改配置 解决图片问题 前提 一定要配置好git,具体教程见 windows下搭建hexo博客部署到github 推荐在Microsoft Store安装W ...
- 在Linux系统搭建Hugo博客
简介 Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署. 该篇文章是在Linux/Ubuntu系统下安装搭建 Hugo 博客. 本博客参考了该视频:https://www. ...
- 手把手教你使用Hugo搭建个人博客网站|保姆级教学
搭建个人博客网上目前用的比较多的博客框架是Hexo.Hugo.Jekyll.本文详细介绍利用最新的Hugo(基于Go语言的博客框架)在windows上搭建个人博客网站,从域名注册到后期维护,全程保姆级 ...
- Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置
根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...
最新文章
- python email模块详解_python模块之email: 电子邮件编码解码 (一、解码邮件)-阿里云开发者社区...
- 如何让云存储更好为“我”所用
- 约瑟夫环问题(vector模拟过程)
- 第一天开始学习使用git中遇到的问题
- Linux程序设计实验项目六,《linux程序设计》实验教学大纲
- Linux查看显示编辑文本文件
- html checkbox 多选 根据数据库来显示选取和未选取,前端框架(2)DIV多选复选框框的封装和MySql数据库存取...
- Vue快速上手笔记1 - 使用初体验
- window下搭建qt开发环境编译、引用ace
- RabbitMQ 交换机、队列、消息持久化
- ftpclient覆盖上传文件
- 计算机保研面试之机器学习
- 7-161 双曲余弦函数(*)
- 口袋之旅html5超强账号,《口袋之旅H5》攻略:各大排行榜冲榜攻略
- nlp自然语言处理_nlp满足可持续投资
- ppt2016保存.html,PPT做完以后,按了保存就消失不见了,怎么找到原来的PPT?
- Linux安装视频播放器
- java斗地主发牌_java实现斗地主发牌系统
- audio不能在苹果手机正常播放的坑,希望可以帮助大家跳过坑
- halcon 二值图像处理 区域的细化 skeleton
热门文章
- TransferQueue实现线程通信
- Servlet Session 跟踪
- Given two binary trees, write a function to check if they areequal or not.
- 专科计算机专业大学,计算机专业大学排名 专科生学计算机专业好吗
- cortex a7 a53_西昊人体工学椅A7开箱测评
- 技巧 | 如何批量地将整型变量转换为因子变量
- php7 mcrypt模块_Linux下PHP安装mcrypt扩展模块笔记
- 如何创建一个Mybatis程序,实现对数据库的简单查询?
- 在Qt界面中显示OpenCV图像
- python 环境管理工具_python3环境管理器