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

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

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

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文件→git→Add，此时文件名变绿，代表他们处于暂存区
  

• 右键static文件→git→commit....
  
  检查新文件是否都被选中，检查无误后点击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…
以及：