美文网首页
使用 Github 的 Jekyll 搭建个人博客

使用 Github 的 Jekyll 搭建个人博客

作者: 洪叔叔 | 来源:发表于2016-05-19 08:50 被阅读0次

    申请 Github 账号

    登录 Github,使用个人邮箱申请一个 Github 帐号

    新建一个 repository

    点击右上角的加号



    填写 repository 名称,点击 Create repository


    创建 repository 主页

    选择喜欢的模版



    ** 以上内容只是说明如何在 Github 上创建一个 repository 以及创建它的主页 index ,这只是准备工作之一,下面在用 Jekyll 个人博客时会用到 **



    使用git创建本地仓库

    git 是一个版本控制器,在这里不作详细介绍。我们主要通过它来上传代码,上传内容。

    1. 首先,新建一个放内容的文件夹
     mkdir hongshushu
    
    1. 把这个文件夹变成 git 可管理的仓库
    git init
    

    **(PS:补充创建一个没有父节点的分支gh-pages )
    **

    git checkout --orphan gh-pages
    
    1. 在这个仓库中新建几个主机的文件夹,配置文件 * _config.yml *,首页 * index.html *
    mkdir _layouts  //存放模板
    mkdir _posts     //存放文章内容
    
    1. 在_layouts中创建模板文件 default.html ,以后的创建的网页都可以用到它
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>{{ page.title }}</title>
      </head>
      <body>
        {{ content }}
     </body>
    </html>
    
    1. 在_posts文件夹中添加博客内容,可以是markdown,html文件
     ---
    layout: default
    title: 第一次使用 Jekyll
     ---
    Jekyll 建博客,简洁美观大方,很棒!
    
    1. 在根目录下创建首页 index.html
     ---
     layout: default
     title: 我的Blog
     ---
      <h2>{{ page.title }}</h2>
      <p>最新文章</p>
      <ul>
        {% for post in site.posts %}
          <li>{{ post.date | date_to_string }} <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
        {% endfor %}
      </ul>
    
    1. 把以上所有操作提交到本地缓存区
    git add .
    
    1. 提交到版本库
    git commit -m "ok"
    
    1. 建立远程仓库连接
    git remote add origin git@github.com:zxh578164349/hongshushu.git
    
    1. 最后,提交
    git push -u origin gh-pages
    

    相关文章

      网友评论

          本文标题:使用 Github 的 Jekyll 搭建个人博客

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