Github入门(二)添加一个静态网站并更新仓库

news/2024/5/10 22:45:12/文章来源:https://blog.csdn.net/ChenJ_1012/article/details/120750680

Github入门(二)添加一个静态网站并更新仓库

原理介绍:SpringBoot 项目中的web资源在src/main/resources下的文件夹static和templates 中。static 中放静态页面(*.html)和资源(图片等),templates 中放动态页面。静态网页内容可以不被SpringBoot项目代码中的@controller 拦截,直接用http协议返回至浏览器客户端。

文章目录

  • Github入门(二)添加一个静态网站并更新仓库
    • 1. 在IDEA项目中添加网站
      • 1.1 复制资源文件
      • 1.2 运行项目
    • 2. 将更新后的项目推送至仓库
      • 2.1 Add & Commit他们!
      • 2.2 进入Github查看是否更新

1. 在IDEA项目中添加网站

本次使用的IDEA项目文件是上篇文章Github入门(一):上传你的IDEA项目中上传的HelloSpring项目

添加一个之前写过一个简单的静态网站 CSS学习笔记 到项目中,该静态网站已经上传至Github,点击可以直接访问,或者到本人的Github仓库上进行下载:CSSNotes下载地址。

1.1 复制资源文件

  • 将资源文件全部复制粘贴到IdeaProjects\springboothelloworld\src\main\resources\static中去
    在这里插入图片描述
    可以看到IDEA中也同步获取了这些资源文件,而且为红色,表示是未推送到仓库的状态。
    在这里插入图片描述

1.2 运行项目

  • 运行项目,输入http://localhost:8080/index.html或者http://localhost:8080/[图片位置]。效果如下图所示:
    输入index.html
    在这里插入图片描述

欸,是不是非常好看?这是这篇不为人知的笔记第一次暴露在大众视野。

输入某个图片位置:http://localhost:8080/83883660_p15.png

在这里插入图片描述
欸,资源更新成功了,无疑验证了开头的原理,看来步骤很简单嘛!

2. 将更新后的项目推送至仓库

之前说过,在加入静态网站资源文件后,这些文件名在IDEA的资源管理器中变成了红色,即代表这些文件还没有推送到远程仓库中。

2.1 Add & Commit他们!

  • 直接右键static文件→gitAdd,此时文件名变绿,代表他们处于暂存区
    在这里插入图片描述

  • 右键static文件→gitcommit....
    在这里插入图片描述
    检查新文件是否都被选中,检查无误后点击Commit

  • 出现提示信息表示推送成功:
    在这里插入图片描述

2.2 进入Github查看是否更新

在这里插入图片描述

更新成果!此外,如果你遇到了Push failed: Unable to access之类的错误可以尝试以下方法:

  • 方法一:(一般情况)

执行下方命令即可正常push
git config --global http.sslBackend “openssl” 打开安全套接层协议,在Internet上进行秘密性传输
在计算机网络上,OpenSSL是一个开放源代码的软件库包,应用程序可以使用这个包来进行安全通信,避免窃听,同时确认另一端连接者的身份。这个包广泛被应用在互联网的网页服务器上。——百度百科“OpenSSL”

  • 方法二:(特殊)

用户名不对(不是github的),需要重新配置
查看当前配置
git config --list
修改配置(当前项目)
git config user.name “[name]”
git config user.email “[email address]”
修改配置(全局)
git config --global user.name “[name]”
git config --global user.email “[email address]”

其实看似一切按照教程上的步骤来做会很简单,但是总有坑藏在里面,比如文中提到的Push field,是因为一般情况下大家都没有打开SSL,这谁能想到呢?

参考文章:
Fred-X:Push failed Unable to access解决方法
轻松的风:Push failed: Unable to access ‘https://github.com…
以及:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_782947.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue添加html开启服务器_如何在Linux服务器部署自己的网站?

前提 突然想在腾讯云的服务器上部署一个markdown编辑器供自己使用,毕竟自己动手丰衣足食嘛。之前在我的服务器上已经部署过博客、一些静态网页了。但是很长时间没有去操作过了。借着这一次机会再把相关流程巩固一遍。准备工作 1、云服务器一台2、域名一个3、mac使用…

买网站服务器主要注意哪些问题,服务器之家谈谈购买网站空间有哪些注意事项...

网站空间好不好,网站空间是不适合我的网站,是不是空间越大的网站空间越好等等关于网站空间的问题一直缠绕着网站所有者或者即将建设网站的人们,今天服务器之家为大家分析购买网站空间到底要考虑注意哪些问题:1.根据你的实际需要购买合适大小的…

网站响应速度多少秒正常_中国裁判文书网须通过手机注册访问,某讼类网站或受影响!...

来自最高人民法院的消息说,9月1日,中国裁判文书网访问方式将进行升级,访问用户需通过手机号码验证的方式进行注册,注册登录后,可以照常进行文书查询、下载等操作。用户对裁判文书数据的访问权限和操作习惯不受影响。据…

java无法加载主类什么原因_网站无法获得流量的原因是什么?

您可以命名的每个在线业务都有一个目标:尽可能地增加销售额和利润。在在线环境中,这一切都从一个简单的过程开始:增加您网站的流量。从这个角度来看,如果你有一个在线网站,但你没有足够的流量,它会徒劳地消…

VisualSVN 钩子脚本实现网站自动更新

一、环境说明: (1)服务器端除了装VisualSVN Server服务器端外,另外再装TortoiseSVN(2)服务器端和客户端都checkout 下目录(3)注意:自动发布的钩子脚本,不支持…

fileupload控件上传图片_18.实现网站上选择本地图片并上传至服务器

功能介绍:本地选择照片上传至服务器。需要引入的 jar 文件:commons-fileupload-1.3.2、commons-io-2.5.jar。下载链接:commons-fileupload.x.x.jar 文件:http://commons.apache.org/proper/commons-fileupload/ commons-io-x.x.ja…

seo模拟点击软件_「SEO快排」-SEO快排的核心点是什么?

作为网站的站长或SEO都听说过快排这个关键词,那么你对快排了解多少呢?身为站长超过10年,这一回,SEO小土豆给你解释一下什么是快排关键字,快排的核心点在哪里?单击联系快排公司。关键字快排是什么&#xff1…

我与网站的日常-webshell命令执行

本文比较基础,其中有一个知识点关于php执行系统命令的函数 ,我们用最简单的webshell来说说传值问题的影响, 本文作者: i春秋签约作家——屌丝绅士 001前言: 小表弟又来写文章了,这次是一个新的发现&…

防沉迷解除网站php,游戏防沉迷系统名存实亡?

近期有网友反映,玩游戏时,经常碰到疑似未成年玩家:" 听声音就能判断,奶声奶气的。" 随即,一条名为 " 游戏防沉迷名存实亡 " 的话题登上微博热搜。如今,很多游戏厂商都推出了 " 未…

呵呵,今天偶然看到了我最早期的商业网站作品

偶然发现的,呵呵,看html源码,头几行还保留着我的MSN信息呢。^_^感觉很有意思。http://www.atoy-bag.com当是2003年暑假,我认识了一个很好的台湾老大哥,他的厂(当时叫汉翔)要做网站,呵…

​详解SEO优化中所使用的新浪博客站群

SEO优化的过程中网站的权重是关键词排名不可或缺的因素,为了提升网站的权重SEOer通常会利用第三方平台的高权重为SEO所用,今天给大家讲一个关于新浪博客站群的概念以及具体的操作方法。 顾名思义新浪博客站群分解开来通俗点来说就是新浪博客的集群&#…

网站高并发高性能必不可少的九种核心技术

要建成一个具有高并发高可用的一个网站必不可少的九种核心技术本文转自 探花无情 51CTO博客,原文链接:http://blog.51cto.com/983865387/2045994

阿里云ubuntu新手建站

新买的服务器选择ubuntu或者停止实例之后更换系统盘选择ubuntu之后,打开远程管理,提示login:后面加上用户名,开始为root。然后下面password:后面输入密码 格式化数据盘以及挂载数据盘 执行了上面操作后,运行…

在线音乐网站【04】Part two 功能实现

d.歌曲添加功能的实现 管理员或是被管理员授权的用户可以将自己喜欢的歌曲添加到在线音乐网站的首页排行榜中。如图7.5所示。 图7.5 歌曲添加 通过在ASP.NET页面定义标签中的错误属性,如下代码: Display"Dynamic" ErrorMessage"RequiredF…

配置虚拟网站主机

1 问题 本例要求以案例1的结果为基础,通过httpd网站服务器实现虚拟主机的支持,完成下列任务: 1)修改 /etc/hosts 文件,临时解决DNS名称识别问题 在文件尾添加“Web服务器IP地址 tts8.tedu.cn ne.tedu.cn”内容 2&#…

浏览器无法打开网页_IE浏览器无法加载网站时将自动跳转到Edge中打开

目前微软已经将开发重心放在基于 Chromium 的新版 Edge 浏览器上,而传统的 Internet Explorer 则逐渐被淘汰。也就是说,如果你当前使用的是 IE 浏览器,那么可以考虑切换到新版 Edge,毕竟后者是当前唯一受到用户欢迎的微软浏览器。…

wordpress page显示未找到页面_wordpress网站模板开发中,怎样创建自定义导航菜单?...

在前面的章节中,我们介绍了wordpress网站模板开发中,使用wp_list_pages()和wp_list_categories()这2个函数来创建基于page页面的导航菜单和基于分类目录的导航菜单。但是,这2种方式创建出来的菜单不够灵活,基于页面的导航菜单就添…

wordpress acf字段怎么全站调用_如何给WordPress网站设置CDN:Cloudflare教程

现在的网站动态效果越来越好,内容也越来越丰富。如果你的网站是针对全世界而不仅仅是中国,当世界其他地方的用户访问你的网站时,网站的加载速度可能会很慢。这可能会导致用户放弃访问你的网站。而且现在的网页平均大小是2MB,几乎是…

手机端使用ghelper_中小企业需要建设手机网站吗?三点时代趋势打消您的顾虑...

网络营销的低成本,没有几个企业不看中这种方式,同时也是时代的一种趋势,越来越多的企业建设起属于自己的手机网站,微网站等等,就是为了更好的营销,让潜在的顾客都被挖掘出来,增大企业的价值。但…

ios 微信浏览器 预加载_如何优化网站性能——资源预加载

一、什么是资源预加载当打开一个应用或者网址时,通常会有一个加载资源的进度条,资源加载完成后打开页面。这个过程其实就是资源预加载的一个过程。资源预加载是一种性能优化技术,我们可以使用该技术来预先告知浏览器某些资源可能会当前页面用…