- content 9
- Post Formats 5
- layout 5
- edge case 3
- readability 3
- alignment 2
- excerpt 2
- html 2
- image 2
- standard 2
- title 2
- StatefulWidget 1
- categories 1
- code 1
- css 1
- embeds 1
- link 1
- media 1
- quote 1
- sample post 1
- syntax highlighting 1
- table of contents 1
- test 1
- twitter 1
content
Layout: Hero Image
![](/images/so-simple-sample-image-3-400x200.jpg)
This post should display a large hero image at the top of a page.
Layout: Excerpt (Generated with Separator Tag)
This is the post content. Archive-index pages should display an auto-generated excerpt of all the content preceding the excerpt_separator
, as defined in the YAML Front Matter or globally in _config.yml
.
Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn’t create any layout problems.
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the auto-generated excerpt or post content on index pages.
Post: Twitter Embed
Oh I dunno. It's probably been over 15 years since I smudged out a face with a pencil and kneaded eraser. #WIP #Sktchy pic.twitter.com/PwqbMddyVK
— Michael Rose (@mmistakes) February 1, 2017
Post: Image
This post should display a large image at the top of a page.
Suspicio? Bene … tunc ibimus? Quis uh … CONEXUS locus his diebus? Quisque semper aliquid videtur, in volutpat mauris. Nolo enim dicere. Vobis neque ab aliis. Ego feci memetipsum explicans. Gus mortuus est. Lorem opus habeo. Jackson Isai? Tu quoque … A te quidem a ante. Vos scitis quod blinking res Ive ‘been vocans super vos? Et conteram illud, et conteram hoc. Maledicant druggie excors. Iam hoc tu facere conatus sum ad te in omni tempore? Ludum mutavit. Verbum est ex. Et … sunt occid
Check for long titles and how they might break layouts.
Antidisestablishmentarianism
This post title has a long word that could potentially overflow the content area.
Edge Case: No Body Content
This post has no body content and should be blank on the post’s page.
Edge Case: Nested and Mixed Lists
Nested and mixed lists are an interesting beast. It’s a corner case to make sure that lists within lists do not break the ordered list numbering order and list styles go deep enough.
Post Formats
Post: Video (YouTube)
This post tests YouTube video embeds.
Post: Link →
This theme supports link posts, made famous by John Gruber. To use, just add link: http://url-you-want-linked
to the post’s YAML front matter and you’re done.
Post: Quote
Only one thing is impossible for God: To find any sense in any copyright law on the planet.
Post: Standard
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, “Oh, why can’t you remain like this for ever!” This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
Mrs. Darling first heard of Peter when she was tidying up her children’s minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
Post: Modified Date
This post has been updated and should show a modified date if last_modified_at
is used in the layout.
layout
Layout: Hero Image
![](/images/so-simple-sample-image-3-400x200.jpg)
This post should display a large hero image at the top of a page.
Layout: Excerpt (Generated with Separator Tag)
This is the post content. Archive-index pages should display an auto-generated excerpt of all the content preceding the excerpt_separator
, as defined in the YAML Front Matter or globally in _config.yml
.
Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn’t create any layout problems.
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the auto-generated excerpt or post content on index pages.
Edge Case No Yaml Title
This post has no title specified in the YAML Front Matter. Jekyll should auto-generate a title from the filename.
Edge Case: No Body Content
This post has no body content and should be blank on the post’s page.
edge case
Edge Case No Yaml Title
This post has no title specified in the YAML Front Matter. Jekyll should auto-generate a title from the filename.
Edge Case: No Body Content
This post has no body content and should be blank on the post’s page.
Edge Case: Many Categories
This post has many categories.
readability
Markup: Text Readability Test
![](/images/so-simple-sample-image-2-400x200.jpg)
A large amount of sample text to test readability of a text heavy page.
Post: Standard
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, “Oh, why can’t you remain like this for ever!” This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
Mrs. Darling first heard of Peter when she was tidying up her children’s minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
Post: Modified Date
This post has been updated and should show a modified date if last_modified_at
is used in the layout.
alignment
Markup: Image Alignment
![](/images/so-simple-sample-image-5-400x200.jpg)
The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.
Markup: Text Alignment and Transformations
Sample text to demonstrate alignment and transformation classes.
excerpt
Layout: Excerpt (Generated with Separator Tag)
This is the post content. Archive-index pages should display an auto-generated excerpt of all the content preceding the excerpt_separator
, as defined in the YAML Front Matter or globally in _config.yml
.
Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn’t create any layout problems.
Layout: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the auto-generated excerpt or post content on index pages.
html
Markup: Title with Special — Characters
Putting special characters in the title should have no adverse effect on the layout or functionality.
Markup: Title with Markdown
Using Markdown in the title should have no adverse effect on the layout or functionality.
image
Layout: Hero Image
![](/images/so-simple-sample-image-3-400x200.jpg)
This post should display a large hero image at the top of a page.
Post: Image
This post should display a large image at the top of a page.
standard
Post: Standard
All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, “Oh, why can’t you remain like this for ever!” This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.
Mrs. Darling first heard of Peter when she was tidying up her children’s minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.
Post: Modified Date
This post has been updated and should show a modified date if last_modified_at
is used in the layout.
title
Markup: Title with Markdown
Using Markdown in the title should have no adverse effect on the layout or functionality.
Edge Case No Yaml Title
This post has no title specified in the YAML Front Matter. Jekyll should auto-generate a title from the filename.
StatefulWidget
StatefulWidget 的回调状态
StatefulWidget 的回调状态
categories
Edge Case: Many Categories
This post has many categories.
code
Markup: Syntax Highlighting
Post displaying the various ways one can highlight code blocks with Jekyll. Some options include standard Markdown, GitHub Flavored Markdown, and Jekyll’s {% highlight %}
tag.
css
Markup: Title with Markdown
Using Markdown in the title should have no adverse effect on the layout or functionality.
embeds
Post: Twitter Embed
Oh I dunno. It's probably been over 15 years since I smudged out a face with a pencil and kneaded eraser. #WIP #Sktchy pic.twitter.com/PwqbMddyVK
— Michael Rose (@mmistakes) February 1, 2017
link
Post: Link →
This theme supports link posts, made famous by John Gruber. To use, just add link: http://url-you-want-linked
to the post’s YAML front matter and you’re done.
media
Post: Twitter Embed
Oh I dunno. It's probably been over 15 years since I smudged out a face with a pencil and kneaded eraser. #WIP #Sktchy pic.twitter.com/PwqbMddyVK
— Michael Rose (@mmistakes) February 1, 2017
quote
Post: Quote
Only one thing is impossible for God: To find any sense in any copyright law on the planet.
sample post
Markup: Text Readability Test
![](/images/so-simple-sample-image-2-400x200.jpg)
A large amount of sample text to test readability of a text heavy page.
syntax highlighting
Markup: Syntax Highlighting
Post displaying the various ways one can highlight code blocks with Jekyll. Some options include standard Markdown, GitHub Flavored Markdown, and Jekyll’s {% highlight %}
tag.
table of contents
Layout: Post with Table Of Contents
Enable table of contents on post or page by adding {% include toc %}
where you’d like it to appear.
test
Markup: Text Readability Test
![](/images/so-simple-sample-image-2-400x200.jpg)
A large amount of sample text to test readability of a text heavy page.
Post: Twitter Embed
Oh I dunno. It's probably been over 15 years since I smudged out a face with a pencil and kneaded eraser. #WIP #Sktchy pic.twitter.com/PwqbMddyVK
— Michael Rose (@mmistakes) February 1, 2017