Github展示页面总结

(本文为参考众多文章后的自我总结)

1.安装git

Mac无须安装git,自带命令功能。windows(https://git-for-windows.github.io/index.html)

2.在github上创建项目仓库

start a project

取名,剩下的默认,create repository,完成。

3.上传代码

用刚才安装的git将本地代码上传到github。

①打开项目目录

cd /d/myGit/navcarousel   (或者直接把文件夹拖过来)

②初始化版本库,用于生成.git文件

git init
③将所有文件添加到缓存区
git add *

 ④提交当前工作空间的修改内容

git commit -m "first commit"

 ⑤将仓库连接到远程服务器

git remote add origin https://github.com/licong654c/navcarousel.git   

上面红字地址来自于:

 

(6)将改动推送到所添加的服务器上

git push -u origin master

4.创建gh-branch分支

之前的工作只是将代码发布到了github上demo仓库的master分支上,而要展示页面代码必须发布到名为“gh-pages”的分支上。我们只需要在github的demo项目页面手动创建gh-pages分支即可。  

输入gh-pages后创建即可,这样的方式会直接拷贝master分支的所有文件到gh-pages分支。

5.访问页面

创建并上传文件至gh-pages之后,我们就可以访问如下url来查看自己的demo了:

http://(user_name|org_name).github.io/repo_name

  

这里我们的demo地址为:https://licong654c.github.io/navcarousel/

时间: 2024-10-10 22:02:54

Github展示页面总结的相关文章

用github展示前端页面

今天尝试了一下使用github展示前端页面,还是比较简单的,平时做一些小的demo时,可以用这个方法展示自己的页面,在此记录下方法. 首先打开自己的github项目仓库,比如   https://github.com/zqqya/ToDoList 创建一个新的分支,名字为gh-pages(只能为这个名字),这个分支会自动把master下的文件拷贝过来 然后就可以直接访问以下地址: http://(user_name|org_name).github.io/repo_name 就可以展示你的项目的

AngularJs+BootStarp+fontAwesome打造个人展示页面

原文摘自我的前端博客,欢迎大家来访问 http://hacke2.github.io/ 起因 实验室马上要出去找工作了,大家想写一个展示自己项目的东西,没必要做的太复杂,我就把这几天学到的结合了一下,算是做了 一个大概的样子出来,大家可以自己放里面加内容 点击右上角项目名称可切换不同视图 所含的技术 AngularJs 里面MVC使用AngularJs来实现,主要用了其中两个技术: 1.模板技术 2.路由技术 之所以用了AngularJs的路由技术,是因为做一个页面的跳转,之前做开发都是以sev

sharepoint designer + XSLT快速构建数据展示页面

准备展示数据 准备一个测试列表,添加部分测试数据 生成母版页 1.用designer打开需要创建页面的网站 2.点击左侧"所有文件",将需要做为母板页的静态页面拖入designer内(相关的css和js文件也拖入,当然也可以建一个文件夹存在,不放在根目录) 3.在高级模式下打开此静态页面,另存为母板页 4.以高级模式编辑母板页,将需要动态展示的区域替换为占位符(多个占位符ID不要重复),替换之后保存. 使用母板页建立展示页面 1.基于母板页的建立展示页面 2.以高级模式打开展示页,使用

从产品展示页面谈谈Hybris系列之二: DTO, Converter和Populator

文章作者:张健(Zhang Jonathan) 上一篇文章 从产品展示页面谈谈Hybris的特有概念和设计结构 我们讲解了Hybris一些特有的概念以及大体架构,并且介绍了Facade层里是如何定义DTO(Data Transfer Object)对象. 一个尚未回答的问题: 为什么DTO(在上一篇文章的具体例子里是Java类ProductData)会由Converter来生成? 这篇文章就从此问题开始. 我们再次翻出上一篇文章展示过的这张架构图. 当我们打开一个Hybris应用网页,比如某个P

jekyll介绍安装.github静态页面工具

jekyll build # => 当前文件夹中的内容将会生成到 ./site 文件夹中. $ jekyll build --destination <destination> # => 当前文件夹中的内容将会生成到目标文件夹<destination>中. $ jekyll build --source <source> --destination <destination> # => 指定源文件夹<source>中的内容将会生

前端开发--ppt展示页面跳转逻辑实现

1. 工程地址:https://github.com/digitalClass/web_page 网站发布地址: http://115.28.30.25:8029/ 2. 今天遇到一个小问题, 同组的同学把咱们github上的代码给覆盖了, 喜大普蹦, 还好git 支持回溯功能 3. 另外和王同学讨论了下页面跳转, 我本来打算是使用异步请求操作, 不过王同学说alpha 版先使用 新页面请求, 好开心, 瞬间少了好大的工作量, 这是显示效果: ps: 由于个人懒得配置后端的数据库, 所以每次请求

(写给像我一样刚离开校园进入公司的小菜鸟)在领域架构下,如何实现简单的展示页面以及增删改查(第一步)

第一次到公司,现在进行的项目已经开始了有一段时间了,底层架构早已搭建好,经过一段时间熟悉,现在为自己记录一下 大致结构如此图所示,我们需要完成的任务只需要涉及三个类库Domain,Model,Web 流程如下: 1.Model: 1.1 Entities文件=>>新建实体模型 2.Domain: 2.0 Domain类库下有个模型工厂文件件ModelCreateFactory在里面添加实体模型与数据模型转换的TSETZAaaaModelFactory.cs 代码如下 1 using Syste

github展示作品

可以直接将提交的代码上传到github,除了储存代码外,它还能够展示代码成果 使用GitHub page可以生成网页地址. 打开GitHub项目下的 settings, 找到Github Pages 的设置, 点击 source 中的本来的 None ,选择master branch,也就是作为部署github pages 的分支,然后点击 save,就能生成一行网址 如果你上传的文件有好几个子目录,那么需要/xxxxx/xxx/file.html 才能访问到你的网址. · 原文地址:https

仿腾讯云手机端产品展示页面类swiper效果(附源码)

老婆做项目非需要做得像腾讯云手机端产品展示效果,有点像swiper,但还是点不一样,研究了很久发现用现有的swiper功能没办法实现,没办法只好想办法把腾讯云的抠下来研究一下.现在大公司的前端做的都非常高端,经过了二个多小时我才算是把效果给弄下来了. 源码下载地址:http://pan.baidu.com/s/1i46hXK5