1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读全球最新的免费资源发布区
免费开源Github Pages空间可绑域名搭建个人博客存放图片文件
& 日 23:34 &
GitHub 是一个用于使用Git版本控制系统的项目的基于互联网的存取服务,GitHub于2008年2月运行。在2010年6月，GitHub宣布它现在已经提供可1百万项目，可以说非常强大。
Github虽然是一个代码仓库，但是Github还免费为大家提供一个免费开源Github Pages空间，利用这个空间你可以搭建轻量级的博客系统，绑定自己的域名，存放一些图片和文件等等。
关于Github，其实我在介绍时以前我也接触过，不过那只是申请一个Git账号，并不知道Github还会提供免费空间可供使用。直接有好友留言（具体在哪篇文章我找了好久也没有找到）说可以试试Github Pages。
于是我这几天都在研究怎么用Github Pages搭建一个个人博客，可惜由于对代码和git命令不熟悉，磕磕碰碰，一直到现在才把Github Pages免费空间给熟悉了，故写个教程记下整个过程。
在网上搜索Github Pages使用教程，比较少，而且不全面，或者说不适合像我这样从未接触过Github的人，有几次的按照网上的教程来做都失败了，主要是好步骤不知道如何操作。
中途也想到过放弃Github Pages，因为这样一个“如此麻烦”的空间即使搞定估计用途也不大。但是有两个原因促使我认为有必要向大家介绍它：老牌开源的空间——稳定、不会随便删除用户数据——至少我这么认为、没有外链流量限制。
Github Pages空间申请和使用难度很高，不建议新手使用，刚接触免费空间的朋友建议你去试试：
1、（不要放广告，放了广告容易被删号）
2、（请挂上VP恩申请，可以绑定域名）
3、（空间稳定，使用简单）
免费开源Github Pages空间可绑域名搭建个人博客存放图片文件
一、申请Github Pages账号和创建项目
1、打开空间地址：/，点击右上角的“sign UP”注册一个账号。
2、然后登录，点击右上角新建一个项目，如下图（点击放大）：
3、创建完成后，会给出来该项目的代码，如下图（点击放大）：
二、本地连接和管理Git项目
1、首先下载Git工具，这里为大家提供一个安装包，里面已经包括了Rails 3.0.3 、Ruby 1.8.7、SQLite 3.7.3 、Git 1.7.3.1 、DevKit，这些工具都是你深入学习git所必备的。
2、在RailsInstaller中运行git bash，然后依次执行下列命令，配置你的git，代码如下：
git config --global user.name "用户名"
git config --global user.email "邮箱"
git config --global credential.helper cache
git config --global credential.helper 'cache --timeout=3600'
3、执行代码效果如下图：
4、创建一个SSH Keys，输入下列语句，看看本地有没有ssh keys。
5、显示如下图表示没有。
6、接下来创建SSH Keys，执行下列代码。
ssh-keygen -t rsa -C "邮箱"
7、然后会要你选择保存的位置，直接回车即可，如下图：
8、接下来还要输入密码，如下图：
9、完成后，你就可以在你刚才保存的文件路径中看到一个id_rsa.pub文件了，公钥就在这里。
三、添加SSH Keys成功连接Github
1、用记事本打开id_rsa.pub，复制里面的东西，粘贴到Github项目的SSH Keys中，如下图（点击放大）：
2、输入以下代码，测试是否可以成功连接。
3、第一次连接还要输入Yes，确认一下，如下图：
4、最后出现如下提示就表示连接成功了。
四、Github Pages搭建个人博客空间（文章还没完，请点击翻下页）
真的，我猜你也会喜欢的：
您或许对下面这些文章有兴趣:&&&&&&&&&&&&&&&&&&&&本月吐槽辛苦排行榜
免费资源部落博客、论坛、问答和优惠网的创建者
经常混迹于各种免费资源中，尝鲜后乐于分享给他人。用WP搭建了部落博客，没事儿就折腾Wordpress，喜欢找免费空间，但只求精，稳定，耐用。有时也会介绍一点关于建站的知识和主机、服务器的使用心得与体会。PS：此人为男。
TA的专栏：&&|&&
关于本文的作者
所属分类：
链接地址：
浏览前页：
浏览后页：
部落快速搜索栏
热门点击排行榜
网站导航栏
免费资源重点推荐
最新文章推荐
部落最新评论列表
不得不看的秘密
部落本月最受关注的热点
(热度255℃) (热度220℃) (热度152℃) (热度110℃) (热度91℃) (热度83℃) (热度76℃) (热度72℃) (热度64℃) (热度61℃) (热度58℃) (热度50℃) (热度49℃) (热度48℃) (热度41℃) (热度40℃) (热度38℃)
部落本月踩得最多的宝贝
(踩17,950次) (踩12,600次) (踩12,390次) (踩9,920次) (踩7,100次) (踩7,000次) (踩6,080次) (踩4,950次) (踩3,870次) (踩3,570次)
免费资源部落，是一个致力发布和推广来自世界各地的免费资源，包括多样实用的免费空间、各种优秀的免费软件、各样可用的免费网盘等个人博客网站。站长qi是一位很普通不过的人，长期关注网络空间、互联网、软件应用、程序开发与设计、网络应用等。免费资源部落成立的目的就是希望与更多人分享网络快乐与精彩！本站持续修改完善中，如遇不便还请谅解^_^3144人阅读
开始之前我觉得阮一峰的《》是一个很经典的入门，每个Jekyll初学者都应该先去看一看，另外以及也是遇到问题时首先要查找的站点。需要对Git的基本操作有些了解：Git基本操作##设置全局用户名和email，作为每次提交的记录
git config --global user.name “name&
git config --global user.email “”
##添加一个仓库
git remote add origin git@….git
git push -u origin master
##当提示权限不够时，添加ssh公钥
##在用户的.ssh目录下找id_rsa.pub等文件，没有的话去生成
ssh-keygen -t rsa -C &”
##设置pull的默认地址
git branch --set-upstream-to=origin/master
##设置push的默认地址
git remote add origin git@….git
##配置别名
git config --global alias.xx ''
##临时保存工作区
git stash pop
git reset —hard 版本号
## 强行回滚远程服务器
git push -f
配置别名后会很方便，如果我有一个这样的别名：bogon:portfolio zhangao$ git config --global alias.ci
commit -m在提交的时候用ci就行了。单个人使用Git，不协同工作的话，还是比较简单的。GitHub PagesGitHub Pages上比较简单，只需要建立一个和你用户名相同的Repository就行了，比如：这样就建立了一个Repository，这样就能通过username.github.io来访问了。你也可以在设置里面选择生成一个默认的页面。下面主要还是说下在使用Jekyll过程中实际的问题评论系统我之前使用的是Disqus，后来感觉速度不怎么样，就换了，多说还是很好用的，适合国内环境。博客搬家我之前没有找到mac版的，就自己做了一个：代码高亮高亮的插件有很多，Jekyll的Pygments就已经超过，使用起来也很简单，在yml配置文件中设置：pygments: true然后在需要高亮的代码那里：{% highlight ruby %}
puts 'foo'
{% endhighlight %}ruby替换为即可。如果设置了pygments之后编译出错的朋友需要再加一条配置：excerpt_separator: &&这是Jekyll的bug导致的，这样虽然可以用pygments完成代码高亮，却又不能用excerpt取到文章摘要了。最后我使用的是，支持的语言比较多，完全可配置，可定制，能支持Objective-C的高亮：但是和我发表在CSDN上的文章使用的代码高亮插件不一样，我又想要使用这个Sunlight，就只能自己写个用正则查找替换的工具转了：显示分类显示分类：&h4&分类列表&/h4&
{% for category in site.categories %}
&li class=&category_list_item&&&a href=&/showCategory.html?categoryName={{ category | first }}&&{{ category | first }}&/a& ({{ category | last | size }})
{% endfor %}显示所有的分类一般都没什么问题，主要在具体分类页面进行处理。基于Jekyll的静态特性，这个地方处理起来不太优雅，我参考了其他人的做法，最后选择将文章列表储存在JSON里面：var articleList = [{% for post in site.posts %}
&span style=&white-space:pre&& &/span&{&title&:&{{post.title}}&,
&url&:&{{site.url}}{{post.url}}&,
&span style=&white-space:pre&& &/span& &date&:&{{ post.date | date:'%Y-%m-%d' }}&,
&excerpt&: '{{ post.excerpt | strip_html | strip_newlines | truncate:170 }}'
{% if post.categories != empty %}
&categories&:[{% for category in post.categories %}&{{category}}&{% if forloop.last == false %},{% endif %}{% endfor %}]{% endif %}}
{% if forloop.last == false %},{% endif %}{% endfor %}];我在这里判断了文章有没有分类，如果没有分类的话，就不添加到这个JSON里了，另外说下post.excerpt：excerpt 是获取文章的摘要信息，这个信息可以显示在文章列表里面strip_html 是除去HTML标签，因为摘要里面不需要显示图片之类的，纯文本即可strip_newlines 是去掉换行符truncate 这个就是字面意思了，摘要的长度然后在JS里面去取请求的参数，筛选出需要显示的文章，做法比较常规就不说了。如果参数中有特殊符号（比如我就有这样的分类名称：cvs||svn）或是中文（比如“分享”），url就用encodeURI函数转义一下：&a href=&javascript:void(window.location.href=encodeURI('/showCategory.html?categoryName={{ category | first }}'))&&{{ category | first }}&/a&取的时候用decodeURI函数去取。strip_newlines无法去除换行符，或者遇到其他换行符之类的问题比如我有遇到strip_newlines无法去除换行符的问题，如果去不掉的话，某些内容放进JSON的时候，自然而然的就出现问题了，因为不能连接字符串，但是又跨行了。strip_newlines只能去掉Unix的换行符，于是我就再一次使用了我之前写的，做了一次替换：实现分页Jekyll本身对分页限制很多，只支持HTML文件，不支持md，其次，对分类和标签的分页也不支持，这就很令人难受，只能将就用用了。在_config.yml文件里面添加：paginate: 10
paginate_path: &page:num&paginate表示开启分页并设置每页的数量；paginate_path是指定分页时Jekyll寻找HTML文件的路径，比如这里设置为page:num，那么Jekyll在分页时，第一页还是你的博客的index.html，第二页就是/page2/index.html，第三页就是/page3/index.html。如果指定的path不存在会自动往上级目录找，直到根目录的index.html，或者这个参数没有设置的话默认值就是page:num。在首页里面对文章进行分页，用一个简单的循环：{% for post in paginator.posts %}
&a href=&{{ post.url }}&&{{ post.title }}&/a&
{% endfor %}为了生成分页的链接，在根目录的index.html文件里面加上：{% if paginator.total_pages & 1 %}
{% if paginator.previous_page %}
&a href=&{{ paginator.previous_page_path }}&&上一页&/a&
{% endif %}
{% if paginator.next_page %}
&a href=&{{ paginator.next_page_path }}&&下一页&/a&
{% endif %}
{% endif %}如果想要显示所有的页码：{% for page in (1..paginator.total_pages) %}
{% if page == 1 %}
&a href=&/index.html&&{{ page }}&/a&
{% else %}
&a href=&{{ site.paginate_path | replace: ':num',page }}&&{{ page }}&/a&
{% endif %}
{% endfor %}因为第一页是index.html，不是page1，所以要特殊处理一下。这样一个简单的分页就完成了。附分页对象paginator的所有属性：page 当前页码per_page 每页文章数量posts 当前页的文章列表total_posts 总文章数total_pages 总页数previous_page 上一页页码 或 nilprevious_page_path 上一页路径 或 nilnext_page 下一页页码 或 nilnext_page_path 下一页路径 或 nil本来在显示分类页面也准备加上分页的，后来一想，所有的文章信息已经存在JSON里了，做分页也是一个假分页，就作罢了。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：449374次
积分：6353
积分：6353
排名：第1342名
原创：107篇
评论：155条
如果有任何问题欢迎随时与我沟通联系
或是CSDN私信
如需转载，请注明出处，谢谢！
文章：19篇
阅读：76595
文章：43篇
阅读：196383
阅读：31836
(3)(1)(5)(2)(4)(5)(5)(14)(6)(1)(3)(2)(3)(1)(5)(2)(1)(8)(8)(4)(1)(4)(17)(9)(1)(1)(1)怎样做一个漂亮的 GitHub Pages 首页？
大概每个人技术和可展示的内容都会不一样吧，说说看法好了。
按时间排序
百度/Google一下会有很多的帖子讲如何搭建自己的Github Pages。而如何做出“漂亮的”Github Pages，新手的话，从挑一个诚心如意的模板开始把。关于搭建：这是作者关于搭建GP的最新贴，很精练。其中Jekyll是Github默认的模板系统，所以也推荐选择这个。如果在搭建Jekyll中出现问题，可以参考Github的帮助页：关于模版：这里有一些不错的模版，可以去看看，然后fork下来，解压到自己的项目文件夹中即可。然后根据自己的需要修改关于更多：这个帖子的后半部分（从Jekyll模版系统开始），比较详细的介绍了Jekyll，并且推荐了一些关于如何加入“评论”，“代码高亮”的功能的插件。其他链接：我的博客：就是用上述办法搭建的，可以供大家参考。
hexo.io 也不错，nodejs的blog，可以直接部署到github上。
漂亮这个词本身就是很主观。有人喜欢拟物有人爱扁平，有人喜欢蓝色有人讨厌粉红。但是有一些设计原则是通用的，它可以保证你的作品给人以美感，这些通用的原则里面最重要的一点就是简约，适当留白。事物的发展规律是这样的：简陋 --& 华丽 --& 简约。简约是必须经过华丽之后蜕变而成的，没有经过华丽，就很难真正理解简约。同样道理，没有经过华丽的拟物化，也很难体验现在的扁平化美在哪里。最后贴一下最近完成的算是比较满意的github pages设计。权当练练手。
GitHub pages和Octopress搭配，可以搭建免费、稳定的静态博客。安装配置很简单，通过git，管理很方便，重要地是很自由。给楼主一些参考链接吧：1. 2. 3. ，这里有Octopress很多简洁的主题。
... github pages 和普通的网页没有什么区别啊，只是被 github host 而已 ...
GitHub Pages有官方的自动生成工具，自带主题，图简便可以试试。GitHub:help
做博客貌似很多人在用octopress，可以实现Wordpress的迁移：做项目的介绍或者个人知识管理推荐一下Vimwiki，简洁高效，条目清晰，适合资料的收集整理。推荐几个不错的Vimwiki站点：闲耘：丘迟的维基世界：波黎克斯：当然了，要做出漂亮的首页，离不开好的设计，扎实的CSS功底，辅助的JS锦上添花更好。
我用octopress做的博客，你可以看看，我觉得挺漂亮的，可以自选主题