https://playground.bearblog.dev Flyfish's Playground 2026-04-04T15:49:27.376905+00:00 playground hidden python-feedgen Hello World! This is my css playground... https://playground.bearblog.dev/all-markdown-test/ All markdown test 2025-02-09T01:37:25.183605+00:00 playground hidden <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">&quot;Hello, world!&quot;</span><span class="p">);</span> </pre></div> 2025-02-09T01:27:00+00:00 https://playground.bearblog.dev/gird-style-image-gallery/ Gird-style Image Gallery 2025-02-05T11:43:26.845759+00:00 playground hidden <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:00 https://playground.bearblog.dev/polaroid-style-image-gallery/ Polaroid style image gallery 2025-02-05T11:41:08.880277+00:00 playground hidden <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