<p><a href=https://twitter.com/nekko1119>nekko1119</a> の個人ブログです。所属する団体組織などと一切関係ありません。<p>まだまだ作りかけであらゆる機能・デザインが欠けています。完璧を目指すといつまでも終わらないので不完全でも運用することにしました。<p>記事の投稿と機能実装を続けていけたら良いなと思います。

<h1 id=h1-の見た目><a href=#h1-の見た目>h1 の見た目</a></h1><p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお<p>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお<h2 id=h2-の見た目><a href=#h2-の見た目>h2 の見た目</a></h2><p>あいうえおあいうえお<a href=/>リンクの見た目</a>あいうえおあいうえお あいうえおあいうえお <a href=https://blog.nekko1119.org>https://blog.nekko1119.org</a> あいうえおあいうえお<h3 id=h3-の見た目><a href=#h3-の見た目>h3 の見た目</a></h3><p>箇条書き<ul><li>あいうえお<li>あいうえお<ul><li>あいうえお<li>あいうえお<ul><li>あいうえお<li>あいうえお</ul><li>あいうえお<li>あいうえお</ul><li>あいうえお<li>あいうえお</ul><ol><li>あいうえお<li>あいうえお<li>あいうえお<li>あいうえお<li>あいうえお<li>あいうえお</ol><p>インラインのコードは <code>こんな感じに</code> なります<p><code>あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお</code><p>言語無指定のコードブロック<pre><code>#include &#60iostream>

int main() {
    std::cout &#60&#60 "hello world" &#60&#60 std::endl;
}
</code></pre><p>言語指定のコードブロック</p><pre class=shiki style=background-color:#1e1e1e><code><span class=line><span style=color:#c586c0>#include</span><span style=color:#569cd6> </span><span style=color:#ce9178>&#60iostream></span></span>
<span class=line></span>
<span class=line><span style=color:#569cd6>int</span><span style=color:#d4d4d4> </span><span style=color:#dcdcaa>main</span><span style=color:#d4d4d4>() {</span></span>
<span class=line><span style=color:#d4d4d4>    </span><span style=color:#4ec9b0>std</span><span style=color:#d4d4d4>::cout &#60&#60 </span><span style=color:#ce9178>"hello world"</span><span style=color:#d4d4d4> &#60&#60 </span><span style=color:#4ec9b0>std</span><span style=color:#d4d4d4>::endl;</span></span>
<span class=line><span style=color:#d4d4d4>}</span></span>
<span class=line></span></code></pre><p>引用<blockquote><p>一段回目の引用<blockquote><p>二段階目の引用<blockquote><p>三段階目の引用</blockquote></blockquote></blockquote><h1 id=テーブル><a href=#テーブル>テーブル</a></h1><p>じゃんけんの勝敗<table><thead><tr><th>手<th>ぐー<th>ちょき<th>ぱー<tbody><tr><td>ぐー<td>--<td>o<td>x<tr><td>ちょき<td>x<td>--<td>o<tr><td>ぱー<td>o<td>x<td>--</table><p>水平線<hr><p>注釈のテスト<p>注釈のテスト 1<sup id=fnref-1><a href=#fn-1 class=footnote-ref>1</a></sup><p>注釈のテスト 2<sup id=fnref-2><a href=#fn-2 class=footnote-ref>2</a></sup><p>文中にも次のように埋め込める<sup id=fnref-3><a href=#fn-3 class=footnote-ref>3</a></sup>ことができる<p>同じ注釈を再利用できる<sup id=fnref-2><a href=#fn-2 class=footnote-ref>2</a></sup><div class=footnotes><hr><ol><li id=fn-1><p>これは 1 番目の注釈です <strong>注釈の中も修飾できる</strong><p>しかも複数行も書ける<a href=#fnref-1 class=footnote-backref>↩</a><li id=fn-2><p>これは 2 番目の注釈です<a href=#fnref-2 class=footnote-backref>↩</a><li id=fn-3><p>これはインライン注釈<a href=#fnref-3 class=footnote-backref>↩</a></ol></div>

<hr><h1 id=h1-heading-8-><a href=#h1-heading-8->h1 Heading 8-)</a></h1><h2 id=h2-heading><a href=#h2-heading>h2 Heading</a></h2><h3 id=h3-heading><a href=#h3-heading>h3 Heading</a></h3><h4 id=h4-heading><a href=#h4-heading>h4 Heading</a></h4><h5 id=h5-heading><a href=#h5-heading>h5 Heading</a></h5><h6 id=h6-heading><a href=#h6-heading>h6 Heading</a></h6><h2 id=horizontal-rules><a href=#horizontal-rules>Horizontal Rules</a></h2><hr><hr><hr><h2 id=typographic-replacements><a href=#typographic-replacements>Typographic replacements</a></h2><p>Enable typographer option to see result.<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-<p>test.. test... test..... test?..... test!....<p>!!!!!! ???? ,, -- ---<p>"Smartypants, double quotes" and 'single quotes'<h2 id=emphasis><a href=#emphasis>Emphasis</a></h2><p><strong>This is bold text</strong><p><strong>This is bold text</strong><p><em>This is italic text</em><p><em>This is italic text</em><p><del>Strikethrough</del><h2 id=blockquotes><a href=#blockquotes>Blockquotes</a></h2><blockquote><p>Blockquotes can also be nested...<blockquote><p>...by using additional greater-than signs right next to each other...<blockquote><p>...or with spaces between arrows.</blockquote></blockquote></blockquote><h2 id=lists><a href=#lists>Lists</a></h2><p>Unordered<ul><li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code><li>Sub-lists are made by indenting 2 spaces:<ul><li>Marker character change forces new list start:<ul><li>Ac tristique libero volutpat at</ul><ul><li>Facilisis in pretium nisl aliquet</ul><ul><li>Nulla volutpat aliquam velit</ul></ul><li>Very easy!</ul><p>Ordered<ol><li><p>Lorem ipsum dolor sit amet<li><p>Consectetur adipiscing elit<li><p>Integer molestie lorem at massa<li><p>You can use sequential numbers...<li><p>...or keep all the numbers as <code>1.</code></ol><p>Start numbering with offset:<ol start=57><li>foo<li>bar</ol><h2 id=code><a href=#code>Code</a></h2><p>Inline <code>code</code><p>Indented code<pre><code>// Some comments
line 1 of code
line 2 of code
line 3 of code
</code></pre><p>Block code "fences"<pre><code>Sample text here...
</code></pre><p>Syntax highlighting</p><pre class=shiki style=background-color:#1e1e1e><code><span class=line><span style=color:#569cd6>var</span><span style=color:#d4d4d4> </span><span style=color:#dcdcaa>foo</span><span style=color:#d4d4d4> = </span><span style=color:#569cd6>function</span><span style=color:#d4d4d4> (</span><span style=color:#9cdcfe>bar</span><span style=color:#d4d4d4>) {</span></span>
<span class=line><span style=color:#d4d4d4>  </span><span style=color:#c586c0>return</span><span style=color:#d4d4d4> </span><span style=color:#9cdcfe>bar</span><span style=color:#d4d4d4>++;</span></span>
<span class=line><span style=color:#d4d4d4>};</span></span>
<span class=line></span>
<span class=line><span style=color:#9cdcfe>console</span><span style=color:#d4d4d4>.</span><span style=color:#dcdcaa>log</span><span style=color:#d4d4d4>(</span><span style=color:#dcdcaa>foo</span><span style=color:#d4d4d4>(</span><span style=color:#b5cea8>5</span><span style=color:#d4d4d4>));</span></span>
<span class=line></span></code></pre><h2 id=tables><a href=#tables>Tables</a></h2><table><thead><tr><th>Option<th>Description<tbody><tr><td>data<td>path to data files to supply the data that will be passed into templates.<tr><td>engine<td>engine to be used for processing templates. Handlebars is the default.<tr><td>ext<td>extension to be used for dest files.</table><p>Right aligned columns<table><thead><tr><th align=right>Option<th align=right>Description<tbody><tr><td align=right>data<td align=right>path to data files to supply the data that will be passed into templates.<tr><td align=right>engine<td align=right>engine to be used for processing templates. Handlebars is the default.<tr><td align=right>ext<td align=right>extension to be used for dest files.</table><h2 id=links><a href=#links>Links</a></h2><p><a href=http://dev.nodeca.com>link text</a><p><a href=http://nodeca.github.io/pica/demo/ title="title text!">link with title</a><p>Autoconverted link <a href=https://github.com/nodeca/pica>https://github.com/nodeca/pica</a> (enable linkify to see)<h2 id=images><a href=#images>Images</a></h2><p><img alt=Minion src=https://octodex.github.com/images/minion.png> <img alt=Stormtroopocat src=https://octodex.github.com/images/stormtroopocat.jpg title="The Stormtroopocat"><p>Like links, Images also have a footnote style syntax<p><img alt="Alt text"src=https://octodex.github.com/images/dojocat.jpg title="The Dojocat"><p>With a reference later in the document defining the URL location:<h2 id=plugins><a href=#plugins>Plugins</a></h2><p>The killer feature of <code>markdown-it</code> is very effective support of <a href=https://www.npmjs.org/browse/keyword/markdown-it-plugin>syntax plugins</a>.<h3 id=emojies><a href=#emojies><a href=https://github.com/markdown-it/markdown-it-emoji>Emojies</a></a></h3><blockquote><p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋<p>Shortcuts (emoticons): :-) :-( 8-) ;)</blockquote><p>see <a href=https://github.com/markdown-it/markdown-it-emoji#change-output>how to change output</a> with twemoji.<h3 id=subscript--superscript><a href=#subscript--superscript><a href=https://github.com/markdown-it/markdown-it-sub>Subscript</a> / <a href=https://github.com/markdown-it/markdown-it-sup>Superscript</a></a></h3><ul><li>19^th^<li>H<del>2</del>O</ul><h3 id=ins><a href=#ins><a href=https://github.com/markdown-it/markdown-it-ins>&#60ins></a></a></h3><p>++Inserted text++<h3 id=mark><a href=#mark><a href=https://github.com/markdown-it/markdown-it-mark>&#60mark></a></a></h3><p>==Marked text==<h3 id=footnotes><a href=#footnotes><a href=https://github.com/markdown-it/markdown-it-footnote>Footnotes</a></a></h3><p>Footnote 1 link<sup id=fnref-first><a href=#fn-first class=footnote-ref>first</a></sup>.<p>Footnote 2 link<sup id=fnref-second><a href=#fn-second class=footnote-ref>second</a></sup>.<p>Inline footnote<sup id=fnref-1><a href=#fn-1 class=footnote-ref>1</a></sup> definition.<p>Duplicated footnote reference<sup id=fnref-second><a href=#fn-second class=footnote-ref>second</a></sup>.<h3 id=definition-lists><a href=#definition-lists><a href=https://github.com/markdown-it/markdown-it-deflist>Definition lists</a></a></h3><p>Term 1<p>: Definition 1 with lazy continuation.<p>Term 2 with <em>inline markup</em><p>: Definition 2<pre><code>    { some code, part of Definition 2 }

Third paragraph of definition 2.
</code></pre><p><em>Compact style:</em><p>Term 1 ~ Definition 1<p>Term 2 ~ Definition 2a ~ Definition 2b<h3 id=abbreviations><a href=#abbreviations><a href=https://github.com/markdown-it/markdown-it-abbr>Abbreviations</a></a></h3><p>This is HTML abbreviation example.<p>It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.<p>*[HTML]: Hyper Text Markup Language<h3 id=custom-containers><a href=#custom-containers><a href=https://github.com/markdown-it/markdown-it-container>Custom containers</a></a></h3><p>::: warning <em>here be dragons</em> :::<div class=footnotes><hr><ol><li id=fn-first><p>Footnote <strong>can have markup</strong><p>and multiple paragraphs.<a href=#fnref-first class=footnote-backref>↩</a><li id=fn-second><p>Footnote text.<a href=#fnref-second class=footnote-backref>↩</a><li id=fn-1><p>Text of inline footnote<a href=#fnref-1 class=footnote-backref>↩</a></ol></div>

<h1 id=dummy-title><a href=#dummy-title>Dummy Title</a></h1>