昨天花了点时间,美化了下的我的GitHub主页和个人网站首页,本文就跟大家分享下我的实现过程,欢迎各位感兴趣的开发者阅读本文。
先跟大家展示下我最终实现的效果,在线体验地址:个人网站首页、GitHub主页。
效果图如下所示:
image.png
接下来,我们来看下具体的实现过程(为了方便起见,下属过程演示用的是我的小号)
首先,登录你的GitHub账号:
image.png
image.png
Create repository
按钮,即可完成仓库创建。我们创建完仓库后,进入自己的个人主页,即:github.com/你的用户名。
我们能看到的页面如下所示,红框圈起来的部分就是我们刚才创建仓库的README.md
文件里的内容。
创建仓库时,默认在README.md文件里添加了:Hi there 👋。
因此,我们只需要修改我们刚才创建的仓库中的README.md文件中的内容,我们的主页内容就会跟着更新。
CV
过来,修改修改就是自己的了,仓库地址:awesome-github-profile-readme。<details><summary><summary/></details>
标签。当我把自己的GitHub主页美化完成后,我还想把这些效果搬到我的个人网站首页去。一开始想着,找个markdown转html的工具应该就好了,于是试了几个在线转换的,转出来的效果都不理想。
我看了看美化后的整个GitHub主页,越看越舒适,有了一个念头,我直接把整个主页扒下来,改一改,这样就完美的拿到了我需要的东西了🤓。
那么,如何把这个网站的内容扒下来,我想大家应该都有自己的一套方法,这里我说下我的方法吧:
最后,跟大家看下我的个人网站首页界面(PC端和移动端):
image.png
image.png