申請 Github 賬號
登錄 Github,使用個人郵箱申請一個 Github 帳號
新建一個 repository
點擊右上角的加號
填寫 repository 名稱,點擊 Create repository
創(chuàng)建 repository 主頁
選擇喜歡的模版
** 以上內(nèi)容只是說明如何在 Github 上創(chuàng)建一個 repository 以及創(chuàng)建它的主頁 index ,這只是準備工作之一锦募,下面在用 Jekyll 個人博客時會用到 **
使用git創(chuàng)建本地倉庫
git 是一個版本控制器党远,在這里不作詳細介紹沟娱。我們主要通過它來上傳代碼,上傳內(nèi)容砰蠢。
- 首先,新建一個放內(nèi)容的文件夾
mkdir hongshushu
- 把這個文件夾變成 git 可管理的倉庫
git init
**(PS:補充創(chuàng)建一個沒有父節(jié)點的分支gh-pages )
**
git checkout --orphan gh-pages
- 在這個倉庫中新建幾個主機的文件夾,配置文件 * _config.yml *拆宛,首頁 * index.html *
mkdir _layouts //存放模板
mkdir _posts //存放文章內(nèi)容
- 在_layouts中創(chuàng)建模板文件 default.html ,以后的創(chuàng)建的網(wǎng)頁都可以用到它
<!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文件夾中添加博客內(nèi)容,可以是markdown,html文件
---
layout: default
title: 第一次使用 Jekyll
---
Jekyll 建博客贡这,簡潔美觀大方,很棒辈双!
- 在根目錄下創(chuàng)建首頁 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>
- 把以上所有操作提交到本地緩存區(qū)
git add .
- 提交到版本庫
git commit -m "ok"
- 建立遠程倉庫連接
git remote add origin git@github.com:zxh578164349/hongshushu.git
- 最后证芭,提交
git push -u origin gh-pages