github怎么搭建网页（怎么用sourcetree在github上创建页面）

本文目录

• 怎么用sourcetree在github上创建页面
• 如何创建github.io页面
• 如何在github上托管静态网页
• 如何将静态网页部署到github
• 怎样在GitHub免费创建网站和域名

怎么用sourcetree在github上创建页面

用SourceTree这个工具实现了上传项目。
首先，
1 ：需要去sourceTree官网下载安装包，当然了如果你现在用的就是，那就剩下了很多功夫了，
2 ：然后是注册GitHub账号，github.com/ --》Pricing and Signup --》Create a free account
3： 接下来是创建 SSh；
在local打开terminal：
$cd ～/.ssh 检查是否已经存在ssh
如果存在，先将已有的ssh备份，或者将新建的ssh生成到另外的目录下
如果不存在，通过默认的参数直接生成ssh
生成过程如下：
ssh-keygen -t rsa -C xxxxx@gmail.com（注册github时的email）
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/twer/.ssh/id_rsa): (见一个文件存放就行)
Created directory ‘/Users/twer/.ssh‘.
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /Users/twer/.ssh/id_rsa.
Your public key has been saved in /Users/twer/.ssh/id_rsa.pub.
The key fingerprint is:
18:16:11:c9:01:6c:48:09:7f:27:c6:43:0d:7f:3f:84 xxxxx@gmail.com
The key‘s randomart image is:
+------+
|.o.++=== |
|.ooo.+. . |
| ..* = E . |
| o = + o |
| . S o |
| . |
| |
| |
| |
+-----------------+
如果要修改ssh生成目录，在蓝色位置处输入要生成的路径，选择默认的话，会生成在 ～/.ssh下
《《18:16:11:c9:01:6c:48:09:7f:27:c6:43:0d:7f:3f:84 xxxxx@gmail.com》》这个就是生成的key
4： 在github中添加ssh（如图示）：
登陆github，选择Account Settings--》SSH Keys 添加ssh
Title：xxxxx@gmail.com
Key：打开你生成的id_rsa.pub文件，将其中内容拷贝至此。
打开终端，先测试一下你的帐号跟github连上没有：ssh -T git@github.com 如果出现如下提示，表示你连已经连上了.(因为有了第一步，所以不用自己做过多的连接github的操作了，另外，下一次要连接github的时候记得打开第一步的工具).
等你的钥匙显示这个绿色的图标就就是你成功了
5： 接下来就可以上传你的代码了，在github下建自己的Repository。Create a New Repository如下：
Repository name:通常就写自己自己要建的工程名。
Description：就是你对工程的描述了。
选择Public。
点击 “Create repository”,出现如下图：
复制这个网址，打开sourceTree
6 :打开后点第一个
生成如下在界面
点击Clone 如图说明克隆成
点击 show in finder 后把我们创建的项目复制进去（是复制里边的所有文件）如图
按顺序点击1-2-3 出现下图 圆圈是填写这次修改了哪些东西 之后点击右下角commit
点击后 出现下图 点击pull 然后点击OK就可以轻松的把项目上传到github了 。
打开github后查看如下图片就说明成功了

如何创建github.io页面

github pages有两类：
你如果起个名为chendell.github.io的repository, 那么他的master分支上的文件就能在chendell.github.io的根目录访问到。
而如果是其他的repositories，比如这个repository名字叫node，那么建一个gh-pages分支，该分支下的文件就能在chendell.github.io/node/下访问到。
1. 门槛：需要理解 Github 的工作方式，熟悉 Github 客户端，熟悉 Html 与 CSS；
2. 不妨一边开始写静态模板，一边了解 Jekyll 布局所用到的 Liquid Tag，磨刀不误砍柴工；
3. Jekyll 博客，可以看作是一套文件结构，通过 Jekyll 程序编译成静态网站。如果不熟悉命令，完全可以不安装 Jekyll，只需按照要求的格式创建文件后再上传到 Github，然后访问主页就可以了，因为 Github Pages 便是由 Jekyll 驱动的，或者直接使用 Jekyll-Bootstrap 的结构；
4. Jekyll 的文件结构大概可以这样分：配置文件 _config.yml，布局文件 _layouts，模块文件 _includes，插件 _plugin，文章 _posts，其他文件（不以下划线开头的文件及文件夹都会完整的拷贝到生成的静态网站中，比如 CSS 文件、图片等），以及将会生成的静态站 _site；
5. Jekyll 命令很简单，先使用 cd 命令进入目标文件夹，然后输入 jekyll --server 生成网站，浏览器中输入 0.0.0.0:4000 访问生成的静态网站，jekyll --server --auto 命令将开启实时更新，修改文件后在浏览器中刷新就可看到效果，对本地调试很有帮助；
6. Github Pages 禁用所有插件，需要使用自定义插件，只能上传生成的网站文件 _site，或者试试 这个办法 ;
7. 想写草稿不想被编译？创建一个以下划线开头文件夹就会被忽略，例如在 _posts 下创建 _drafts 存储草稿；
8. 默认的 Markdown 引擎问题很多，建议替换成 RDiscount。

如何在github上托管静态网页

创建一个项目，命名比较特殊，格式：在Github注册的用户名.github.com
在这个项目下点击Setting
再点击Automatic page generator
最后点击public page，第一阶段大功告成。以下是成功提示。
Your user page has been created a

如何将静态网页部署到github

1.在github上新建一个仓库

2.填写仓库的名字，勾选public和Initalize this repository with a README.并点击创建。在这里我创建的名字叫test

3.点击Upload files

4.出现以下页面点击choose your files开始选择上传文件，文件上传后会显示在列表里。最后点击下面的绿色按钮Commit changes

5.页面上传完成出现如下页面

6.点击步骤5中最上面Settings，在Settings里设置GitHub pages，打开如下图1，如图2中选择Source，点击Save.结果如图3，图3中的地址即为静态页面的预览地址。

怎样在GitHub免费创建网站和域名

工具/材料

电子邮箱账号

• 01

  通过搜狗搜索GitHub，进入到这个官方网站，这个网站的性质是全世界最大的极客交流平台，点击【sign up】进行账号注册，如果已经有了账号，可以点击【sign in】进行登陆。。

• 02

  注册的时候需要填写这个用户名，电子邮箱和密码，电子邮箱填写自己正常使用的，因为到后面需要进行邮箱验证。密码需要复杂，包括字母和数字才能设置成功。

• 03

  GitHub这里有免费版和会员版，普通用户点击第一个免费版本就可以正常使用建站功能了。

• 04

  然后是一个问卷调查表，主要就是了解一下你的编程水平、自己的身份和注册的目的。

• 05

  注册完成后会跳转到下面的界面，点击【start a project】，意思是创建一个项目

• 06

  在这里需要验证邮箱地址才能创建成功，这就是之前告诉大家注册的时候要使用自己常用的邮箱的原因。

• 07

  打开自己的邮箱，登陆账号，点击邮箱中的【verify your email】，就会再次跳转到GitHub官网

• 08

  这里我们点击创建项目就可以正常创建了。

• 09

  在仓库中进行命名创建一个仓库，仓库用于存放网页的代码，网页的素材，可以交权限设置为共享，或者是建私人可见。

• 10

  创建成功之后呢，有一行选项卡，点击最后一个【setting】

• 11

  界面向下滚动，找到【GitHub pages】，点击下面的主题，【choose a theme】

• 12

  这里，我们就选择第一个主题，主要差别就是背景。

• 13

  之后在代码也可以看到自己的用户名以及这个仓库名，代码在中间部位可以进行。

• 14

  那我们这个网站的网址是什么呢？我们再次点击【setting】

• 15

  同样找到【GitHub pages】，在下面就会出现自己的网站域名，点击即可进行访问

• 16

  这里就可以看到我们之前选中的主题，大概就是下面的这个样子。

• 17
• 18

  修改代码需要点击下面的保存修改，然后进行提交，在界面底部有一个绿色按钮，点击即可。

• 19

  然后我们再访问自己的网站，使用F5刷新 ，如果你网页修改的篇幅比较大，它这个服务器会有缓存的时间需要稍微等待一会儿才会在网页上显示。

• 20

  怎样将网页分享给别人？
  我们创建域名，设计网页不是为了给自己看，需要通过一定的方法将网页进行分享，这里可以使用下面图片中的工具将网页，用二维码分享给别人。

• 21

  选中转化网址，将网页粘贴过来，点击生成二维码

• 22

  二维码的样式可以修改，最主要的是可以将其下载下来。

• 23

  之后我们就可以将这个二维码，通过QQ，微信等方式分享给好友，让我的网站得到充分的传播。

特别提示

代码修改后不会立即同步，需要稍等。