github pages 怎么通过github和jekyll创建个人主页

github pages 怎么通过github和jekyll创建个人主页
第一步在github中创建新仓库,仓库名为:用户名.github.io,在这里插入图片描述
在这里插入图片描述
点击Creat repository后,在弹出界面复制地址。在这里插入图片描述
这一步之前大家要安装好git啊,怎么安装的大家可以参考这篇博客https://blog.csdn.net/xx_ay/article/details/83443675,安装好后,在桌面新建一个文件夹,双击打开,点击鼠标右键,选择git bush here,等待两秒钟,在命令栏中输入get clone +你刚才粘贴的地址,回车。然后你就会发现本地仓库里出现了你在Github里新建的远程仓库。
在这里插入图片描述
双击进入刚才下载好的hellosmall…文件夹下,右击选择git bush here,然后进行初始化操作,$ git config --global user.name “Your Name”
$ git config --global user.email "[email protected]"
(主要是为了和远程仓库链接第一行是用户名,第二行是邮箱号,具体参考下图)
在这里插入图片描述
然后,大家可以打开这个网址http://jekyllthemes.org/选择一个你喜欢的模版下载了。我瞅着这个紫色的模版很不错,就选它了(里面的一些模版我试过,会出现乱码,多选几个试一下可以)
在这里插入图片描述
选好模版后,下载解压,选中下图这些文件,复制粘贴到刚才在桌面上新建的文件夹中(注意要将桌面文件夹打开至出现隐藏文件夹init,将选中文件粘贴到init同级文件夹下)
在这里插入图片描述
粘贴后是这样的
在这里插入图片描述
在init同级文件夹空白处点击鼠标右键,选择git bush here,然后依次输入git add .(将文件由工作区提到暂存区,别把add后的点拉了) , git commit -m’随便写点什么’(由暂存区提到仓库)
, git push (推送到远程仓库,执行这步在github里就可以看到文件更新了)在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
进入你的github仓库主页刷新一下,看看是不是多出了好多文件呢(鼓掌,撒花),至此,你的主页设计基本完成了,直接搜索(http://hellobigorange.github.io,smallorange的做完后删了。。)即可进入你的个人主页。在这里插入图片描述
最后呢,大家在主页仓库中可以点击各种md文件对模版进行修改,得到自己满意的github主页了。
下面就是我做完的github主页了,挺粗糙的。
在这里插入图片描述
(我啥时候能做出个好看的主页呀。难道还要学jekyll吗。。内心拒绝。,先凑合用这个吧)
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_34229228/article/details/86437319