博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
GitHub上搭建个人网站
阅读量:5939 次
发布时间:2019-06-19

本文共 1125 字,大约阅读时间需要 3 分钟。

hot3.png

大致如下步骤:

1、注册Git账号

2、创建SSH keys

3、新建repository

---

4、设置网站

5、clone库到本地

6、提交、上传

7、预览

本教程默认你了解GitHub的基础之上 会使用基本命令如果不了解 前三步可参考文章:

   

一、新建repository(仓库),如下

填写名称,描述信息 其他默认 然后提交即可。

二、设置网站

Create之后跳转新页面,点击右方Settings设置

在Options选项卡中我们找到GitHub Pages点击"Automatic page generator"

我们看到跳转的页面:

Project name:网站标题

Tagline:网站副标题

Body:网页源码

Google Analytics Tracking ID:搜索引擎抓取关键字

以上这些我们都可以自定义,暂默认即可。

填完后,点击"Continue to Layouts" 选择自己的博客主题

然后点击"Publish page"成功之后回到项目页面可以看到自动生成的一些文件

接下来我们就可以在浏览器中输入来预览一下

itmyline:用户名, blog:项目名

提示:404错误。稍等10分钟

PS:等了漫长的十分钟,刷新页面 我们blob的主页面就显示出来了。

(如果一直显示404,就要检查你是否验证邮箱了,如果没有,到你账户去进行验证)

可这个主页的内容和样式都不是我们想要的,如何破。我们可以上传我们自己的项目

下面以一个简单的Bootstrap网站模板为例...

三、clone(克隆)代码、修改

在任意盘根目录下(本例为D盘)把代码clone下来

$ git clone git@github.com:itmyline/blog.git

然后在D盘我们就会看到clone下来的代码

接下来把我们要上传的文件复制到此目录下

本例中新增了css、js文件夹及覆盖index.html

四、提交、上传

进入D\blog目录,右键Git Bash 打开命令行

$ git branch* gh-pages
查看当前分支为gh-pages

接下来:

$ git add .$ git commit -m "blog"$ git remote add origin git@github.com:itmyline/blog.git$ git push -u origin gh-pages

进入GitHub查看 我们新增的文件都出来了。

浏览器输入地址 即可预览我们搭建的网站。

OK,大功告成!

作者:

出处:

转载于:https://my.oschina.net/pangzhuzhu/blog/327193

你可能感兴趣的文章
Div+css 怎么让一个小div在另一个大div里面 垂直居中
查看>>
我要学习go语言!
查看>>
解决-修改SQL 2005 Express混合认证模式
查看>>
我的Java开发学习之旅------>银行业务调度系统
查看>>
Android eclipse 程序调试
查看>>
请听一个故事------>讲述一段失败的创业经历 ,希望你能从中受到启发
查看>>
详解连接SQL Server数据库的方法,并使用Statement接口实现对数据库的增删改操作...
查看>>
js组成之dom_dom对象样式操作及运用
查看>>
jquery_jquery动态创建元素及应用
查看>>
[转载]Windows 2012 R2安装SharePoint 2013 手动安装工具软件
查看>>
Filter学习(三)Filter(过滤器)常见应用
查看>>
Algs4-2.1.20希尔排序的最好情况
查看>>
a letter and a number
查看>>
图解HTTPS
查看>>
哇哦!恍然大悟般的“share”功能的实现!
查看>>
Java MVC设计模式
查看>>
ASP.NET文件下载详细步骤
查看>>
数据分析的能力体系和进阶路线
查看>>
深度探索区块链/基于数字证书的成员管理服务(8)
查看>>
求和问题(DFS)
查看>>