IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 使用github生成在线前端项目链接 -> 正文阅读

[开发工具]使用github生成在线前端项目链接

作为一个前端小白,一开始是想面试的时候可以让HR直观地看到我的前端项目(虽然也没什么好看的......),然后就在网上找方法可以怎么解决我的这个需求。直至昨天,参考各位大佬的笔记和博客,断断续续,摸索了好几天,总算有个自己的网址。

看到的方法大致如下:一、使用花生壳软件进行远程连接,但是IP地址不固定,要想固定的ip地址话,得花钱(本人扣扣搜搜的);二、买个阿里服务器(也要钱);三、使用github进行远程仓库展示出来。

第三个办法是今天要写的主要内容,因为也没有学习过github,所以从中也走了不少弯路,特此记下来一些比较有用的信息,供己学习,如果有误的地方,请指教。

本篇博文参考的地址:https://www.cnblogs.com/free-whale/p/10726654.html

https://blog.csdn.net/m0_37725003/article/details/80904824

其中,解决报错中遇到网络代理的问题:https://zhuanlan.zhihu.com/p/131366020

?前端文件里一定要有个叫index.html的文件名,第一次上传时,我用的是main.html导致打开就404了,好像github解析时是从index.html开始解析的。

?

?

1.安装git,傻瓜式安装就好,一路next下去,直至安装成功;

2.登录github网址:https://github.com/

3.创建自己的项目仓库,下拉“+”,选择:new respository,如图:

?

?4.填写项目名字,并且完成创建(图是偷的);

?

?5.切换到Code页面,圈起来的地址就是仓库地址,等下要用的;(图也是偷的)

?

6.打开自己想要上传的前端项目文件夹,右键,会出现一个 GIt Bash here,点击会弹出一个命令框;

7.像这样就打开了Git的对话框;

?

8.输入命令行;(这步挺像以前上学的时候学的Linux命令行的hhh)

  • 输入git init:在当前项目的目录中生成本地的git管理(会发现在当前目录下多了一个.git文件夹)
  • 输入git add .(有个.):将项目上所有的文件添加到仓库中,如果想添加某个特定的文件,只需把.换成自己特定的文件名即可
  • 输入git commit -m "first commit":对这次提交的注释,双引号里面的内容可以根据个人的需要进行修改(第一次尝试的话,还是跟着教程不改吧......不然等下又报错了)这里如果出现以下内容,则需要你输入自己的账号或名字:

    ?

  • 再次输入git commit -m "first commit"时 成功
  • 输入git remote add origin https://自己的仓库url地址(上面红圈圈住的地址): 将本地的仓库关联到github上
  • 输入git push -u origin master:把代码上传到github仓库

9.打开github的Settings找到左侧的Page,打开,将Source的Branch更改成master,之后Save;

这个时候就会发现当前页面已经生成一个网址链接了(绿色圈住那个)

ヾ(????)ノ"这个时候就可以用外网打开了哟

?

?

?

?

?

?

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-10-13 11:38:08  更:2021-10-13 11:39:16 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/23 15:04:24-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计