什么是github

GitHub是一个在线软件源代码托管服务平台,使用Git作为版本控制软件,至于什么是git,后续我会讲到,现在先不需要弄清楚。

github允许你创建和访问保管中的代码以外,它也提供了一些方便社会化共同软件开发的功能,如对软件代码的改动和bug提出评论等。

这里我们只需要用到fork和action功能,即可建立属于自己的仓库。

注册

访问github,点击右上角的sign up,在Enter your email中输入你的邮箱,qq邮箱即可。

然后按照要求,输入自己的昵称、密码,并通过验证。

我们选择免费版即可,付费版的用不上。

fork仓库

登录进去后点此,然后点击右上角的star,然后点击fork,star相当于关注此仓库,fork相当于把这个仓库克隆到自己本地一份。

点击fork后会跳转到一个页面,这里在Repository name一定要按照:昵称.github.io去做,在我这里即:shuangxunianTest.github.io

然后在Description中写入描述,个人博客即可。而后请不要勾选Copy the main branch only,这句话的意思是会把我仓库里所有分支的代码克隆到你的仓库里,这个是需要的。

然后点击create fork即可,页面跳转即代表fork成功。

配置仓库

fork成功后会出现一个提示:Your main branch isn't protected。点击右边的按钮:Protect this branch,下滑直接点击create即可。

点击setting,在左侧中找到Pages并点击,在右侧的Branch里面点击None,选择html,然后点击save。

然后点击action,会发现有一个pages build and deployment,并且前面有黄色的点,这就证明你已经开始触发部署博客了,等它变成绿色的钩,就证明你已经部署成功了~然后访问昵称.github.io,可以正常访问了,就可以进行下一步了。

修改代码

点击code,点击_config.yml,点击右上角的铅笔,将第6-10行代码改成你自己的信息,如:

title: 霜序廿的个人博客
subtitle: ''
description: 记录自己的成长
keywords: 前端,机器学习,nlp
author: 霜序廿

点击commit changes,然后再点击code,点击右侧<>code,clone下边的HTTPS下是一个链接,右边是复制按钮,直接点击复制,

点击_config.yml,点击右上角的铅笔,下滑到106行,将代码仓库的汉字改成你的代码仓库:

repo: https://github.com/shuangxunianTest/shuangxunianTest.github.io.git

点击commit changes,然后再点击code。

点击themes/kaze,点击_config.yml,点击右上角的铅笔,将第6-10行代码改成你自己的信息,如:

title: 霜序廿的个人博客
author: 霜序廿
logo_img: https://q2.qlogo.cn/headimg_dl?dst_uin=2749909223&spec=5
author_img: https://q2.qlogo.cn/headimg_dl?dst_uin=2749909223&spec=5
author_description: 一个喜欢算法的小前端

这样的好处就是你以后换qq头像,你的博客会跟着一起换。

然后将201行换成你的个人仓库,注意这里没有.git的尾缀,不要添加错:

editedArticle:
enable: true
repo: https://github.com/shuangxunianTest/shuangxunianTest.github.io

点击commit changes,然后再点击code,点击themes/kaze,点击layout,点击post.ejs,点击右上角的铅笔,将第19行的server改成main

点击commit changes,然后点击action,等待pages build and deployment出现绿钩。

然后回到你的博客,点击刷新,你会发现所有需要改变的东西都换成自己的信息了。

然后我们测试一下,点击关于markdown的基础语法,点击编辑原文,然后随便在末尾加点东西,然后点击commit changes。点击action,可以正常运行,等待pages build and deployment出现绿钩,在回到原页面,刷新文档,发现自己的内容已经出现在页面上。

恭喜你,你的博客部署成功!

强调

这里的代码、内容所有人可见,一定不要发涉及到自己隐私的内容。

关联

视频