用GitHub做一份精美的在线简历

(1) 2024-09-04 10:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
用GitHub做一份精美的在线简历,希望能够帮助你!!!。

1 前言

我们之前介绍了很多GitHub的酷炫功能,为了方便理解这篇文章的内容,建议阅读之前的文章回顾基本的GitHub操作知识:

  • 一行代码都不写,教你使用Github
  • Git常用命令一览
  • GitHub也可以很好玩

在这篇文章里,我们将介绍如何使用GitHub制作在线简历、打造一个所有人都能访问的网站展示自己。

2 制作在线简历

2.1 下载示例代码

本示例采用Bootstrap的模板,请前往BulletTech的官方GitHub账号里找到Resume仓库[1]下载示例代码。

用GitHub做一份精美的在线简历_https://bianchenghao6.com/blog__第1张

BulletTech的Resume仓库

需要修改的代码存在/home/index.html里:

用GitHub做一份精美的在线简历_https://bianchenghao6.com/blog__第2张

主页源代码

2.2 修改示例代码

下载了源码之后,可以在本地双击index.html进行实时预览,对照着网页内容使用ctrl/command + F查找然后修改对应的元素,网页刷新后则会显示最新的内容,也可以修改CSS(home/css/styles.css)和其他部件进行深度定制。

用GitHub做一份精美的在线简历_https://bianchenghao6.com/blog__第3张

本地预览简历

2.3 上线简历

创建一个自己的GitHub仓库,并将改完后的代码提交到自己的仓库中。在网页上查看确保完整的代码被上传。然后激活GitHub Pages功能,默认状态下,选择master/main分支下的root即可,点击对应的URL就可以访问你自己的简历了。

用GitHub做一份精美的在线简历_https://bianchenghao6.com/blog__第4张

设置GitHub Pages

3 总结

GitHub的使用小技巧又增加了一个,欢迎参照上述步骤制作自己的在线简历。BulletTech的示例简历[2]可以访问https://bullettech2021.github.io/Resume/home/进行查看。

希望这次的分享对你有帮助,欢迎在评论区留言讨论!

参考资料

[1] BulletTech的Resume示例代码: https://github.com/BulletTech2021/Resume

[2] BulletTech示例简历: https://bullettech2021.github.io/Resume/home/

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

上一篇

已是最后文章

下一篇

已是最新文章

发表回复