码云正式支持 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,只需要登录你的码云账户,点击右上角的+号,选择新建项目
image
然后点击创建,项目会在后台自动导入,导入成功后,点击菜单栏的Pages

image

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

image

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

image

一个小白的Pages搭建之旅

A.新建项目 test_pages

image
点击创建完成项目的创建

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

C.选择pages服务
image

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

image

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

image

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

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

Jekyll 究竟是什么?

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

比如您看到的这篇新闻就是Markdown语法所编写,我把它放到刚刚小白的测试项目内的一个文件,在文件的顶部制定了它的访问链接是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]

相关文章
|
8月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
13天前
|
PHP Apache
【ThinkPHP框架教程·Part-04】URL访问模式
本章节介绍 ThinkPHP6.0 的 URL 访问模式,解析其访问方法。ThinkPHP 框架通过 URL 实现多种操作,默认为单应用模式。
【ThinkPHP框架教程·Part-04】URL访问模式
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
5095 0
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
364 0
|
8月前
|
存储
github pages 部署单页面
github pages 部署单页面
128 0
|
8月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
227 0
github pages 用法详解 发布自己的网站
github pages 用法详解 发布自己的网站
295 0
|
缓存 网络协议 应用服务中间件
GitHub Pages 站点建设
GitHub Pages 站点建设
192 0
GitHub Pages 站点建设
GitHub Pages 如何实现 SPA
这两天在 GitHub Pages 里面托管了一个小 DEMO,但是 DEMO 是 SPA 的,然而 GitHub Pages 是无法支持 SPA 配置的,这里记录一下解决方案。
GitHub Pages 如何实现 SPA
|
前端开发 JavaScript 小程序
2.2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误
1、修改入口文件 也就是src/pages/index/main.js文件 main.js是入口文件,通过main.js来加载index.vue文件。每个页面文件夹中都要有main.js文件
271 0
2.2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误