使用前须知

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服务分支是osc-pages,但是你也已选择自己静态页面所在的分支,这里jQuery-File-Upload项目的静态页面分支是gh-pages,选择gh-pages并点击启动服务。

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

一个小白的Pages搭建之旅

A.新建项目 test_pages

点击创建完成项目的创建

B.添加文件 index.html (注意名称是index.html哦!)

点击新建文件

文件名输入index.html,内容就是简单的html

点击提交,将文件提交到仓库

C.选择pages服务

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

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

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

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/

码云html页面预览,码云,正式支持 Pages 功能,可以部署静态页面相关推荐

  1. 学成在线--10.页面预览

    文章目录 一.需求分析 二. 搭建环境 1.在cms服务中集成freemarker: 2.在application.yml配置freemarker 三.Service 四.Controller 五.页 ...

  2. 学成在线 第4天 讲义-页面静态化 页面预览

    1页面静态化需求 1.为什么要进行页面管理? 本项目cms系统的功能就是根据运营需要,对门户等子系统的部分页面进行管理,从而实现快速根据用户需求修改 页面内容并上线的需求. 2.如何修改页面的内容? ...

  3. JavaCV音视频开发宝典:使用JavaCV读取海康平台或海康网络摄像头sdk回调视频TS码流并解析预览图像

    <JavaCV音视频开发宝典>专栏目录导航 <JavaCV音视频开发宝典>专栏介绍和目录 ​ 前言 两年前博主写了如何利用JavaCV解析各种h264裸流,<JavaCV ...

  4. 莹石云(EZVIZ) 实时视频预览、录像回放、语音对讲

    莹石云(EZVIZ) 实时视频预览.录像回放.语音对讲插件地址:https://ext.dcloud.net.cn/plugin?id=2454

  5. 小程序canvas2d绘制页面并且生成图片在页面预览可下载转发

    今天写了个canvas绘制图片生成图片支持长按转发下载,踩的坑有点多,记录一下! 整体思路为 绘制画布 将base64图片转存本地 将图片绘制进画布 将canvas转换为本地url 将url转换为ba ...

  6. 网页打印问题,打印设置,打印预览,打印分页,纵打,横打及页面的边距

    1.控制"纵打". 横打"和"页面的边距 (1) <object  id="factory"  style="display ...

  7. Jasperreport_6.18的吐血记录三之简易交叉表 + 页面预览和导出

    承接上篇 第二章主要介绍了目录页的一些预览技巧,包括字体库注入到软件中,最后的目录页顺利的生成了,中间有几个小坑也给小伙伴们说了一下,报表在于要细心和耐心,不要急于求成,慢慢入手,终有成效! 本章准备 ...

  8. 前端页面预览word_前端实现在线预览文档

    前端实现在线预览文档 发布时间:2019-06-03 17:22, 浏览次数:529 <>前端实现在线预览文档 最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式 ...

  9. 用机顶盒或网络电视机实现监控摄像头预览,完成简单的录相机功能,用机顶盒远程观看摄像头,多个监控可以同时观看,实时观看,也可以用机顶盒或网络电视观看局域网内的监控画面

    用机顶盒或网络电视机实现监控摄像头预览,完成简单的录相机功能,用机顶盒远程观看摄像头,多个监控可以同时观看,实时观看,也可以用机顶盒或网络电视观看局域网内的监控画面 准备: 1.需要知道 监控摄像头的 ...

  10. Android实现笔记本修改功能,安卓12第二个开发者预览版推出:UI、功能有所改进...

    最近谷歌正式推出了Android 12的第二个开发者预览版,带来了很多UI和功能上的改进. 首先最明显的变化应该是锁屏界面和下拉通知栏的音乐播放器.此前这部分UI的配色一直采用的是音乐专辑的主色调,但 ...

最新文章

  1. 图像超分辨率与天气预报
  2. JQuery 给DOM控件绑定和移除事件的方法
  3. 从1.5k到18k, 一个程序员的5年成长之路【转载】
  4. Photoshop画笔|设计师必备
  5. 【知乎】神回答,我们吐的不是槽 233
  6. 20-spring学习-Spring MVC基本操作
  7. c语言编程 六个评委打分,有人知道这怎么写吗?谢谢程序填空题,下面程序的功能是 9 个...
  8. 子类重写方法aop切不到_Spring-aop 全面解析(从应用到原理)
  9. 优秀课程案例:使用Scratch制作坦克大战经典版!
  10. 计算机考研408考试科目及备考指南
  11. 360浏览器html在哪儿,360浏览器的收藏夹在哪_如何找到360浏览器收藏夹路径位置...
  12. python 勒索病毒_lucky 勒索病毒分析与文件解密
  13. 浅谈AlphaGo背后所涉及的深度学习技术
  14. 中国云计算产业2016年度点评
  15. 中心差商公式不同的h计算近似一(二)阶导数
  16. Ubuntu 安装MTP驱动访问安卓设备(转载)
  17. 【计算机视觉实验五】图像检索与识别
  18. 微信小程序开发初学:输入框 - input
  19. 学习JavaScript
  20. 吴恩达深度学习 4.3 卷积神经网络-目标检测

热门文章

  1. matlab画图函数之plot【matlab图行绘制一】
  2. wps表格l制作甘特图_WPS表格制作进度计划横道图教程
  3. 第六周作业--校长吃热狗游戏--奇偶排序--字母组合
  4. send/recv与socket
  5. vim字符串替换命令
  6. MS SQL Server对表的设计修改时不允许保存
  7. 什么是脚本,脚本语言?
  8. echarts中geoCoordMap世界地图国家及中国城市的经纬度数组整理
  9. java富文本_Java开发之富文本编辑器TinyMCE
  10. android PreferenceScreen使用笔记