gitpage教程简洁版

Ps
这片的目的就是在没有什么基础的前提下,快速在git上搭建一个个人博客。
简单有效。

GitHub Pages是什么?

GitHub Pages 本用于介绍托管在 GitHub 的项目, 不过,由于他的空间免费稳定,用来做搭建一个博客再好不过了。

github Pages可以被认为是用户编写的、托管在github上的静态网页。

为什么选择GitHub Pages?

你为什么要用 github pages 来搭建?

1、github pages有300M免费空间,资料自己管理,保存可靠;

2、学着用 github,享受 github 的便利,上面有很多大牛,眼界会开阔很多;

3、顺便看看 github 工作原理,最好的团队协作流程;

4、github 是趋势;

5、你不觉得一个文科生用 github 很 geek 吗?瞬间跻身技术界;

git 使用操作都懂哈,相信每个人都以一个自己的git仓库,有git仓库却没有验证邮箱的,在github中验证一下,说明一点,163邮箱是收不到github发送的邮件的,我也是弄了半天,最后换了个邮箱验证。

gitpage

gitpage分为两类一类是你的GitHub用户名建立的username.github.io这样的用户&组织页(站),另一种是依附项目的pages。

先说第二种,目前我已经知道的是通过github直接生成的方式:
具体操作流程如下

[图片上传失败...(image-1b4618-1519629476766)]

在Options中找到Update site

点击Launch automatic page generator

看到这个页面,可以直接加载readme,也可以手动编辑要显示的内容,点击continue to layouts 进入模板选择。

点击public page生成项目page,查看可以通过project-> setting中看到生成的连接。

第二种我要介绍的就是使用gitpage搭建个人博客
这个生成方式特变简单操作也很容易,其实做的就是从别人那里抄袭一个博客过来,然后稍作修改自己使用,下面就来讲一下抄的过程。

模板给大家一个推荐

Jekyll 博客主题精选

可以找一个跳转到项目,然后fork,找到自己github,fork的项目,点击settings,重新命名,注意这里一定要改成 账户名.github.io ,这也就说明一个账户只能对应一个博客,修改完之后,验证的邮箱会收到gitpage构建成功的邮件,这是通过浏览器打开 账户名.github.io,就可以看到从别人那里抄来的博客了,过程有点low,但简单有效。

接下来就是修改从别人那里抄来的博客了,将它变成自己的博客,一个典型的目录结构如下所示:

|-- _config.yml
|-- index.html
|-- _includes
|-- _layouts
|   |-- default.html
|   `-- post.html
|-- css
|-- js
|-- _posts
|   `-- 2015-04-27-Like-Kissing.md
|-- images
|   `-- Leah.png 
|-- CNAME
|-- _404.html
|-- About.md
|—— feed.xml
`-- README.md

目录文档详细说明。如下:

_config.yml 博客配置文档(包括博客标题、favicon、博主 ID、头像、描述、联系方式等基本信息都在这个文档添加或修改);
index.html 博客架构文档;
_includes 博客调用的网页模块(比如导航栏、底栏、博文内容显示、评论模块等),一般不需要管;
_layouts 存放博客调用的页面模板文件(比如博客主页、具体博文页)的文件夹;
css 存放博客系统的页面渲染文档文件夹,主要用于调节诸如标题字体、博文字体大小颜色之类;
js 存放博客调用的 JS 文档文件夹
_posts 博客正文存放的文件夹。命名有规定,必须为「日期 + 标题」的模式,即「2015-04-27-Like-Kissing.md」,才能发布到博客里;
images 图片文件夹,存放博客相关素材,包括博客 favicon、博主头像等图片及博文贴图素材;
CNAME 用于绑定个人域名的文档;
404.html 「404 Not Found.」站点链接无法访问时的提示页面。
About.html 博客中的个人说明文档(About Me),以 html、md 格式为主;
feed.xml 博客的 RSS 订阅;

README.md 项目说明文档。用于 Github 个人项目主页的说明(描述)。
除此之外,还有诸如 fonts 文件夹,存放博客用的字体文件,或有主题是将 css/js/fonts/images 等文件夹合并到 _assets 为名的主文件夹中。404.html/feed.xml/CNAME 文件并非必须,但一般架构完整的博客都有。

接下来就可以根据自己的需要修改相应的部分了,每一次提交修改都会向邮箱发送页面构建信息,只有在master分支才会生成gitpage。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,039评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,426评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,417评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,868评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,892评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,692评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,416评论 3 419
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,326评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,782评论 1 316
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,957评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,102评论 1 350
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,790评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,442评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,996评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,113评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,332评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,044评论 2 355