文档章节

免费构建自己的博客-Jekyll进阶

Newbe36524
 Newbe36524
发布于 05/28 09:38
字数 1104
阅读 11
收藏 0

Jekyll 是采用Ruby语言实现的将纯文本转换为静态博客网站的利器,也是本站点的关键技术。本文将对Jekyll中的进阶内容进行说明。

基本过程

Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器(如 Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。(引用自 http://jekyllcn.com/docs/home/

由于本教程通过 Docker 技术直接在容器中运行 Jekyll 环境,因此读者不需要过多的研究 Jekyll 的运行环境要求。

Jekyll 的入门材料非常多,其中针对官网进行汉化翻译的 http://jekyllcn.com/docs/home/ 写的非常全面,因此本文就不全面介绍。以下只对主要的部分进行说明。

插件

Jekyll 插件可以扩展 Jekyll 原生没有的功能。

例如:自动生成RSS、生成TOC、生成SEO标记、压缩HTML等等功能,都可以通过插件来实现。

查看本站点_config.yml文件,便可以查看到本站所使用的插件。

引入插件

插件以 Ruby 代码或模块的方式存在,使用时通常引入相应的代码或模块即可。

值得注意的是,如果需要托管在 Github 或者其他提供 Pages 服务的站点,服务商不一定提供运行插件的环境。

因此,建议在本地运行插件,然后将生成结果发布到服务器上,这样就不需要依赖服务器的运行环境。

详细的引入方法,可以点击右侧链接进行了解:http://jekyllcn.com/docs/plugins/

寻找插件

可以通过 http://jekyllcn.com/docs/plugins/ 查看到一些主流的插件。

若需要寻找更多的插件,可以通过搜索引擎或 Github 进行搜索。

模板

模板是指将一个网页分割为多个部分,存放在不同的文件中,以实现尽可能复用代码的目的。

若要使用 Jekyll 布局,就必须了解 HTML 基本标签的用户,读者可以通过右侧链接进行学习:http://www.w3school.com.cn/html/index.asp 。

了解 HTML 基础之后,学习 Jekyll 则比较简单,详细可以通过右侧了解进行学习:http://jekyllcn.com/docs/templates/ 。

代码高亮

本站点模板默认开启了代码高亮,编写博客时只需要使用 markdown 的代码块方法编写即可。

本站点采用的代码高亮方案是通过 rouge 插件实现的,并直接生成的 Sublime Text 类似的展示效果。

若使用 rouge 生成其他风格代码高亮样式,可以通过右侧链接进行学习:http://gohom.win/2016/02/04/update-github-rouge/ 。

此部分操作较为困难,若读者对此部分要求不高,可以直接跳过。

主题

Jekyll 的主题功能也是通过 Ruby 实现的。

用户在编写自己的博文内容时,使用的是 markdown 进行编写,这样作者就可以专注于内容的编写,而效果上的调整,则可以直接借助于主题功能,进行切换,详细的内容,可以通过右侧链接进行了解:http://jekyllcn.com/docs/themes/ 。

本站点没有采用 Jekyll 的主题方案,而是采用 (amazeui)[http://amazeui.org/] 进行实现,实现了作者做移动端适配的需求。

更多的主题,通过 Github 所搜 Jekyll Theme 相关的关检测也可以找到。

=========================更多内容分割线=========================

免费构建自己的博客-开发环境安装

免费构建自己的博客-编写第一篇博客

免费构建自己的博客-管理博客代码与发布到Github

免费构建自己的博客-Jekyll进阶

免费构建自己的博客-进一步丰富博客

本文转载自:http://www.newbe.pro/web/2018/05/26/Show-Me-More-Jekyll.html

共有 人打赏支持
Newbe36524
粉丝 8
博文 11
码字总数 2291
作品 1
浦东
后端工程师
私信 提问
码云正式支持 Pages 功能

Pages 功能一直以来呼声都非常之高,现在终于不负各位 OSCers 众望,码云 Pages 功能闪亮登场! 码云 Pages 是一个免费的静态网页托管服务,您可以使用码云 Pages 托管博客、项目官网等静态网...

Zoker
2016/06/03
15.6K
119
在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站

前言 总喜欢在自己闲得无聊的时候,折腾一些东西。最近喜欢上了markdown的方便简洁,就想借助jekyll和github pages来搭建一个静态博客网站,然后只需要跟平时写代码一样,上传自己的.md文件就...

qq992817263
2017/08/09
0
0
Ubuntu15.04+Jekyll+Github Pages搭建静态博客

Ubuntu15.04+Jekyll+Github Pages搭建静态博客 1. Jekyll简介 简单: 无需数据库、无需评论功能,不需要不断更新版本,只需要关心博客内容。 静态: 只用 Markdown (或 Textile)、Liquid、HTM...

我家有宝
2016/01/28
71
0
朋也博客

类似于jekyll的java语言开发的静态博客系统。 特性: 项目使用spring-boot编写,页面模板是freemarker 可以直接将jekyll的markdown博客文件复制到pyblog/_posts下,启动服务即可,实现无缝转...

朋也
2017/07/31
323
0
Github Pages 搭建笔记

Github Pages 搭建笔记 记录GitHub Page搭建过程 Github Pages 前往GitHub并且创建一个新的repository,命名规则是:username.github.io(username是Github用户名,蓝色线部分相同) blog-g...

黄祁
01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

用POLARDB构建客到智能餐饮系统实践

摘要: 在新零售成为大趋势的今天,餐饮行业也加入到这一浪潮之中。智能餐饮系统将帮助餐饮行业从多个维度提升自己的运营能力和收益,而打造智能餐饮系统SaaS化能力也成为了目前的一个热点。...

阿里云官方博客
16分钟前
0
0
aws S3 util demo

package com.example.demo;import com.amazonaws.AmazonClientException;import com.amazonaws.AmazonServiceException;import com.amazonaws.auth.BasicAWSCredentials;import co......

经常把天聊死的胖子
今天
4
0
linux下查看cpu、memo、io、swap性能数据脚本

直接贴脚本: 1、cpu #!/bin/bashCurrentDate=`date -d today '+%Y%m%d'`CurrentTime=`date -d today '+%Y%m%d%H%M'`mytext="$CurrentTime\t`top -b -n 1 | grep Cpu\(s\......

郑加威
今天
5
0
MySQL之——查询重复记录、删除重复记录方法大全

MySQL之——查询重复记录、删除重复记录方法大全

安小乐
今天
2
0
spring容器启动,停止,关闭事件监听-ApplicationEvent

ApplicationEvent ApplicationEvent相当于一个事件,所有自定义事件都需要继承这个抽象类。在Eclipse中Ctrl+Shift+H调用类的层次结构列表,可以看到如下 Application下抽象子类ApplicationCo...

tantexian
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部