Hello Jekyll!

目前,博客使用的是Jekyll搭建的,markdown语法使用的是Redcarpet。Redcarpet支持设置 extensions ,值为一个字符串数组,每个字符串都是 Redcarpet::Markdown 类的扩展,相应的扩展就会设置为 true 。

配置为:

highlighter: pygments
markdown: redcarpet  # [ maruku | rdiscount | kramdown | redcarpet ]

redcarpet:
    extensions:
        - fenced_code_blocks
        - no_intra_emphasis
        - strikethrough
        - autolink
        - tables
        - superscript
        - highlight
        - prettify
        - with_toc_data

redcarpet有几个扩展:

  • fenced_code_blocks 解析代码块,使用3个或3个以上 ~ 或者 ` 包围起来的文本会被解析为代码块,你可以在开头指定代码的语言类型
  • no_intra_emphasis 不解析单词中的下划线
  • strikethrough 支持两个 ~ 包围的文本,解析为删除线
  • space_after_headers #后面必须加空格,否则不会被解析为标题
  • autolink 自动检查文本中 http https ftp 等协议的链接文本,将之解析为链接。没有以 http:// 开头,而是直接以 www. 开头的同样会被检查到
  • hard_wrap 如果 Markdown 文本中有折行的话,会转换为标签
  • tables 表格
  • superscript 上标,例如 : this is the 2^(nd) time ,效果为:this is the 2^(nd) time
  • with_toc_data 给生成的 Header 标签增加锚点

升级到jekyll3之后,需要修改为kramdown:

markdown:    kramdown
highlighter: rouge

kramdown:
  input: GFM
  auto_ids:       true
  footnote_nr:    1
  entity_output:  as_char
  toc_levels:     1..6
  smart_quotes:   lsquo,rsquo,ldquo,rdquo
  enable_coderay: false
  syntax_highlighter: rouge
  hard_wrap: false

  extensions:
    - autolink
    - footnotes
    - smart
    - table

语法

标题

标题

# 测试 h1
## 测试 h2
### 测试 h3
#### 测试 h4
##### 测试 h5
###### 测试 h6

效果:

测试 h1

## 测试 h2 ### 测试 h3 #### 测试 h4 ##### 测试 h5 ###### 测试 h6

列表

无序列表:

* 项目1
* 项目2
* 项目3

效果:

  • 项目1
  • 项目2
  • 项目3

有序列表:

1. 项目1
2. 项目2
3. 项目3
   * 项目1
   * 项目2

效果:

  1. 项目1
  2. 项目2
  3. 项目3
    • 项目1
    • 项目2

粗体与斜体

文字格式:

**这是文字粗体格式**
*这是文字斜体格式*
~~在文字上添加删除线~~

效果:

这是文字粗体格式 这是文字斜体格式 在文字上添加删除线

链接与图片

自动链接

 <http://blog.javachen.com>
 <XhstormR@foxmail.com>

插入链接

 [link text](http://example.com/ "optional title")

 [link text][id]
 [id]: http://example.com/  "optional title here"

插入图片

 ![](/path/to/img.jpg "optional title"){ImgCap}alt text{/ImgCap}

图片链接

 [![][jane-eyre-pic]{ImgCap}{/ImgCap}][jane-eyre-douban]

 [jane-eyre-pic]: http://img3.douban.com/mpic/s1108264.jpg
 [jane-eyre-douban]: http://book.douban.com/subject/1141406/

代码

行代码: code

用TAB键起始的段落,会被认为是代码块,或者使用三个`或~:

/* hello world demo */
#include <stdio.h>
int main(int argc, char **argv)
{
        printf("Hello, World!\n");
        return 0;
}

表格

|head1|head2|head3|head4
|---|:---|---:|:---:|
|row1text1|row1text2|row1text3|row1text4
|row2text1|row2text2|row2text3|row2text4
|row3text1|row3text2|row3text3|row3text4
|row4text1|row4text2|row4text3|row4text4

效果:

head1 head2 head3 head4
row1text1 row1text2 row1text3 row1text4
row2text1 row2text2 row2text3 row2text4
row3text1 row3text2 row3text3 row3text4
row4text1 row4text2 row4text3 row4text4

引用

> 第一行引用文字
> 第二行引用文字

第一行引用文字 第二行引用文字

水平线

***
时间: 2024-08-29 07:16:37

Hello Jekyll!的相关文章

求大神帮忙,万分感激,关于jekyll的问题

问题描述 求大神帮忙,万分感激,关于jekyll的问题 在http://jekyllthemes.org/任意下载一个主题后,在主题根目录下,打开命令,输入jekyll build:jekyll s:分别出现如图的情况. 现在想通过网页127.0.0.1:4000访问这个主题:却访问不了,显示如图?请大神帮忙一下,该如何才能通过网页访问主题? 解决方案 估计是你选的highlighter是用python 写的,但是你只有ruby.建议你换个ruby写的highlighter 比如rogue 解决

安装jekyll

gem install jekyll  blog gem install jekyll Fetching: safe_yaml-1.0.4.gem (100%) Successfully installed safe_yaml-1.0.4 Fetching: rouge-1.10.1.gem (100%) Successfully installed rouge-1.10.1 Fetching: mercenary-0.3.6.gem (100%) Successfully installed

关于 jekyll 博客主题 jekyll-theme-blog

A theme for Jekyll to build a personal blog. Seehttps://github.com/waylau/jekyll-theme-blog Screenshots Demo You can see the theme running on my blog. Usage Installation Start by cloning the github repo using git clone You must have jekyll installed

Jekyll搭建个人博客 韩俊强的博客

之前写了一篇HEXO搭建个人博客的教程获得了很好评,有很多读者主动给我打赏,在此感谢. 如果你看过我的文章会发现我现在的博客样式跟之前是有很大的区别的,之前我也是使用 HEXO 搭建的博客,后来发现使用 HEXO 在多台电脑上发布博客,操作起来并不是那么方便,果断就转到了 Jekyll 上,接下来我会讲如何使用 Jekyll 搭建博客,博客模板效果. 介绍 Jekyll 是一个简单的博客形态的静态站点生产机器.它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Text

Github、Jekyll 搭建及优化静态博客方法指南

尝试自己写 Blog 的人,一般会经历三个阶段. 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章. 大多数人,都停留在第一和第二阶段,因为第三阶段不太容易到达:你很难找到俯首听命.愿意为你管理服务器的人. 前两天在站长之家里面看到一个文章,讲的是如何在 github 上搭建 Blog,现在分享给大家.比较详细的介绍了

github-请问Jekyll博客中如何用相对路径来加载图片

问题描述 请问Jekyll博客中如何用相对路径来加载图片 请教关于Jekyll博客写的markdown文件,博文中怎么插入图片? 在_post下再键一个目录用来放置对应博文的图片,md中用相对目录表示,可是实际才显示不出来 又不想用绝对路径,请问该如何解决 万分感谢----

搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门

喜欢写Blog的人,会经历三个阶段. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章. 大多数Blog作者,都停留在第一和第二阶段,因为第三阶段不太容易到达:你很难找到俯首听命.愿意为你管理服务器的人. 但是两年前,情况出现变化,一些程序员开始在github网站上搭建blog.他们既拥有绝对管理权,又享受github带

Mac下搭建github+jekyll写作环境

之前有在公共博客或是专业的技术博客上写写文章.笔记.后来由于从事安全相关行业,转而把一些工作中的总结.笔记记录在了OneNote上,纯离线不对外开放.但这种转换导致文章产出率很低,常常半年写不了一篇文章.为了能够督促自己将技术或是生活点滴记录下来,寻找一种使用Markdown语法,干净整洁的写作环境:github+jekyll,这正是我想要的. 升级Command Line Tools 由于刚升级了"优圣美地",需要安装一下Command Line Tools,安装jekyll需要.

搭建jekyll博客

使用jekyll将markdown文件生成静态的html文件,并使用主题有序的进行布局,形成最终的博客页面. 特点 基于ruby 使用Markdown书写文章 无需数据库 可以使用GitHub Pages发布 安装Ruby环境 由于我的是在windows的操作,所以这里用rubyinstaller--http://rubyinstaller.org/downloads/,linux和mac的朋友就直接官网的ruby. 我使用的版本:rubyinstaller-2.2.3-x64.exe(17.1