博客从wordpress迁移到Github.io、GitCafe

最近博客(www.coderli.com) 被几个流氓IP爬的厉害,流量超标。促使我萌生了将博客迁移到github.io的想法。整个迁移过程OneCoder之前也是不熟悉的,不过思路是清晰的。

1、 如何在github.io/GitCafe上建立页面。 github.io就是原github的page功能。建立的方式很简单。首先你需要有一个Github帐号,然后在你的github帐号下建立一个名为: yourusername.github.io的库(repository)即可。 以后,你只需要往该库上传静态html页面即可通过地址:http://yourusername.github.io 进行访问。默认地址(如: http://lihongzheshuai.github.io)打开的是该库根目录下的index.html页面。 Gitcafe只需要建立一个同名的库,并创建一个gitcafe-pages分支即可。 鉴于国内对Github访问速度和稳定性的问题,OneCoder决定把域名绑定到GitCafe提供的pages服务上:)。

2、 利用Jekyll搭建Blog 上面介绍的只是如何在github.io存放和浏览独立页面。离搭建一个独立的Blog还有距离。目前在Github上搭建blog最流行的工具就是Jekyll了。 Mac上安装Jekyll: 通过rubygem命令,gem install jekyll 不过在国内的用户可能需要先切换到淘宝的gem源,切换方式参考: http://ruby.taobao.org/

安装成功后需要配置Jekyll, 可参考: http://jekyllrb.com/docs/quickstart/ 和http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html 后面文章中的配置方式是手动的可能有些老,不过你可以学习他介绍的Jekyll各种配置。

一些好看的Jekyll模版: http://jekyllthemes.org/ 原理很简单,其实只要把Jekyll生成的所有目录结构同步到Github即可。各个目录结构的介绍可以参考Jekyll的官方文档。 http://jekyllcn.com/docs/structure/ 我们只需要将文章放到_posts文件夹下即可。

3、将文章从wordpress迁移数据到github.io、GitCafe

数据分两部分,文章数据和评论。 1、文章导出 通过wordpress的后台-》工具->导出功能,将所有的文章导出为xml文件。 2、转成.md文件(markdown) 这里由于OneCoder是在windows环境下进行的这部操作,所以使用的工具是:https://github.com/theaob/wpXml2Jekyll 其他工具可以参考官方的介绍:http://jekyllcn.com/docs/migrations/

4、评论迁移 由于OneCoder使用的是多说评论框,所以需要在新站点把thread_key同步过来。这工作正在慢慢的进行中。。很痛苦。对于没有迁移过来的文章,是暂时关闭评论了。开放评论的都是同步好key的文章和新文章。

5、域名绑定 参考gitcafe的说明即可。

6、用octopress写博客 http://octopress.org/docs/blogging/ 安卓部署参考:http://octopress.org/docs/setup/

时间仓促,OneCoder只是草草的把文章迁移了过来很多文章的格式,甚至图片都无法显示。没办法,300多篇文章,只能一个一个慢慢修改了。

PS:友链部分,OneCoder会抽空修改模版,统一添加进去。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
GitHub.io是一个用于托管静态网页的服务,可以用来展示个人项目、博客等内容。如果你想美化你的GitHub.io页面,有以下几种方法可以考虑: 1. 使用自定义域名:通过给你的GitHub.io页面绑定自定义域名,可以让页面的网址更加个性化。你可以购买一个域名,并将域名指向你的GitHub.io页面。这样,访问你的网址时会显示你的自定义域名。 2. 使用主题:GitHub.io支持使用Jekyll主题来美化页面。Jekyll是一个静态网站生成器,可以帮助你轻松地创建漂亮的页面。你可以在GitHub上搜索Jekyll主题,选择一个你喜欢的主题并应用到你的GitHub.io页面上。 3. 自定义CSS样式:如果你对前端开发比较熟悉,你可以在GitHub.io页面中添加自定义CSS样式来美化页面。通过修改页面的样式,你可以改变字体、颜色、布局等,使页面更加吸引人。 4. 添加图片和媒体:通过在GitHub.io页面上添加图片和媒体元素,可以增加页面的视觉效果。你可以在页面中展示项目截图、头图或者其他相关图片和视频,以增强页面的吸引力。 5. 使用插件和工具:有很多开源的插件和工具可以帮助你美化GitHub.io页面。比如,你可以使用Font Awesome插件来添加矢量图标,使用Google Fonts来选择更多的字体样式,使用Animate.css来添加动画效果等。 以上是一些常见的方法,你可以根据自己的需求选择适合的方式来美化你的GitHub.io页面。希望能对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值