申请 Github 账号
登录 Github,使用个人邮箱申请一个 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 建博客,简洁美观大方,很棒!
- 在根目录下创建首页 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>
- 把以上所有操作提交到本地缓存区
git add .
- 提交到版本库
git commit -m "ok"
- 建立远程仓库连接
git remote add origin git@github.com:zxh578164349/hongshushu.git
- 最后,提交
git push -u origin gh-pages
网友评论