如何在git上搭建个人静态网页(简单易懂,包学习会)

很多前端开发人员都和我一样,有建立个人博客的习惯。自己租用服务器需要一笔不大不小的开销。我们可以选择把自己的页面代码托管到github上,用它来建立自己的个人主页,和放置各种博客笔记.但是小白们往往很懵懂,不知道如何建立一个github展示页面。


注册github个人账号并且新建一个respository命名为myblog

1.注册账户我早早已经注册好了,相信稍微懂点英语的都可以搞定
如何在git上搭建个人静态网页(简单易懂,包学习会)_第1张图片

2.创建仓库
如何在git上搭建个人静态网页(简单易懂,包学习会)_第2张图片


把项目pull到本地进行编辑这里我用的是git bansh命令行同志们可以去下载一个命令行工具

1.在本地新建一个文件夹并且初始化为git仓库

$ git init blog

2.进入文件夹配置远程主机

$ cd blog
$ git remote add origin https://github.com/liyu2012/myblog

3.pull仓库到本地进行编辑

$ git pull origin master

本地编辑自己的index.html文件并且push服务器

因为我们要在项目主目录下放置src文件(我们自己编写的源代码文件),为了和最后生成的最终文件进行区分。我们把将要展示的页面放置在docs文件夹下面。
文件目录如下如何在git上搭建个人静态网页(简单易懂,包学习会)_第3张图片
1.假设我们写了好了一个个人博客的html,提交到本地仓库,然后我们把它推送到github仓库master brantch中

$ git add .
$ git commit
$ git push origin master

在仓库setting设置个人展示页面

1.点击settings>Github Pages

图片描述
2.选择一个源选择docs>save
如何在git上搭建个人静态网页(简单易懂,包学习会)_第4张图片
3.点击上面生成的链接

https://liyu2012.github.io/my...

这样一个个人主页我们就建立好了

你可能感兴趣的:(git,github)