github怎么搭建网页(怎么用sourcetree在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账号,可以使用githubpage作为自己的网站,比如发布一些博客或者文章什么的,同时还支持绑定域名。
如果有自己的服务器,比如阿里云或者腾讯云,可以自己基于Hexo这种搭建一套网站,具体的搭建步骤网上教程很多,可以直接搜索下~
github 怎么搭建博客
如何用github搭建个人网站
下面讲述详细步骤。
点击我们的个人网站项目设置选项卡,滚动到下面,就会发现一个自定义域名卡片。输入我们前面在GoDaddy上买的域名,然后点击保存,如下图所示:
接着我们还要将我们的域名解析到这个个人网站项目上。打开GoDaddy域名管理页面。点击右上角设置图标,点击管理DNS按钮。进入到DNS管理页面,如下图所示:
接着,点击添加一条域名解析记录,之前GoDaddy自动添加的没用的解析可以全部删掉,主机填写www,代表你是一级域名来访问,指向填写YOUR-GITHUB-USERNAME.github.io,然后点击保存按钮。稍等片刻,域名解析就会生效,如下图所示:
访问你的域名
所有这些步骤做完之后,在浏览器里输入自己的域名,回车键一按,就会返回我们刚刚上传到GitHub的index.html页面了。
这里只是入门了GitHub搭建个人网站的功能,GitHub官方推荐Jekyll博客系统来发布自己的页面。以后有数据更新,都可以通过Jekyll来重新编译整个网站。

本文相关文章:
adobe acrobat 9 pro下载(如何将有多个选择页面的网页保存为PDF文件谢谢!)
2026年8月6日 09:20
html跳转另一个网页的代码(html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个页面)
2026年7月8日 08:40
更多文章:
看房网房产端口发布的房源有效期是多久?怎样在58同城查找租房信息
2026年10月10日 22:20







