个人主页网站源码分享,个人页面源码

各位老铁们好,相信很多人对个人主页网站源码分享都不是特别的了解,因此呢,今天就来为大家分享下关于个人主页网站源码分享以及个人页面源码的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!

1前言

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

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

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

2制作在线简历

2.1下载示例代码

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

BulletTech的Resume仓库

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

主页源代码

2.2修改示例代码

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

本地预览简历

2.3上线简历

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

设置GitHubPages

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/

关于个人主页网站源码分享到此分享完毕,希望能帮助到您。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平