使用 Github 的 Jekyll 搭建个人博客

2016-05-19 本文已影响0人洪叔叔

申请 Github 账号

新建一个 repository

点击右上角的加号

填写 repository 名称,点击 Create repository

创建 repository 主页

选择喜欢的模版

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

使用git创建本地仓库

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

首先，新建一个放内容的文件夹

 mkdir hongshushu

把这个文件夹变成 git 可管理的仓库

git init

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

git checkout --orphan gh-pages

在这个仓库中新建几个主机的文件夹，配置文件 * _config.yml *，首页 * index.html *

mkdir _layouts  //存放模板
mkdir _posts     //存放文章内容

在_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>

在_posts文件夹中添加博客内容，可以是markdown,html文件

 ---
layout: default
title: 第一次使用 Jekyll
 ---
Jekyll 建博客，简洁美观大方，很棒！

 ---
 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>

把以上所有操作提交到本地缓存区

git add .

提交到版本库

git commit -m "ok"

建立远程仓库连接

git remote add origin git@github.com:zxh578164349/hongshushu.git

最后，提交

git push -u origin gh-pages