https://playground.bearblog.devFlyfish's Playground2026-04-04T15:49:27.376905+00:00playgroundhiddenpython-feedgenHello World!
This is my css playground...https://playground.bearblog.dev/all-markdown-test/All markdown test2025-02-09T01:37:25.183605+00:00playgroundhidden<h1 id=markdown-test-document>Markdown Test Document</h1><h2 id=table-of-contents>Table of Contents</h2><ol>
<li><a href='#introduction'>Introduction</a></li>
<li><a href='#headings'>Headings</a></li>
<li><a href='#paragraphs-and-text-styles'>Paragraphs and Text Styles</a></li>
<li><a href='#lists'>Lists</a></li>
<li><a href='#links-and-images'>Links and Images</a></li>
<li><a href='#code'>Code</a></li>
<li><a href='#blockquotes'>Blockquotes</a></li>
<li><a href='#tables'>Tables</a></li>
<li><a href='#horizontal-line'>Horizontal Line</a></li>
</ol>
<hr />
<h2 id=introduction>Introduction</h2><p>This is a test document to demonstrate various <strong>Markdown</strong> features. Markdown is a lightweight markup language that you can use to format text. It’s easy to read and write!</p>
<hr />
<h2 id=headings>Headings</h2><p>Headings are created using the <code>#</code> symbol. The number of <code>#</code> characters corresponds to the heading level.</p>
<h3 id=this-is-a-level-3-heading>This is a Level 3 Heading</h3><h4 id=this-is-a-level-4-heading>This is a Level 4 Heading</h4><h5 id=this-is-a-level-5-heading>This is a Level 5 Heading</h5><hr />
<h2 id=paragraphs-and-text-styles>Paragraphs and Text Styles</h2><p>You can create <strong>bold</strong> text by surrounding text with double asterisks (<code>**bold**</code>) or double underscores (<code>__bold__</code>).</p>
<p>Italiacs are created with single asterisks (<code>*italic*</code>) or single underscores (<code>_italic_</code>).</p>
<p>You can also combine <strong>bold and <em>italic</em></strong>.</p>
<p>Strikethrough text is created by surrounding text with two tildes (<code>~~strikethrough~~</code>).</p>
<hr />
<h2 id=lists>Lists</h2><h3 id=unordered-list>Unordered List</h3><ul>
<li>Item 1</li>
<li>Item 2<ul>
<li>Subitem 2.1</li>
<li>Subitem 2.2</li>
</ul>
</li>
<li>Item 3</li>
</ul>
<h3 id=ordered-list>Ordered List</h3><ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
<hr />
<h2 id=links-and-images>Links and Images</h2><p>You can add <a href='https://www.example.com'>links</a> in Markdown.</p>
<p>Images are similar to links but start with an exclamation mark:</p>
<p><img src="https://via.placeholder.com/150" alt="Sample Image" /></p>
<hr />
<h2 id=code>Code</h2><p>You can add <code>inline code</code> by surrounding text with backticks.</p>
<p>To create a block of code, use three backticks (```) or indent the lines with four spaces:</p>
<div class="highlight"><pre><span></span><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"Hello, world!"</span><span class="p">);</span>
</pre></div>
2025-02-09T01:27:00+00:00https://playground.bearblog.dev/gird-style-image-gallery/Gird-style Image Gallery2025-02-05T11:43:26.845759+00:00playgroundhidden<section class="gallery">
<ul>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/wallpaper.webp" alt="Wallpaper" /></li>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/img_8530.webp" alt="Cloud" /></li>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/img_0930.webp" alt="Sunset" /></li>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/14.webp" alt="Dark photo" /></li>
</ul>
</section>
2025-02-05T11:43:26.845501+00:00https://playground.bearblog.dev/polaroid-style-image-gallery/Polaroid style image gallery2025-02-05T11:41:08.880277+00:00playgroundhidden<section class="tiny-photos">
<ul>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/img_0293.webp" alt="IMG_0293" /><ul>
<li>Cloud☁️</li>
</ul>
</li>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/img_0930.webp" alt="IMG_0930" /><ul>
<li>Sunset🌇</li>
</ul>
</li>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/img_8530.webp" alt="IMG_3" /><ul>
<li>Sign🪧 & Cloud on some unknown highway</li>
</ul>
</li>
<li><img src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/flyfish/image-1.webp" alt="image" /><ul>
<li>被作业硬控</li>
</ul>
</li>
</ul>
</section>
2025-01-30T00:53:00+00:00