Github-page之个人网页构建

最新推荐文章于 2022-05-13 13:46:21 发布

法研鲁迅

最新推荐文章于 2022-05-13 13:46:21 发布

阅读量480

点赞数

分类专栏： Github 文章标签： git github github-desktop 个人网页

本文链接：https://blog.csdn.net/peng_9/article/details/77187580

版权

Github 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Github-page之个人网页构建

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

创建新的 repository。按图示第一步往下走，点击”Create repository“按钮创建。
上一步之后浏览器会自动刷新界面，生成新的项目界面。如下所示：

如图所示点击 Setting ，在新生成的界面中，向下拉，直到看到 GitHub Pages 设置部分。将其设置为下图所示样式。再第二步刷新之后可以看到GitHub Pages 设置部分新出现了如下图所示个人公共页面链接：

点击下，就可以看到设置的项目名称与描述（前提是你在第一步设置了此项）；
使用Github Desktop 软件将本项目从网页中克隆下来。

依次点击软件中的“File” → “Clone repository” ，在弹出的界面中，输入项目地址，与要保存的本地位置。确认之后在本地目录可看到创建的项目名文件夹。
将个人网站文件复制到上步项目保存的文件夹中，打开 Github Desktop 软件中的本项目，可以看到如下图所示（内容不尽相同）：

输入 Summary（摘要）与修改描述。点击按钮Commit to master，之后在本软件的头部，Fetch origin会发生变化：

点击它-Fetch origin板块。等待Pushing to origin完成。
最后，等完成之后，在第二步中生成的链接后加入上传的 .html 文件全名（包含文件后缀）如https://frankwang1991.github.io/wang-resume/index.html,便可以查看啦。
欢迎查看我的简历，希望各位大神能提出宝贵的意见。