未完待续

很早就想有一个自己的站点了,可是我买不起服务器,不想研究WordPress,ect.无意间,博主发现了github居然可以实现自己梦想,加之网络上的资料偏旧(或则说github+jekyll更新太快了呢),固有此文 ^^

假定前提:拥有github账号

1.创建个人站点

这里我以myblog来代替username来演示下

访问地址:http://myblog.github.io/

剩下就是上传自己的页面,当然也支持git,svn,hg等repository url来完成项目的导入,这些都可以在仓库的setting中很容易的找到。

如果你跟博主一样,没有任何资源,那么没关系,github也提供了可视化的配置

可以自定义首页,还可以选择主题,来快速完成个人站点的可视化配置,具体操作:https://pages.github.com/

2.通过github pages+jekyll来美化自己的站点

虽然github提供了theme,还有可视化界面的支持,但是功能还是非常的弱,对于非前端人员来说,要想做一个好看的博客,难度还是很大,而且对于很多动态页面效果很难支持,

是不是又觉得WordPress比较好呢

这里有一篇关于workPress与github pages对比的帖子 http://www.trinea.cn/other/choice-between-wordpress-and-github-page/

如果你已经厌倦了workPress的傻瓜式部署,又喜欢探索新鲜事物,那跟着博主继续往下走吧。

github pages的首页 https://pages.github.com/

Websites for you and your projects

Hosted directly from your GitHub repository. Just edit, push, and your changes are live

这是官网上的两句话,意思是github pages为你和你的项目提供web站点支持,可以通过github 对代码仓库的编辑和改变来完成对站点的部署,而且是live(立即生效)

https://help.github.com/articles/using-jekyll-with-pages/ 告诉我们可以也通过jekyll来完成对站点的编辑  doc 地址 http://jekyllrb.com/docs/frontmatter/

通过首页轮播的图片,我们知道,通过jekyllbootstrap,是支持响应式的。http://jekyllbootstrap.com/ 这是一个静态站点的生成器

快速入门通道:http://jekyllbootstrap.com/usage/jekyll-quick-start.html

1.创建一个新的仓库,即第一点所说的内容

2.安装jekyll-bootstrap

git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.com
cd USERNAME.github.com
git remote set-url origin git@github.com:USERNAME/USERNAME.github.com.git
git push origin master

通过上面的操作,在draem0507.github.com仓库下便有了jekyll-bootstrap的副本,我们的首页

我们可以通过修改_config.yml来完成个性化的设置,包括邮箱,站点名字,rss地址等等。

3.jekyll安装

Jekyll 是 Ruby 写的静态blog站点生成器。

Jekyll-Bootstrap在Jekyll基础上,集成了twitter-bootstrap界面风格和一些实用的插件,并且易于扩展

除了Jekyll-Bootstrap,jekyll还有一个拓展,叫Octopress http://www.zhihu.com/question/19996679

下载ruby,官网会提示你,如果你对ruby不熟悉,可以通过rubyinstaller来完成ruby的一键安装。http://rubyinstaller.org/downloads/

测试是否安装完成

C:\Users\Administrator>ruby -v ruby

2.0.0p598 (2014-11-13) [x64-mingw32]

安装devkit

注意,需要跟ruby的安装版本保持一致

http://rubyinstaller.org/downloads/

注意点:需要在 config.yml的最后一行添加ruby的安装路径

ruby dk.rb review
ruby dk.rb install

jekyll安装失败

安装成功

  1. $ git clone https://github.com/plusjade/jekyll-bootstrap.git
  2. $ cd jekyll-bootstrap
  3. $ jekyll serve

jekyll启动失败

启动成功

访问地址:http://localhost:4000/

参考资料:

http://www.worldhello.net/gotgithub/03-project-hosting/050-homepage.html#jekyll

http://cn.yizeng.me/2013/05/10/setup-jekyll-on-windows/

http://www.tuicool.com/articles/jM367r3

http://cxshun.iteye.com/blog/1924153

http://www.cnblogs.com/BeginMan/p/3549241.html

优秀demo https://github.com/gitready

高亮工具Pygments

目前python3.x版本的暂时不支持Pygments,因此如果想使用高亮工具,则本地安装的必须是python2.x版本

安装Pygments之前,必须先安装easy_install,对于32位的python,有官网有提供exe的安装方式,而对于64位的,则必须通过

run ez_setup.py来完成安装 http://stackoverflow.com/questions/4930216/how-to-install-easy-install-in-python-2-7-1-on-windows-7

如果一切顺利,则可以通过easy_install来安装Pygments

easy_install Pygments

关于Pygments更多 http://havee.me/internet/2013-08/support-pygments-in-jekyll.html

官方地址:http://jekyllcn.com/

http://jekyllrb.com/

如何修改disqus的short_name http://format.com/articles/2916

关闭评论后面的地址 https://draem0507.disqus.com/admin/settings/general/ http://www.v2ex.com/t/49949

修改 Google analytics id

http://jekyllbootstrap.com/usage/jekyll-quick-start.html

转载于:https://www.cnblogs.com/draem0507/p/4303164.html

github上完成个人的站点搭建相关推荐

  1. 阿里巴巴上线静态开源站点搭建工具 Docsite

    近日,阿里巴巴在Github上线了静态开源站点搭建工具Docsite,这是一款集官网.文档.博客和社区为一体的静态开源站点的解决方案,具有简单易上手.上手不撒手的特质,同时支持react和静态渲染.P ...

  2. 建站利器 | 阿里巴巴上线静态开源站点搭建工具 Docsite

    2019独角兽企业重金招聘Python工程师标准>>> 近日,阿里巴巴在Github上线了静态开源站点搭建工具Docsite,这是一款集官网.文档.博客和社区为一体的静态开源站点的解 ...

  3. Vue + VueRouter + Vuex + Axios 抓取 GitHub 上的 Issues 来搭建个人博客站点

    项目背景 刚接触 GitHub 的时候就开始在仓库 bingoogolapple.github.io 里创建 Issues 来记录学习笔记,那时候我还不知道有 GitHub Pages,后来了解到了可 ...

  4. 在Github上搭建Jekyll博客和创建主题

    在Github上搭建Jekyll博客和创建主题 之前本来想展开写的,后来发现Jekyll官网的教程已经非常完善了就没有多写,所以只有这篇. 但是过了这么久,发现很多人还是不清楚怎么搭建,所以这里打算详 ...

  5. m1芯片Mac安装jekyll+搭建GitHub pages个人博客站点

    文章目录 写在前面 前期准备 GitHub Jekyll 搭建个人站点(博客) 基本的四个文件 1. _config.yml配置文件 2. _layouts/default.html网页模板文件 3. ...

  6. 在Github上搭建自己的博客(Windows平台)

    折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比 ...

  7. hexo在github上搭建个人博客详细步骤

    hexo搭建个人博客详细步骤 本片博文讲详细讲解搭建过程,经历鉴于我搭建托管博客所遇到的错误!为了避免读者重蹈覆辙.我将尽量详细,和一些遇到的错误与大家分享. 第一步 1 首先我们先去准备[githu ...

  8. 在GitHub上搭建GitHub Pages博客-- Jekyll

    大约2年前,在GitHub上用Jekyll搭建了自己的博客:https://zhang0peter.com/.然后写了几篇博客后就没动过了. 然后2019年我开始在CSDN上写博客,GitHub上的博 ...

  9. 在GitHub上使用Hexo 搭建自己的博客

    1.下载Node.js安装文件(现在电脑基本都是64位的,我就放64位的下载地址):https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi 或者自行到官网 ...

最新文章

  1. Java GC收集器配置说明
  2. windows批量创建用户
  3. 虚拟机中在红帽的Linux 下安装yum工具
  4. Eclipse 如何修改默认工作空间和切换工作空间(Workspace)
  5. 查询linux磁盘剩余空间脚本,linux磁盘空间报警脚本
  6. 《现代操作系统》笔记 2 线程
  7. telnet 远程登陆
  8. VMware14虚拟机安装Ubuntu
  9. ckplayer6.8 php播放,ckplayer超酷网页视频播放器 6.8
  10. 什么事数据补全_事无补
  11. SQL Server Management Studio (SSMS)下载,安装以及连接数据库配置
  12. wannier插值能带拟合1
  13. matlab定积分怎么输入,Matlab计算定积分的操作内容讲解
  14. 光纤中的多种光学模式芯径_光纤激光器的重要参数BPP(M2)
  15. 孙陶然:有态度就是进取
  16. centos7使用rdo安装openstack遇到的问题
  17. 【Moasure魔尺】优秀景观设计师们悄悄在用的测量设备
  18. 【c51】LCD1602__num++显示 (超详细)
  19. java毕业设计社区管理系统Mybatis+系统+数据库+调试部署
  20. 大学物理实验报告 - 半导体热敏电阻温度特性的研究

热门文章

  1. python 消息框架_消息框架message
  2. wincc怎么做数据库_wincc 数据库
  3. python cnn程序_python cnn训练(针对Fashion MNIST数据集)
  4. oracle怎么把in值列出来,oracle – SELECT的解析和绑定变量.. WHERE列IN(..)查询
  5. Webpack dev-server搭建本地服务
  6. mysql int 判断_PHP通过PDO查MySQL查询int字段返回string类型,解决方案
  7. 51ctopython自动化测试工程师课程价格,Python自动化测试开发实战 一门能就业的测试课...
  8. html页面中文乱码处理
  9. SqlServer 按指定顺序进行排序
  10. mysql字符串处理函数left()、length()使用