码云html页面预览,码云,正式支持 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服务分支是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 功能,可以部署静态页面相关推荐
- 学成在线--10.页面预览
文章目录 一.需求分析 二. 搭建环境 1.在cms服务中集成freemarker: 2.在application.yml配置freemarker 三.Service 四.Controller 五.页 ...
- 学成在线 第4天 讲义-页面静态化 页面预览
1页面静态化需求 1.为什么要进行页面管理? 本项目cms系统的功能就是根据运营需要,对门户等子系统的部分页面进行管理,从而实现快速根据用户需求修改 页面内容并上线的需求. 2.如何修改页面的内容? ...
- JavaCV音视频开发宝典:使用JavaCV读取海康平台或海康网络摄像头sdk回调视频TS码流并解析预览图像
<JavaCV音视频开发宝典>专栏目录导航 <JavaCV音视频开发宝典>专栏介绍和目录 前言 两年前博主写了如何利用JavaCV解析各种h264裸流,<JavaCV ...
- 莹石云(EZVIZ) 实时视频预览、录像回放、语音对讲
莹石云(EZVIZ) 实时视频预览.录像回放.语音对讲插件地址:https://ext.dcloud.net.cn/plugin?id=2454
- 小程序canvas2d绘制页面并且生成图片在页面预览可下载转发
今天写了个canvas绘制图片生成图片支持长按转发下载,踩的坑有点多,记录一下! 整体思路为 绘制画布 将base64图片转存本地 将图片绘制进画布 将canvas转换为本地url 将url转换为ba ...
- 网页打印问题,打印设置,打印预览,打印分页,纵打,横打及页面的边距
1.控制"纵打". 横打"和"页面的边距 (1) <object id="factory" style="display ...
- Jasperreport_6.18的吐血记录三之简易交叉表 + 页面预览和导出
承接上篇 第二章主要介绍了目录页的一些预览技巧,包括字体库注入到软件中,最后的目录页顺利的生成了,中间有几个小坑也给小伙伴们说了一下,报表在于要细心和耐心,不要急于求成,慢慢入手,终有成效! 本章准备 ...
- 前端页面预览word_前端实现在线预览文档
前端实现在线预览文档 发布时间:2019-06-03 17:22, 浏览次数:529 <>前端实现在线预览文档 最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式 ...
- 用机顶盒或网络电视机实现监控摄像头预览,完成简单的录相机功能,用机顶盒远程观看摄像头,多个监控可以同时观看,实时观看,也可以用机顶盒或网络电视观看局域网内的监控画面
用机顶盒或网络电视机实现监控摄像头预览,完成简单的录相机功能,用机顶盒远程观看摄像头,多个监控可以同时观看,实时观看,也可以用机顶盒或网络电视观看局域网内的监控画面 准备: 1.需要知道 监控摄像头的 ...
- Android实现笔记本修改功能,安卓12第二个开发者预览版推出:UI、功能有所改进...
最近谷歌正式推出了Android 12的第二个开发者预览版,带来了很多UI和功能上的改进. 首先最明显的变化应该是锁屏界面和下拉通知栏的音乐播放器.此前这部分UI的配色一直采用的是音乐专辑的主色调,但 ...
最新文章
- 图像超分辨率与天气预报
- JQuery 给DOM控件绑定和移除事件的方法
- 从1.5k到18k, 一个程序员的5年成长之路【转载】
- Photoshop画笔|设计师必备
- 【知乎】神回答,我们吐的不是槽 233
- 20-spring学习-Spring MVC基本操作
- c语言编程 六个评委打分,有人知道这怎么写吗?谢谢程序填空题,下面程序的功能是 9 个...
- 子类重写方法aop切不到_Spring-aop 全面解析(从应用到原理)
- 优秀课程案例:使用Scratch制作坦克大战经典版!
- 计算机考研408考试科目及备考指南
- 360浏览器html在哪儿,360浏览器的收藏夹在哪_如何找到360浏览器收藏夹路径位置...
- python 勒索病毒_lucky 勒索病毒分析与文件解密
- 浅谈AlphaGo背后所涉及的深度学习技术
- 中国云计算产业2016年度点评
- 中心差商公式不同的h计算近似一(二)阶导数
- Ubuntu 安装MTP驱动访问安卓设备(转载)
- 【计算机视觉实验五】图像检索与识别
- 微信小程序开发初学:输入框 - input
- 学习JavaScript
- 吴恩达深度学习 4.3 卷积神经网络-目标检测