<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Formatting on Mono</title><link>https://mono.youali.me/tags/formatting/</link><description>Recent content in Formatting on Mono</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Fri, 10 Jan 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://mono.youali.me/tags/formatting/index.xml" rel="self" type="application/rss+xml"/><item><title>Typography and Markdown</title><link>https://mono.youali.me/posts/post-04/</link><pubDate>Fri, 10 Jan 2025 00:00:00 +0000</pubDate><guid>https://mono.youali.me/posts/post-04/</guid><description>&lt;p>This guide covers all the basic Markdown formatting options available in the theme.&lt;/p>
&lt;hr>
&lt;h2 id="basic-text-formatting">Basic Text Formatting&lt;/h2>
&lt;p>As is standard in Markdown, the basic formatting options are:&lt;/p>
&lt;ul>
&lt;li>&lt;strong>Bold text&lt;/strong> is created using double asterisks: &lt;code>**bold text**&lt;/code>&lt;/li>
&lt;li>&lt;em>Italic text&lt;/em> is created using single asterisks: &lt;code>*italic text*&lt;/code>&lt;/li>
&lt;li>&lt;code>Inline code&lt;/code> is created using backticks: &lt;code>`inline code`&lt;/code>&lt;/li>
&lt;li>&lt;del>Strikethrough&lt;/del>: created using double tildes: &lt;code>~~strikethrough~~&lt;/code>&lt;/li>
&lt;li>&lt;a href="https://example.com">Links&lt;/a> are created using: &lt;code>[Link Text](https://example.com)&lt;/code>&lt;/li>
&lt;/ul>
&lt;h3 id="headings">Headings&lt;/h3>
&lt;p>Mono supports six levels of headings, each with appropriate sizing and spacing for clear visual hierarchy, which are created using hash symbols:&lt;/p></description></item><item><title>Images and Media</title><link>https://mono.youali.me/posts/post-05/</link><pubDate>Sun, 05 Jan 2025 00:00:00 +0000</pubDate><guid>https://mono.youali.me/posts/post-05/</guid><description>&lt;p>The Mono theme provides several options for incorporating images and media into posts with clean and responsive layouts.&lt;/p>
&lt;hr>
&lt;h2 id="images">Images&lt;/h2>
&lt;h3 id="image-placement">Image Placement&lt;/h3>
&lt;p>There are two main ways to organize images in a Hugo site:&lt;/p>
&lt;p>&lt;strong>1. Post Bundle (Recommended)&lt;/strong>: Place images alongside the post in a folder, where the markdown file is named &lt;code>index.md&lt;/code> and images are in the same directory:&lt;/p>
&lt;div class="highlight-wrapper">&lt;button type="button" class="copy-button" title="Copy code">
 &lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
 &lt;rect x="9" y="9" width="13" height="13" rx="2" ry="2">&lt;/rect>
 &lt;path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">&lt;/path>
&lt;/svg>

 &lt;/button>
 &lt;pre tabindex="0">&lt;code>content/posts/my-post/
├── index.md
├── image1.jpg
└── image2.png&lt;/code>&lt;/pre>
&lt;/div>
&lt;p>Which is then referenced with:&lt;/p></description></item></channel></rss>