Jekyll搭建个人博客之安装与使用

该文章是本人在看了:http://www.jianshu.com/p/8f843034c7ec,并做完试验后的一些总结。

1 安装

Jekyll:将纯文本转化为静态网站和博客。官网:http://jekyll.bootcss.com/
安装步骤
步骤1:安装ruby,如果是windows系统直接在官网下载rubyinstaller安装(一直点next就行了)。官网:https://www.ruby-lang.org/zh_cn/downloads/
步骤2:cmd-->执行“gem install jekyll ”,(gem:使用ruby安装)

2 运行

创建项目:cmd到你希望创建项目的路径执行“ jekyll new XXX",进行创建项目。
运行项目: jekyll s
PS:路径不可带有中文,否则运行项目时会出现如下错误


3 添加新页面

3.1 注意事项

  1. 新增的博客页面存放在_posts文件夹中。
  2. 编辑新博客方式:Markdown和Textile。
  3. 在新的博客页面设置如下格式
---
layout: post
title:  "First Page For Jekyll!"
date:   2016-03-31
categories: Test
---

4.不要参考里面自带生成的那个设置,原因时间不可设置为date:   2016-03-30 10:48:21,精确的天就行了。

3.2 代码

---
layout: post
title:  "First Page For Jekyll!"
date:   2016-03-31
categories: Test
---
# 第一个测试页面

# 第一个测试页面

# 第一个测试页面

3.3 分析头信息

官网:http://jekyll.bootcss.com/docs/frontmatter/
layout --设置模板,模板文件放在_layouts目录下。
permaliink--设置该页面的URL,如果你不想使用jekyll默认的url。
published--是否显示该页面,如果博客没写完可以设置为false,使其不展示。
category/categories--分类,同时默认的url也加上其值,多个分类使用空格分开
tags--标签
date--时间


4 效果图

4.1 列表


4.2 详情





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值