WEB前端实训(Day05)

阅读数: 次 2020-09-04

今天是WEB前端实训的第五天。今天的任务是写一到两个子页面，检查一下文件并上传到Github仓库。

首先简单写一两个子页面，我写的是旅游和美食两个子页面。这两个页面均使用了jQuery技术来实现，旅游页中对图片设置了鼠标移入放大、移出缩小的效果；美食页使用了简单的轮播图。

然后检查一下文件，确保路径和文件名称无误。在浏览器中打开Github官网。点击右上角”+”，选择New repository。设定存储库名称为2020-webPracticaltraining。描述内容为2020年WEB前端综合实训。选择Public公共上市。点击Create repository成功创建存储库。

右击根目录文件夹选择Git Bush Here 使用git命令 git init 初始化一个新本地仓库，它在工作目录下生成一个名为 .git 的隐藏文件夹。该文件夹默认包含 config文件（包含配置选项），objects目录（存储所有Git的数据对象），HEAD文件（指定当前分支），info目录（存放项目信息，默认包含一个全局exclude文件，用来放置不希望记录在 .gitignore 中的忽略模式），descripition文件（仅供GitWeb程序使用），hooks目录（存放可在某些指令前后触发运行的钩子脚本（hook scripts）,默认包含一些脚本样例），refs目录（存储各个分支指向的目标提交），branches目录（分支目录）。

接着运行 git add . 命令，将文件提交到本地仓库。

运行 git commit -m “提交” 命令提交到版本库。

运行 git branch -M master 提交到master分支。

运行 git remote add origin https://github.com/yourname/2020-webPracticaltranining.git 链接到Github仓库。

最后运行 git push -u origin master 命令，将本地仓库的文件推到Github上。

刷新Github仓库页面，可以看到本地仓库的文件已经上传到Github上了。

为了访问页面，点击Settings，向下滚动页面，找到Github Pages，选择None为master，点击Save保存。这时Github Pages上就会显示一个链接，该链接就是网站的链接。能正常访问。

附上链接：

1
2

1. 博鳌网：https://yancyqi2002.github.io/2020-webPracticaltraining/ ；
2. 移动端页面：https://yancyqi2002.github.io/2020-webPracticaltraining/任务九%20利用HTML5技术制作移动端页面/index.html ;