美文网首页
gitpage教程简洁版

gitpage教程简洁版

作者: ztzt123 | 来源:发表于2018-02-26 15:18 被阅读0次

    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。

    相关文章

      网友评论

          本文标题:gitpage教程简洁版

          本文链接:https://www.haomeiwen.com/subject/ivsyxftx.html