jekyll 安装

本文介绍了如何安装和使用Jekyll,包括验证Ruby和Gem环境,安装Jekyll和Bundler,创建工程,启动服务,配置permalink和_config.yaml文件,选择及应用主题,以及理解Liquid模板语言的基本元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关注微信公众号(瓠悠笑软件部落),一起学习,一起摸鱼
huyouxiao.com
验证有没有安装 ruby 和 gen

ruby -v
gen -v

安装 jekyll bundler

sudo gen install jekyll bundler

jekyll -v

创建一个工程

 jekyll new yourProjectName

启动服务浏览工程

 cd yourProjectName/
 bundle exec jekyll serve

访问地址就可以看到了:
http://127.0.0.1:4000/

新建_draft文件夹,在里面编写不带日期的 md 文件。编写完后浏览效果

 jekyll serve --draft

permallink是header里面用于指定访问路径的属性。

---
layout: post
title:  "Welcome to Jekyll!"
date:   2019-02-23 14:21:17 +0800
categories: jekyll update
author: "Kevin"
permalink: /:categories/:year/:month/:day/:title.html
---

这篇博文的URL就是/categories/year/month/day/title的形式:
http://127.0.0.1:4000/jekyll/update/2019/02/23/welcome-to-jekyll.html

_config.yaml是 yaml 语法的配置文件,通过代码缩进决定配置的嵌套关系,默认的主题是minima,也可以换主题,主题库: https://rubygems.org/

先把_config.yaml文件里面的主题

theme: jekyll-theme-hacker

然后在 Gemfile 文件 的第 14 行文件插入

gem "jekyll-theme-hacker", group: :jekyll_plugins

接着运行命令 bundle install 下载这个主题

bundle install

接着运行命令预览效果

bundle exec jekyll serve

Liquid 是一种模板语言,他有三个部分:

  • objects
    objects 告诉 Liquid 在哪里输出文本内容,他用两个大括号包起来。例如:
{{ page.title}}
  • tags
    Tags 用于创建模板里面的逻辑和控制流部分,他们用一个花括号和一个百分号包起来。
{% if page.show_sidebar %}
  <div class="sidebar">
     sidebar content
  </div>
 {% endif %}    

如果 page.show_sidebar 的值是 true, 就会打印出 sidebar. 更详细的介绍

  • filters
    Filters 用于改变Liquid objects 的输出。
{{ "hi" | capitalize }}

输出 Hi, 更详细的介绍

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值