文档章节

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

Newbe36524
 Newbe36524
发布于 2018/05/28 09:38
字数 1104
阅读 19
收藏 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
20.8K
121
在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...

黄祁
2018/01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

KaliLinuxNetHunter教程下载相关资源

KaliLinuxNetHunter教程下载相关资源 当用户将刷机工具准备完后,则需要下载ROM包。ROM是ROM image(只读内存镜像)的简称,常用于手机定制系统。一般手机刷机的过程,就是将只读内存镜像(R...

大学霸
19分钟前
1
0
C# 字符串插值

字符串插值 据说是 C# 6.0 中引入的新特性. 字符串插值允许您以更简洁易读的方式将字符串拼凑在一起. 如果在字符串的左引号前添加$,则可以在字符串中的大括号里包含字符串值,如变量等. 一些示...

taadis
43分钟前
2
0
Navicat使用教程:接收MySQL/MariaDB问题通知

下载Navicat Monitor最新版本 Navicat Monitor 是一套安全、简单而且无代理的远程服务器监控工具。它具有强大的功能使你的监控发挥最大效用。受监控的服务器包括 MySQL、MariaDB 和 Percona ...

电池盒
44分钟前
3
0
我是怎样和Linux系统结缘并通过红帽RHCE认证的

我高考完当时就是选择的计算机科学与技术专业,上大学以后联想到的和计算机相关的就只有写代码,开发,网站,网页设计,就没有其他的了,当时学习写代码也都是在Windows上,什么C#、C++之类的...

Linux就该这么学
52分钟前
5
0
hbase的web页面访问

hbase1.1版本web页面默认不开放 在hbase-site.xml中加入一下内容即可 <!-- 新增的配置 --><property><name>hbase.master.info.port</name><value>60010</value></property> 借鉴htt......

你为什么不吃药
56分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部