如何在Github上创建可访问的静态网站

时间:2024-05-21 17:23:38

1、首先在 https://github.com  上注册一个账号(没有账号肯定是不行的)。

2、登陆你的账号新建一个项目(如下图)

如何在Github上创建可访问的静态网站

2.1、新建项目的注意事项:

如何在Github上创建可访问的静态网站

3、进入项目设置

如何在Github上创建可访问的静态网站

3.1、把项目推送到网站上

如何在Github上创建可访问的静态网站

3.2、然后会刷新页面(如下图标记一样的就表明已经推送成功)

如何在Github上创建可访问的静态网站 

 推送成功的地址:https://jackhhy.github.io/gyl.github.io/

3.3、在项目目录下新建一个index.html 文件 (随便写点啥)保存,然后访问推送地址就可以看到效果了。

如何在Github上创建可访问的静态网站

 

4、把自己本地写好的静态项目推送到新建的github项目中。

4.1、首先下载 git (https://git-scm.com/downloads   根据系统选择合适的版本),

安装流程(https://blog.****.net/weixin_34117211/article/details/87128504

4.2、在你本地已写好的项目中 

右键 Git Bash Here

打开命令窗口

开始执行

4.2.1、输入  git init  进行初始化。

4.2.2、添加远程仓库  git remote add origin  https://github.com/jackhhy/gyl.github.io.git(你项目的地址如下图)

如何在Github上创建可访问的静态网站

4.3、在本地Git命令行中设置绑定的邮箱

$ git config --global user.name "cnfeat"   //用户名

$ git config --global user.email  "[email protected]"   //填写自己的邮箱

 4.4、将项目文件添加到仓储

git add . ;

4.5、.将该项目进行一次提交

git commit -m "第一次提交";

4.6、将该项目推送到线上

git push origin master

5、访问 推送成功地址就可以了。

本人效果图:

如何在Github上创建可访问的静态网站

 

如有任何问题可以联系  [email protected]