如何在GitHub部署自己的个人网站
前段时间在B站学习了怎样做一个静态网页(up主是 表严肃 ),朋友问我他能不能访问我的这个静态网页,我说还没把它挂到网上。今天看见一篇文章说可以在GitHub部署自己的个人网站,心血来潮,想做一个玩玩,把上次的静态网页挂上去,让朋友来访问。网上教程一大堆,视频也一大堆,但没几个能看懂,我跟着做了几步就做不下去了。后来发现,其实很多是在教怎样搭建博客,这和我想把网页部署上去有点的区别。我想可能会有人和我一样只是想把网页部署上去,所以在此写一篇博文,记录下过程,方便大家。先感谢下让我解决问题的博主,本文是以她的文章为参考而写。
准备工具:1.GitHub 2.Git 3.自己写好的HTML网页
1.GitHub需要注册,到哪里注册呢?自己百度GitHub吧。全是英文,看不懂?那我推荐个B站的GitHub的教学视频,https://www.bilibili.com/video/av10475153/ 建议从第18分钟看起,前面讲的太啰嗦。
2.Git的下载和安装,地址:https://git-scm.com/,下载需要VPN。VPN我用的是蓝灯,它有免费版。Git怎样安装呢?B站的视频, https://www.bilibili.com/video/av10475153/#page=6 ,看这个视频应该够了。因为我看了很多博客,还配置了环境变量,所以不确定,
3.自己准备写好的HTML网页。
开始进入主题
1.进入GitHub,创建一个repository,见图
2.完成选项后点击绿色框create repository
3.点击setting
4.找到GitHub pages,点击none,选择master branch,然后save保存。
5.save保存成功,网页自动刷新,你再次回到GitHub pages,红线部分是你的网址。
6.打开我的电脑,在一个你认为OK的磁盘中,我是F盘,鼠标右击选择 git bash here,弹出黑框框。
7.输入如下命令,用来在 f 盘创建 aha 文件(随意取名)放在你的GitHub上的test1 repository,克隆test1 repository到aha文件中
8.这时你可以看看aha中是否有这文件
9.将自己写好的网页文件放入aha中的test1中
10.回到黑框框,执行以下命令
11.注意add 后面有个空格再加一点,我第一次输入就忘了
12.在输入最后一行命令git push后,等一会可能会跳出需要你输入GitHub账号密码的框,由于我瞎搞时输入过,所以在此没有图,
13.在浏览器中打开新窗口,输入GitHub pages给你的地址,再加上你上传的网页文件中的主html文件,就可以访问你的网站了。其实直接输入GitHub pages给你的地址也可以
-----***---
-----***---
如何在GitHub部署自己的个人网站的更多相关文章
- 三步教你如何在Github部署自己的简历
相信铁子们有很多都是将找工作的小白(和小编一样!!嘿嘿)小编也和在座的大家一样,一个普通的不能再普通的二本学生(北华大学) < 单身!单身!单身!> 听很多人都说:像我们这个样子,害!放 ...
- 使用 GitHub / GitLab 的 Webhooks 进行网站自动化部署
老早就想写这个话题了,今天正好有机会研究了一下 git 的自动化部署.最终做到的效果就是,每当有新的 commit push 到 master 分支的时候,就自动在测试/生产服务器上进行 git pu ...
- 如何在github上部署自己的前端项目
很多时候我们想需要一个地址就可以访问自己的前端作品, 但是注册一个服务器和域名是需要花钱,很多小伙伴都不愿意, 其实这种前端静态页面github就可以帮我们预览其效果,而且只要在有网的情况下都可以访问 ...
- 如何在GitHub上大显身手?
推荐一篇良许大佬的文章,如何在github上大显身手.拥有自己的github,且有所贡献,这是一件很有意义的的事情,在面试上也是加分项哦,赶紧搞起来. 转载至http://uee.me/aHAfN 这 ...
- 如何在 GitHub 建立个人主页和项目演示页面
Git.GitHub.TortoiseGit ?http://www.cnblogs.com/guyoung/archive/2012/02/18/8030-.html GitHub Github官网 ...
- 如何在 GitHub 上高效阅读源码?
原文链接: 如何在 GitHub 上高效阅读源码? 之前听说过一个故事,一个领导为了提高团队战斗力,把团队成员集中起来,搞封闭开发,重点还是在没有网的条件下. 结果就是一个月过去了,产出基本为零. 我 ...
- 关于如何在github上创建团队开发环境
今天想写个如何在github上创建团队开发环境的博客.送给那些还不知道如何在github上创建团队开发环境的开发人员. 1.首先,当然你要有个github的账号.具体怎么注册我这里就不说了.可以上gi ...
- 如何在github下载开源项目到本地(Coding iOS 客户端为例)
一.前言 以 Coding iOS 客户端 为例讲解如何在github下载开源项目到本地 github地址:https://github.com/Coding/Coding-iOS 二.分析 根据项目 ...
- 在没有安装有mvc3的主机上部署asp.net mvc3网站,需要包含的DLL文件
原文:在没有安装有mvc3的主机上部署asp.net mvc3网站,需要包含的DLL文件 http://hi.baidu.com/aspxdiyer/blog/item/5515a69943232f1 ...
随机推荐
- android中常见的内存泄漏和解决的方法
android中的内存溢出预计大多数人在写代码的时候都出现过,事实上突然认为工作一年和工作三年的差别是什么呢.事实上干的工作或许都一样,产品汪看到的结果也都一样,那差别就是速度和质量了. 写在前面的一 ...
- iOS不同版本号适配问题(#ifdef __IPHONE_7_0)
部分參考http://www.cnblogs.com/ios8/p/ios-version-com.html 以下举个简单的样例来说明在iOS7.0和iOS6.1(以及更低版本号)之间的适配问题(用的 ...
- hdu4861 Couple doubi---2014 Multi-University Training Contest 1
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4861 Couple doubi Time Limit: 2000/1000 MS (Java/Othe ...
- Android基础新手教程——3.4 TouchListener PK OnTouchEvent + 多点触碰
Android基础新手教程--3.4 TouchListener PK OnTouchEvent + 多点触碰 标签(空格分隔): Android基础新手教程 本节引言: 如题,本节给大家带来的是To ...
- mysql查询count
Every derived table must have its own alias 每个派生出来的表都必须有一个自己的别名 一般在多表查询时,会出现此错误. 因为,进行嵌套查询的时候子查询出来的的 ...
- Selenium webdriver-UI Element定位
转:http://blog.csdn.net/jillliang/article/details/8206402 1.创建Fixfox web driver实例 WebDriver driver = ...
- Eclipse打开ftl文件,高亮显示
解决方式一:下载eclipse相关的freemarker插件 解决方式二:原生解决方式,方法特点无需下载插件,和eclipse编辑html和jsp文件一模一样 步骤: 1:windows---pref ...
- SUSE glibc升级为2.18过程记录
先验知识:1.运行时,动态库的装载依赖于ld-linux.so.6的实现,它查找共享库的顺序如下:(1)ld-linux.so.6在可执行的目标文件中被指定,可用readelf命令查看(2)ld-li ...
- 将python的程序包装成windows下的service
使用python编写的脚本应用程序,在运行的时候需要有python的运行环境,但是我们肯定是希望整个python程序能够像应用程序一样打包生成一个包括其运行环境的exe文件包,这是第一步,但是要想使用 ...
- virtualbox 安装虚拟机(centos7) 并映射本地文件夹至虚拟机(增强工具)
一.安装环境 操作系统:windows10 virtualbox: 5.2.20 (在安装virtualbox 时可能需要 进入BIOS 设置虚拟化系统启动) centos7:http://mirro ...