美文网首页
使用 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