如何用jekyll生成文章？

時間 2019-11-19

標籤如何 jekyll 生成文章简体版

原文原文鏈接

前一段時間接觸到github pages，感受很是新奇，特地查閱資料本身搭建一把，這裏作個記錄。html

環境和安裝jekyll

首先，jekyll是簡單的博客形態的靜態站點生產機器，具體的官網介紹，戳我，並且，jekyll依賴Ruby，因此必須得先安裝Ruby，本文中使用的是Ruby 2.4.3-1，怎麼安裝就自行百度了，很簡單的。git

出現下面提示，那就是安裝OK了github

我看了好多資料裏都寫了安裝好ruby得安裝Devkit，可是，我又在官網沒找到2.4.3對應的Devkit，估計是新版不須要devkit了。web

而後，用RubyGems來幫助安裝(官方推薦)，使用
瀏覽器

gem install jekyll

出現這個信息，那就說明安裝完畢了。

既然安裝完畢了，那下面就來舉個栗子吧ruby

簡單栗子

這裏先不講那麼多理論和jekyll new 的方式，其實就只須要四個文件就能跑個demo的。。。eclipse

首先，建立一個文件夾，咱們的一切操做都在這文件夾裏進行，這裏就叫 blog 文件夾。post

_layouts下default.html

第一個文件，在blog目錄下，建立一個叫「_layouts」的文件夾，這裏面放的是模板文件，其餘的頁面能夠公用一個模板，在_layouts文件夾下，建立一個「default.html」，內容是ui

<!DOCTYPE html>
<html>
<head>
　　<meta http-equiv="content-type" content="text/html; charset=utf-8" />
　　<title>{{ page.title }}</title>
</head>
<body>
　　{{ content }}
</body>
</html>

裏面的page.title和content是佔位參數url

_posts下年-月-日-標題.html

第二個文件，在blog目錄下，建立一個叫「_posts」的文件夾，這裏存放的是要發佈的文章，在「_posts」文件夾下，建立一個「2012-08-25-hello-world.html」，內容是

---
layout: default
title: 你好，世界
---
<h2>{{ page.title }}</h2>
<p>個人第一篇文章</p>
<p>{{ page.date | date_to_string }}</p>

_config.yml

第三個文件，在blog目錄下，建立一個叫「_config.yml」的文件，內容簡單點是

baseurl: "" # the subpath of your site, e.g. /blog

這個就像是eclipse裏web project的項目名，「」就是localhost:4000

index.html

第四個文件，在blog目錄下，建立一個叫「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>

最終的目錄

blog
    |--_layouts
    |    |--default.html
    |--_posts
    |    |--2012-08-25-hello-world.html
    |--_config.yml
    |--index.html

在cmd裏，jekyll server

打開瀏覽器，訪問localhost:4000

OK，搞定，收工！

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。