如何使用Github pages免费搭建Blog

in 网站建设
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

使用Github pages免费搭建Blog

官网即教程,写得很明白的

https://pages.github.com/

开始教程之前的准备工作:

1、需要你自己写的网页文件,如:例子中为一个index.html,你可以使用更丰富的完整文件。

2、注册Github。

3、下载安装git。

教程开始:

步骤一:

登录到Github上,新建一个repo,命名为blog,勾选 initialize this repository with a README,点击create repository。

图片描述

步骤二:

打开settings,有一个Github Pages 的设置,点击 source 中的本来的 None ,使其变成 master 分支,也就是作为部署github pages 的分支,然后点击 save。页面刷新之后,再看 github pages 设置框处,多了一行网址,就是你的 github pages 的网址了。

图片描述

步骤三:

点击这个链接:
https://jiaxinyi.github.io/blog/
这时候是一个空白页面,因为我们什么都还没有添加。

但是,到这一步我们就有了自己的在线blog了,接下来需要使用git将它复制到本地,进行后面的修改提交。

步骤四:

打开此电脑,选择一个盘,比如 E 盘,右键空白处点击 git bash here

步骤五:

输入如下命令,用来在 E 盘创建 blog 文件放你的github上的blog repository,克隆blog repository到 blog 文件中。
git clone ~

图片描述

这个时候你的 E 盘,就会多一个 blog 文件,打开它,会看到一个 README.md 的文件,这个文件是从哪来的呢?追溯到gihub上,你会发现 README 文件是来自 master 分支。

步骤六:

将自己的网页文件复制粘贴至 E 盘的 blog 文件中

图片描述

步骤七:

首先输入 git status 列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,也就是所有改动文件,红色字体标出。

然后输入 git add . (有个点) 表示添加当前目录下的所有文件和子目录,

然后 再输入一次 git status 如果看见文件都变绿了 ,那么就代表 它们已经准备好了被提交(git commit)。

步骤八:

输入git pull,将你的文件上传至远程 master 分支

输入最后一行 git push,按回车,等一会,会有弹出框让你输入你的 github 账号和密码。

图片描述

最后一步:

打开浏览器输入给你的网址加上你上传的 html 文件名 index.html,然后重重的按下回车

图片描述

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.