mirror of
https://github.com/foo-dogsquared/hugo-theme-contentful.git
synced 2025-02-14 12:19:02 +00:00
329 lines
10 KiB
HTML
329 lines
10 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-us"><title>Asciidoctor Article Template</title>
|
||
|
|
<link rel="stylesheet" href="https://foo-dogsquared.github.io/hugo-theme-contentful/css/main.min.ac4668a81007ca38fcac8e88436ad4fa6a969ee4ce9352f52f795abf04e1624a.css" /><meta name="generator" content="Hugo 0.76.0" />
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="author" content="" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<meta name="referrer" content="no-referrer" />
|
||
|
|
<meta name="description" content="Content entered directly below the header but before the first section heading is called the preamble.
|
||
|
|
First level heading This is a paragraph with a bold word and an italicized word.
|
||
|
|
Figure 1. Image caption This is another paragraph.[1]
|
||
|
|
Second level heading Unordered list title list item 1
|
||
|
|
nested list item
|
||
|
|
nested nested list item 1" /><meta name="twitter:card" content="summary"/>
|
||
|
|
<meta name="twitter:title" content="Asciidoctor Article Template"/>
|
||
|
|
<meta name="twitter:description" content="Content entered directly below the header but before the first section heading is called the preamble.
|
||
|
|
First level heading This is a paragraph with a bold word and an italicized word.
|
||
|
|
Figure 1. Image caption This is another paragraph.[1]
|
||
|
|
Second level heading Unordered list title list item 1
|
||
|
|
nested list item
|
||
|
|
nested nested list item 1"/>
|
||
|
|
<meta property="og:title" content="Asciidoctor Article Template" />
|
||
|
|
<meta property="og:description" content="Content entered directly below the header but before the first section heading is called the preamble.
|
||
|
|
First level heading This is a paragraph with a bold word and an italicized word.
|
||
|
|
Figure 1. Image caption This is another paragraph.[1]
|
||
|
|
Second level heading Unordered list title list item 1
|
||
|
|
nested list item
|
||
|
|
nested nested list item 1" />
|
||
|
|
<meta property="og:type" content="article" />
|
||
|
|
<meta property="og:url" content="https://foo-dogsquared.github.io/hugo-theme-contentful/articles/asciidoctor-article-template/" />
|
||
|
|
<meta property="article:published_time" content="2019-08-25T21:06:56+08:00" />
|
||
|
|
<meta property="article:modified_time" content="2020-05-12T16:40:21+08:00" />
|
||
|
|
<link rel="canonical" type="text/html" href="https://foo-dogsquared.github.io/hugo-theme-contentful/articles/asciidoctor-article-template/" />
|
||
|
|
|
||
|
|
<script>
|
||
|
|
const theme = window.localStorage.getItem('theme');
|
||
|
|
if (theme) {
|
||
|
|
document.documentElement.dataset.theme = theme;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<body><nav aria-label="Primary navigation">
|
||
|
|
<a class="site__title" href="https://foo-dogsquared.github.io/hugo-theme-contentful/">Contentful</a>
|
||
|
|
<div class="site__links">
|
||
|
|
|
|
||
|
|
<a href="https://foo-dogsquared.github.io/hugo-theme-contentful/about/">About</a> |
|
||
|
|
<a href="https://foo-dogsquared.github.io/hugo-theme-contentful/categories/">Categories</a> |
|
||
|
|
<a href="https://foo-dogsquared.github.io/hugo-theme-contentful/recipes/">Recipes</a> |
|
||
|
|
<a href="https://foo-dogsquared.github.io/hugo-theme-contentful/tags/">Tags</a> |
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<button class="site__theme-btn" aria-label="theme-toggle" onclick="const theme = window.localStorage.getItem('theme') == 'dark' ? 'light' : 'dark'; window.localStorage.setItem('theme', theme); document.documentElement.dataset.theme = theme">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||
|
|
<path d="M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm2 0c0-5.514 4.486-10 10-10v20c-5.514 0-10-4.486-10-10z"></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
<article>
|
||
|
|
<header>
|
||
|
|
<h1>Asciidoctor Article Template</h1>
|
||
|
|
</header>
|
||
|
|
<div class="post__meta">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<p data-content-publication-date="2019-08-25 21:06:56 +0800 +0800">Created: <time datetime="2019-08-25">2019-08-25</time></p>
|
||
|
|
|
||
|
|
|
||
|
|
<p data-content-modification-date="2020-05-12 16:40:21 +0800 +0800">Updated: <time datetime="2020-05-12">2020-05-12</time></p>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
#TableOfContents:not(:empty)::before {
|
||
|
|
content: "Table of contents";
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<nav id="TableOfContents">
|
||
|
|
<ul>
|
||
|
|
<li><a href="#_first_level_heading">First level heading</a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#_second_level_heading">Second level heading</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="#_first_level_heading_2">First level heading</a></li>
|
||
|
|
<li><a href="#_first_level_heading_3">First level heading</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
<main>
|
||
|
|
|
||
|
|
<div id="preamble">
|
||
|
|
<div class="sectionbody">
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>Content entered directly below the header but before the first section heading is called the preamble.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sect1">
|
||
|
|
<h2 id="_first_level_heading">First level heading</h2>
|
||
|
|
<div class="sectionbody">
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>This is a paragraph with a <strong>bold</strong> word and an <em>italicized</em> word.</p>
|
||
|
|
</div>
|
||
|
|
<div class="imageblock">
|
||
|
|
<div class="content">
|
||
|
|
<img src="https://source.unsplash.com/random" alt="I am the image alt text."/>
|
||
|
|
</div>
|
||
|
|
<div class="title">Figure 1. Image caption</div>
|
||
|
|
</div>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>This is another paragraph.<sup class="footnote">[<a id="_footnoteref_1" class="footnote" href="#_footnotedef_1" title="View footnote.">1</a>]</sup></p>
|
||
|
|
</div>
|
||
|
|
<div class="sect2">
|
||
|
|
<h3 id="_second_level_heading">Second level heading</h3>
|
||
|
|
<div class="ulist">
|
||
|
|
<div class="title">Unordered list title</div>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<p>list item 1</p>
|
||
|
|
<div class="ulist">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<p>nested list item</p>
|
||
|
|
<div class="ulist">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<p>nested nested list item 1</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<p>nested nested list item 2</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<p>list item 2</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>This is a paragraph.</p>
|
||
|
|
</div>
|
||
|
|
<div class="exampleblock">
|
||
|
|
<div class="title">Example 1. title</div>
|
||
|
|
<div class="content">
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>Content in an example block is subject to normal substitutions.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>The test.</p>
|
||
|
|
</div>
|
||
|
|
<div class="sidebarblock">
|
||
|
|
<div class="content">
|
||
|
|
<div class="title">Sidebar title</div>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>Sidebars contain aside text and are subject to normal substitutions.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sect3">
|
||
|
|
<h4 id="_third_level_heading">Third level heading</h4>
|
||
|
|
<div id="id-for-listing-block" class="listingblock">
|
||
|
|
<div class="title">Listing block title</div>
|
||
|
|
<div class="content">
|
||
|
|
<pre>Content in a listing block is subject to verbatim substitutions.
|
||
|
|
Listing block content is commonly used to preserve code input.</pre>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="imageblock">
|
||
|
|
<div class="content">
|
||
|
|
<img src="https://images.unsplash.com/photo-1565645359958-700098a0a5aa?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="photo 1565645359958 700098a0a5aa?ixlib=rb 1.2"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>You could also do source code inputs with the following syntax.</p>
|
||
|
|
</div>
|
||
|
|
<div class="literalblock">
|
||
|
|
<div class="content">
|
||
|
|
<pre>[source,lang]
|
||
|
|
----
|
||
|
|
// source code here
|
||
|
|
----</pre>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sect4">
|
||
|
|
<h5 id="_fourth_level_heading">Fourth level heading</h5>
|
||
|
|
<table class="tableblock frame-all grid-all stretch">
|
||
|
|
<caption class="title">Table 1. Table title</caption>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width: 50%;"/>
|
||
|
|
<col style="width: 50%;"/>
|
||
|
|
</colgroup>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="tableblock halign-left valign-top">Column heading 1</th>
|
||
|
|
<th class="tableblock halign-left valign-top">Column heading 2</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="tableblock halign-left valign-top"><p class="tableblock">Column 1, row 1</p></td>
|
||
|
|
<td class="tableblock halign-left valign-top"><p class="tableblock">Column 2, row 1</p></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="tableblock halign-left valign-top"><p class="tableblock">Column 1, row 2</p></td>
|
||
|
|
<td class="tableblock halign-left valign-top"><p class="tableblock">Column 2, row 2</p></td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<div class="sect5">
|
||
|
|
<h6 id="_fifth_level_heading">Fifth level heading</h6>
|
||
|
|
<div class="quoteblock">
|
||
|
|
<blockquote>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>I am a block quote or a prose excerpt.
|
||
|
|
I am subject to normal substitutions.</p>
|
||
|
|
</div>
|
||
|
|
</blockquote>
|
||
|
|
<div class="attribution">
|
||
|
|
— firstname lastname<br/>
|
||
|
|
<cite>movie title</cite>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="verseblock">
|
||
|
|
<pre class="content">I am a verse block.
|
||
|
|
Indents and endlines are preserved in verse blocks.</pre>
|
||
|
|
<div class="attribution">
|
||
|
|
— firstname lastname<br/>
|
||
|
|
<cite>poem title and more</cite>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sect1">
|
||
|
|
<h2 id="_first_level_heading_2">First level heading</h2>
|
||
|
|
<div class="sectionbody">
|
||
|
|
<div class="admonitionblock tip">
|
||
|
|
<table>
|
||
|
|
<tbody><tr>
|
||
|
|
<td class="icon">
|
||
|
|
<div class="title">Tip</div>
|
||
|
|
</td>
|
||
|
|
<td class="content">
|
||
|
|
There are five admonition labels: Tip, Note, Important, Caution and Warning.
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody></table>
|
||
|
|
</div>
|
||
|
|
<div class="olist arabic">
|
||
|
|
<ol class="arabic">
|
||
|
|
<li>
|
||
|
|
<p>ordered list item</p>
|
||
|
|
<div class="olist loweralpha">
|
||
|
|
<ol class="loweralpha" type="a">
|
||
|
|
<li>
|
||
|
|
<p>nested ordered list item</p>
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<p>ordered list item</p>
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>The text at the end of this sentence is cross referenced to <a href="#_third_level_heading">the third level heading</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sect1">
|
||
|
|
<h2 id="_first_level_heading_3">First level heading</h2>
|
||
|
|
<div class="sectionbody">
|
||
|
|
<div class="paragraph">
|
||
|
|
<p>This is a link to the <a href="https://asciidoctor.org/docs/user-manual/">Asciidoctor User Manual</a>.
|
||
|
|
This is an attribute reference <a href="https://asciidoctor.org/docs/asciidoc-syntax-quick-reference/">which links this text to the Asciidoctor Quick Reference Guide</a>.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="footnotes">
|
||
|
|
<hr/>
|
||
|
|
<div class="footnote" id="_footnotedef_1">
|
||
|
|
<a href="#_footnoteref_1">1</a>. I am footnote text and will be displayed at the bottom of the article.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</main>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
<footer>
|
||
|
|
|
||
|
|
<p><a href="https://foo-dogsquared.github.io/hugo-theme-contentful/">Back to home</a></p>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<p>Available in other languages:
|
||
|
|
<span class="site__languages">|
|
||
|
|
|
||
|
|
<a href="/hugo-theme-contentful/en">English</a> |
|
||
|
|
|
||
|
|
<a href="/hugo-theme-contentful/tl">Tagalog</a> |
|
||
|
|
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<p>© 2021 Contentful</p>
|
||
|
|
</body>
|
||
|
|
</html>
|