码云正式支持 Pages 功能

Pages 功能一直以来呼声都非常之高,现在终于不负各位 OSCers 众望,码云 Pages 功能闪亮登场!

码云 Pages 是一个免费的静态网页托管服务,您可以使用码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的Pages服务。

码云Pages目前仅支持公有项目使用,私有项目会在下一版提供,敬请期待。
使用前须知

1、Pages 默认的根文件是 index.html

2、静态网页的样式可以自己写,也可以拿一些静态模版来修改,Pages服务本身不提供任何形式的模版,但我们后续会陆续增加例子,供大家参考使用。

3、如果你想以根目录的形式访问自己的静态网站,只需要建立一个与自己个性地址同名的项目即可,如http://git.oschina.net/ipvb 这个用户,想要创建一个自己的站点,但不想以子目录的方式访问,想以ipvb.oschina.io直接访问,那么他就可以创建一个名字为ipvb的项目http://git.oschina.net/ipvb/ipvb 部署完成后,就可以以http://ipvb.oschina.io 进行访问了。

4、支持 Jekyll

已经有 Pages 项目如何部署到码云的 Pages

以 jQuery-File-Upload 项目为例,项目地址:https://github.com/blueimp/jQuery-File-Upload

它在 Github 上的 Pages 地址是:https://blueimp.github.io/jQuery-File-Upload/

如果想把它转移到码云 Pages,只需要登录你的码云账户,点击右上角的+号,选择新建项目
码云正式支持 Pages 功能
然后点击创建,项目会在后台自动导入,导入成功后,点击菜单栏的Pages

码云正式支持 Pages 功能

这里我们默认的Pages服务分支是osc-pages,但是你也已选择自己静态页面所在的分支,这里jQuery-File-Upload项目的静态页面分支是gh-pages,选择gh-pages并点击启动服务。

码云正式支持 Pages 功能

至此,静态网页已经部署成功,访问提供的地址:http://silentboy.oschina.io/jQuery-File-Upload/ 即可查看到jQuery-File-Upload项目的静态官网。

码云正式支持 Pages 功能

一个小白的Pages搭建之旅

A.新建项目 test_pages

码云正式支持 Pages 功能
点击创建完成项目的创建

B.添加文件 index.html (注意名称是index.html哦!)
码云正式支持 Pages 功能
点击新建文件 输入图片说明 文件名输入index.html,内容就是简单的html输入图片说明 点击提交,将文件提交到仓库
码云正式支持 Pages 功能

C.选择pages服务
码云正式支持 Pages 功能

D.选择需要部署的分支,这里选择Master启动服务。

码云正式支持 Pages 功能

E.访问生成的网站地址,即可以查看你部署的静态页面啦!

码云正式支持 Pages 功能

发挥自己的想象力,做个自己的博客,做个项目的官网,做个介绍自己的页面吧,觉得不好看可以自己添加一些样式,或者找一些静态网页的模版,快去试试吧!

Pages进阶,使用Jekyll生成自己的静态网页

Jekyll 究竟是什么?

Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Textile) 以及 Liquid 转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 码云Pages上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。

比如您看到的这篇新闻就是Markdown语法所编写,我把它放到刚刚小白的测试项目内的一个文件,http://git.oschina.net/silentboy/test_pages/raw/master/intro.md ,在文件的顶部制定了它的访问链接是pages_intro,在提交之后,码云会自动帮你部署,就可以通过 http://silentboy.oschina.io/test_pages/pages_intro/ 进行访问了,怎么样,是不是很酷?

赶快去试试吧! -> https://git.oschina.net

另附Jekyll 使用文档:http://jekyll.bootcss.com/docs/home/

**文章转载自 开源中国社区[http://www.oschina.net]
**

上一篇:监控伸缩组内抢占式实例的实时价格与折扣


下一篇:改善企业业务的6个数据管理技巧