github pages & 在线预览

之前参加活动,提交demo时,自己只会提交github上的源码地址,看别人提交的不仅有源码地址还有在线预览地址,自己折腾了好久也没折腾出来,中间还遇见了js Bin、js Fiddle、极客标签。。。等,前几天遇见了github pages,,终于知道别人的github.io是哪来的了。。。做一下小整理。。。

1   github上新建一个仓库,如test

2   个人信息输入验证及配置密钥

$ git config --global user.name "sunshineqtgit"

$ git config --global user.email "[email protected]"

$ ssh-keygen -t rsa -C "[email protected]"

将生成的密钥(C:\Users\DELL\.ssh下的id_rsa.pub)配置到github上

3   打开settings,有一个Github Pages的设置,点击source中的默认显示的None,使其变成master分支,即部署github pages的分支,然后点save

4   页面刷新后,可在github pages处看到自己的github pages网址,如https://sunshineqt.github.io/test/

5   点击该链接,显示一个test页面

6   在电脑上选择一个位置,新建一个文件夹,如E:\test\706,在该文件夹下右击git bash here

7   在上述文件夹下建立test文件夹:mkdir test

8   然后进入该文件夹,cd test/

9   克隆远程仓库:git clone https://github.com/sunshineqt/test.git

10  将自己作品的文件复制粘贴到刚刚建的test文件中

11  进入该文件夹 cd test/

12  显示,列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交的文件,也就是所有改动文件,红色字体标出 git status

13  添加当前目录下的所有文件和子目录     git add .

14  git status   全变绿了则准备好了被提交

15  将文件上传至远程master分支:git commit –m “modify”

16  git pull   第一次上传到该仓库需执行此操作,抓取远程仓库所有分支更新并合并到本地

17  git push  push所有分支

18  打开浏览器输入github pages分配的网址加上上传的主html文件名,回车即可看到效果图,如https://sunshineqt.github.io/test/doubanall/index.html

git命令:

git clone  //本地克隆远程仓库

cd         //定位

git status   //查看本地自己修改了多少文件

git add .    //添加远程不存在的git文件

git commit –m “description”  //提交修改

git pull      //抓取远程仓库所有分支更新并合并到本地

git push     //更新到远程服务器

git rm     //移除文件

基于此整理了部分demo:

https://sunshineqt.github.io/schoolmate/schoolmate/fangxyb/index.html

https://sunshineqt.github.io/test/doubanall/index.html

https://sunshineqt.github.io/test/five-in-line/index.html

http://sunshineqt.github.io/programtest/programtest/webapp/index.html

学习参考&感谢:

http://www.cnblogs.com/lijiayi/p/githubpages.html

时间: 2024-10-06 07:33:26

github pages & 在线预览的相关文章

python爬虫处理在线预览的pdf文档

引言 最近在爬一个网站,然后爬到详情页的时候发现,目标内容是用pdf在线预览的 比如如下网站: https://camelot-py.readthedocs.io/en/master/_static/pdf/foo.pdf 根据我的分析发现,这样的在线预览pdf的采用了pdfjs加载预览,用爬虫的方法根本无法直接拿到pdf内的内容的,对的,你注意到了我说的[根本无法直接拿到]中的直接两个字,确实直接无法拿到,怎么办呢?只能把pdf先下载到本地,然后用工具转了,经过我查阅大量的相关资料发现,工具还

WEB在线预览PDF

这是我在博客园发表的第一篇文章.以后会陆续把在线预览其他格式文档的解决方案发表出来. 解决思路:把pdf转换成html显示. 在线预览pdf我暂时了解3种解决方案,欢迎大家补充. 方案一: 利用pdf2html软件将PDF转换成HTML. 用法: PDF2HTML [选项] <PDF 文件> [<HTML 文件>] -f <页数>   : 转换开始页-l <页数>  : 转换结束页-z <缩放率>        : 设置转换缩放率,从 50 到

动态PDF在线预览

实战动态PDF在线预览及带签名的PDF文件转换 开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线

linux在线预览pdf文件开发思路

准备:swftools,flexpaper 基本思路: 1,将pdf文件转化成swf文件 2,使用flexpaper预览swf文件 主要代码: 1,在linux中安装swftools.官网下载swftools 安装包,解压 2,./configure --prefix=安装路径 make install 执行完之后,执行pdf2swf -help 如果显示.说明安装成功 如果执行pdf2swf -help  显示commond not find 的话,可能需要配置swftools的环境变量,具体

文档在线预览的实现

最近在研究企业文档管理,这个是基本上所有企业都需要的软件,当然也是有很多种解决方案.对于企业文档来说,最基本的需求就是独立存储,共享.这种需求只需要建立一个Windows共享文件夹或者架一个Samba服务器即可实现,无法做复杂的权限管理,统计等.另一种方案就是架一个Web应用,比如SharePoint,就可以实现. 既然是WEB应用,进一步的需求是能够在线查看文档,根据用户需求可能不允许下载,不允许打印文档.这一点微软的高级解决方案是使用RMS,能够设置每个用户的打开权限,是否打印等,要求必须是

实战动态PDF在线预览及带签名的PDF文件转换

开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线浏览PDF文件的实用插件,笔者选择pdf.js,

文档在线预览开源实现方案一:OpenOffice + SwfTools + FlexPaper

在文档在线预览方面,项目组之前使用的是Microsoft office web apps, 由于该方案需要按照微软License付费,项目经理要我预研一个文档在线预览的开源实现方案.仔细钻入该需求发现其实文档在线预览的开源方案还是挺多的,今天研究的方案一采用的技术栈是:OpenOffice +SwfTools + FlexPaper, 这种方案是目前比较成熟的方案,很多网站采用该方案来实现在线预览的功能.这种方案的思路是这样的: 通过OpenOffice的服务将office文档及文本文档转换为p

实现在线预览PDF的几种解决方案

原文:实现在线预览PDF的几种解决方案 因客户需要实现PDF的预览处理,在网上找了一些PDF在线预览的解决方案,有的用PDFJS的在线预览方式,有的使用PDFObject的嵌入式显示,有的通过转换JPG/PNG方式实现间接显示的方式,开始是想通过简单的方式,能够使用JS插件实现预览最好,可是在线预览总是有一些不足,如不同浏览器的兼容问题,甚至不同的手机平台中展示的效果也不一样,不过最好还是采用了间接的方式,把PDF转换为图片展示效果,达到客户的要求. 1.在线实现预览的方式 一开始我还是很倾向使

java实现word转pdf在线预览(前端使用PDF.js;后端使用openoffice、aspose)

背景 之前一直是用户点击下载word文件到本地,然后使用office或者wps打开.需求优化,要实现可以直接在线预览,无需下载到本地然后再打开. 随后开始上网找资料,网上资料一大堆,方案也各有不同,大概有这么几种方案: 1.word转html然后转pdf 2.Openoffice + swftools + Flexmapper + jodconverter 3.kkFileView 分析之后最后决定使用Openoffice+PDF.js方式实现 环境搭建 1.安装Openoffice,下载地址: