# 我的第一篇 Octopress 博客

## BlockQuote

• 方法一： 使用 >

A sample blockquote.

Nested blockquotes are also possible.

This is the outer quote again.

• 方法二：使用 blockquote 作标记

Wheeee!

## 代码展示

• 方法一：缩进一个 tab
System.out.println("Hello World!");

• 方法二：使用波浪线
This is also a code block.
~~~
Ending lines must have at least as
many tildes as the starting line.

• 方法三：使用连续 3 个  作标记
• 方法四：导入文件中的代码
• 方法五：导入 gist 中的代码
• 方法六：使用 codeblock 作标记

## 使用 Inline Code

Use Kramdown::Document.new(text).to_html to convert the text in kramdown syntax to HTML.

Use backticks to markup code, e.g. code`.

## 使用目录

• list element with functor item

## 使用数学公式

random variables $X_1, X_2, X_3$ from

The following is a math block:

But next comes a paragraph with an inline math statement:

$5 + 5$

## 使用链接

Jekyll is a very popular and very powerful static blog generator. Out of the box it’s able to generate sophisticated site structures, and has a ton of configurability. One of the areas where I feel that Jekyll lacks some sophistication is around the handling of categories and tags; these are two data-sets that are core to Jekyll, but there isn’t a lot of functionality actually built around them. This is in contrast to dynamic blogging platforms like WordPress, or possibly Drupal, where these two data points are used to drive a lot of central navigation for the site.

## 使用 pullquote

Surround your paragraph with the pull quote tags. Then when you come to the text you want to pull, surround it like this and that’s all there is to it.

## 使用表格

Default aligned Left aligned Center aligned Right aligned
First body part Second cell Third cell fourth cell
Second line foo strong baz
Third line quux baz bar

## 使用列表

• 方法一：使用数字
1. Item one
1. sub item one
2. sub item two
3. sub item three
2. Item two
• 方法二：使用 *
• Item one
• Item two
• Item three

## 使用定义列表

term
definition
another definition
another term
and another term
and a definition for the term

## 为块级元素添加 attribute

A nice blockquote

paragraph

This is red.

## 使用扩展

This is a paragraph … paragraph continues here.

Extensions can also be used inline **see**!

Notes

• comment
• Treat the body text as a comment which does not show in the output.
• nomarkdown
• Don’t process the body with kramdown but output it as-is. The attribute type specifies which converters should output the body: if the attribute is missing, all converters should output it. Otherwise the attribute value has to be a space separated list of converter names and these converters should output the body.
• options
• Should be used without a body since the body is ignored. Is used for setting the global options for the kramdown processor (for example, to disable automatic header ID generation). Note that options that are used by the parser are immediately effective whereas all other options are not! This means, for example, that it is not possible to set converter options only for some part of a kramdown document.

Emphasized

Emphasized

Strong

Strong

## 使用 Typographic Symbols

— will become an em-dash (like this —)

– will become an en-dash (like this –)

… will become an ellipsis (like this …)

<< will become a left guillemet (like this «) – an optional following space will become a non-breakable space

>> will become a right guillemet (like this ») – an optional leading space will become a non-breakable space

1. 我的脚注

Tags: octopress, 网页开发