使用 Octopress+GitHub Pages 搭建个人博客

网上很多教程,可以自行搜索,下面是我的操作流程以及中途遇到的坑。

  • 首先安装ruby,如果有需要更新ruby版本
使用 Octopress+GitHub Pages 搭建个人博客_第1张图片
octopress
  • 如果没有rbenv,也可以安装,后面我安装的是RVM
使用 Octopress+GitHub Pages 搭建个人博客_第2张图片
bundle
使用 Octopress+GitHub Pages 搭建个人博客_第3张图片
bundle install
使用 Octopress+GitHub Pages 搭建个人博客_第4张图片
默认主题
  • 修改_config.yml文件,添加自己的信息
使用 Octopress+GitHub Pages 搭建个人博客_第5张图片
_config.yml文件
使用 Octopress+GitHub Pages 搭建个人博客_第6张图片
修改后的文件
  • 设置url,和git remote add xxx用途类似,都是和远程仓库关联起来。
使用 Octopress+GitHub Pages 搭建个人博客_第7张图片
设置url
  • 创建测试博客
第一篇测试博客
  • 发布测试博客(这里出现了坑)
使用 Octopress+GitHub Pages 搭建个人博客_第8张图片
ranke deploy
使用 Octopress+GitHub Pages 搭建个人博客_第9张图片
rejected
refusing
  • 原因与解决方法如下

我在Github新建一个仓库,写了License,然后把本地一个写了很久仓库上传。
先pull,因为两个仓库不同,发现refusing to merge unrelated histories,无法pull
因为他们是两个不同的项目,要把两个不同的项目合并,git需要添加一句代码,在git pull,这句代码是在git 2.9.2版本发生的,最新的版本需要添加--allow-unrelated-histories
假如我们的源是origin,分支是master,那么我们 需要这样写git pull origin master ----allow-unrelated-histories需要知道,我们的源可以是本地的路径

使用 Octopress+GitHub Pages 搭建个人博客_第10张图片
pull成功
使用 Octopress+GitHub Pages 搭建个人博客_第11张图片
git status

使用git diff命令查看提交的内容


使用 Octopress+GitHub Pages 搭建个人博客_第12张图片
git diff
使用 Octopress+GitHub Pages 搭建个人博客_第13张图片
错误提示
  • 1.上面错误的解决方法1
  • 2.解决方法2
  • 3.如果不行可以参考解决方法3:使用rvm切换ruby版本
    我是使用方法3解决的! 原因是ruby的版本没有更新。
ruby版本
使用 Octopress+GitHub Pages 搭建个人博客_第14张图片
rake watch

优化博客的访问速度

  • 1、删除或注释配置 _config.yml 文件中有关 Twitter 的部分。
  • 2、修改 source/_includes/custom/head.html 文件,删除 google 的自定义字体。注意,如果使用注释的方式会造成最终生成出来的 HTML 页面的 body 部分也被注释。
  • 3、修改 source/_includes/head.html 文件中 jquery.min.js 的链接地址。
使用 Octopress+GitHub Pages 搭建个人博客_第15张图片
优化

最后,成功!


使用 Octopress+GitHub Pages 搭建个人博客_第16张图片
成功

Reference

[参考链接](http://blog.csdn.net/caiqinghua0201/article/details/10371409)
http://toughcoder.net/blog/2014/10/16/blogging-like-a-hacker-with-github-pages/

你可能感兴趣的:(使用 Octopress+GitHub Pages 搭建个人博客)