Github-page之个人网页构建

Github-page之个人网页构建

在网上看到有使用Github创建个人博客的，学习前端这么久就想自己使用GitHub-page创建自己的简历界面，在网上查了查相关的教程，基本上都是Github与Git 软件配合以创建个人博客为主，没有多少使用Github Desktop软件配合的。所以就将自己利用 Github-page 与 Github Desktop
软件连同制作自己个人简历在线版的过程写下来。同理，也可以按照此方法，制作自己的博客等相关网页。

1. 创建新的 repository。按图示第一步往下走，点击”Create repository“按钮创建。

   

2. 上一步之后浏览器会自动刷新界面，生成新的项目界面。如下所示：

   
   如图所示点击 Setting ，在新生成的界面中，向下拉，直到看到 GitHub Pages 设置部分。将其设置为下图所示样式。再第二步刷新之后可以看到GitHub Pages 设置部分新出现了如下图所示个人公共页面链接：
   
   点击下，就可以看到设置的项目名称与描述（前提是你在第一步设置了此项）；

3. 使用Github Desktop 软件将本项目从网页中克隆下来。
   
   依次点击软件中的“File” → “Clone repository” ，在弹出的界面中，输入项目地址，与要保存的本地位置。确认之后在本地目录可看到创建的项目名文件夹。
4. 将个人网站文件复制到 上步项目保存的文件夹中，打开 Github Desktop 软件 中的本项目，可以看到如下图所示（内容不尽相同）：
   
   输入 Summary（摘要）与修改描述。点击 按钮Commit to master，之后在本软件的头部，Fetch origin会发生变化：
   
   点击它-Fetch origin板块。等待Pushing to origin完成。
5. 最后，等完成之后，在第二步中生成的链接后加入上传的 .html 文件全名（包含文件后缀）如https://frankwang1991.github.io/wang-resume/index.html,便可以查看啦。
   欢迎查看 我的简历 ，希望各位大神能提出宝贵的意见。