关键词：
之前参加活动，提交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 "m17855847521@163.com"
$ ssh-keygen -t rsa -C "m17855847521@163.com"
将生成的密钥（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 //移除文件
2017-7-31 小记
回来看博文，点开链接，有种惨不忍睹的感觉，为什么明明之前做过的小demo，演示也好好的，时隔多日之后就惨不忍睹了呢？？？我很疑惑。。
2017-8-10
还是之前整理的部分在线预览链接，现在居然又可以了！不知道以后还会不会出现问题。。。
https://sunshineqt.github.io/schoolmate/schoolmate/fangxyb/index.html （仿校友帮网站，推荐谷歌浏览器下查看，这里是自己录的效果图http://www.cnblogs.com/haimengqingyuan/p/6945497.html ）
https://sunshineqt.github.io/test/five-in-line/index.html （仿五子棋，推荐谷歌浏览器下查看，http://www.cnblogs.com/haimengqingyuan/p/5423877.html这里是自己录的效果图）
http://sunshineqt.github.io/programtest/programtest/webapp/index.html （组件式开发webAPP，推荐谷歌浏览器检查模式下查看，这里是自己录的效果图https://i.cnblogs.com/EditPosts.aspx?postid=6508951 ）
学习参考&感谢：
http://www.cnblogs.com/lijiayi/p/githubpages.html
应用markdown在线阅读器(代码片段)
...便的添加扩展功能。在这个阅读器的基础又做了一款在线GithubPages页面生成器，可以方便的生成不同主题风格的GitHubPage页面。功能阅读器支持文件拖拽兼容移动端Prism.js/Highlight.js代码高亮自动生成目录本地图片显示导出Html&#x... 查看详情
lottie免费动画在线预览
FreeLottieAnimationFiles,Tools&Plugins-LottieFilesTheworld’slargestonlineplatformfortheworld’ssmallestanimationformatfordesigners,developers,andmore.AccessLottieanimationtoolsandpluginsforAndroid, 查看详情
html5上传本地图片,在线预览及裁剪(filereader,canvas)
1我们常常需要上传头像，点击上传按钮时候需要预览一下，使用filereader方法无需和后台交互，代码如下：//本地图片在上传之前的预览效果//图片上传预览functionpreviewImage(file){if(file.files&&file.files[0]){varimg=document.getElementById(... 查看详情
前端实现在线预览pdfwordxlsppt等文件
https://blog.csdn.net/Andrew83/article/details/80353489?depth_1.utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task 查看详情
游戏&githubpage
1.snakewizard.github.io贪吃蛇小游戏2.mattbasile.github.io龙珠DragonballZ-Battle3.nathandhyou.github.io2048online4.triciasykes.github.ioBlackJackgame5.cmh5.github.ioPetFunnyGame6.diegorodriguezgzz.github.ioDestrezaDuo7.markokerkez.github.io石头布剪刀游戏RockPaperScissorsGame8.NamedRand... 查看详情
githubpages和hexo搭建自己的博客(代码片段)
title:HelloHexodate:2018-08-3021:14:27tags:hexophoto:https://avatars1.githubusercontent.com/u/31088082?s=400&u=7a99ff83916afb3f4c5312bd78a1be17fe0e34ed&v=4---电脑环境是Windows，安装好git后，所有搭建操作均在gitba 查看详情
github预览页面
...，怎么才能预览页面呢，看下面找到setting后，往下找到GitHubPages有了那个地址后，把我们要预览的直接放在后面就可以了，比如我要预览我的b2.html, https://shenq2014.github.io/baidu-js-test/.b2.html 就是这么简单，赶紧去试试... 查看详情
产品三维模型在线预览
产品在线展示案例预览玉镯在线预览：http://www.yanhuangxueyuan.co...汽车在线预览：http://www.yanhuangxueyuan.co...Web3D技术历史可通过插件或WebGL技术实现Web3D，在线网页上预览操作三维模型。插件最早实现Web3D技术所有技术方案，基本都要... 查看详情
怎样在线预览word文档
...页面，我们就可以使用永中DCS文档转换小工具，简单3步在线预览常见的Office文档、PDF版式文档、Zip压缩文件。当然，也支持.doc/.docx格式的Word文件。第一步（Step1）：添加文件（上传需要预览的Word文件）上传有两种模式，一是本... 查看详情
字体天下字体天下
https://www.fonts.net.cn/fonts-zh-1.html中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下... 查看详情
字体天下字体天下
https://www.fonts.net.cn/fonts-zh-1.html中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下中文字体免费下载和在线预览-字体天下... 查看详情
wordexcelppt(office)前端在线预览
参考技术A使用这个地址，后面拼接上文件地址这是微软提供的在线预览 查看详情
word文档在线预览解决方案
花了一整天在网上翻关于“word文档在线预览解决方案”相关的资料，感觉实现难度比较大还是用PDF来解决好了..下面列一下比较好的参考资料吧 参考资料前端实现在线预览pdf、word、xls、ppt等文件OFFICE文档转换为htm... 查看详情
上传在线预览
一、预览图片（blob）<div><inputclass="easyui-filebox" labelPosition="top" data-options="buttonText:‘选择文件‘,accept:‘application/pdf‘,onChange:function(){view_file(this)}" style="width:90 查看详情
基于springboot的在线文件预览神器，可支持99%常用文件的在线预览！(代码片段)
...github.com/macrozheng/…kkFileView简介kkFileView可以用来搭建文件在线预览服务，在Github上已有5.7k+Star。该项目使用流行的SpringBoot搭建，易上手和部署，基本支持主流办公文 查看详情
实现在线预览pdf的几种解决方案(代码片段)
原文:实现在线预览PDF的几种解决方案因客户需要实现PDF的预览处理，在网上找了一些PDF在线预览的解决方案，有的用PDFJS的在线预览方式，有的使用PDFObject的嵌入式显示，有的通过转换JPG/PNG方式实现间接显示的方式，开始是想... 查看详情
js实现图片在线预览(代码片段)
js在线预览图片 一、效果预览二、实现代码：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>js图片在线预览</title><scriptl 查看详情
flexpaper在线预览问题javalinuxoffice文件在线预览的时候出现如图的问题，不能预览，求大神帮忙
参考技术Aswftools-0.9.1.exe和FlexPaper_1.4.5_flash.zip，工具网上下载。二、PDF转换SWF文件核心类：publicclassDocConverter privatestaticfinalintenvironment=1;//环境1：windows,2:linux(涉及pdf2swf路径问题) privateStringfileString; privateStringoutputPath="";//输... 查看详情