<h2 class="my-2 font-semibold text-xl">如何自定义 favicon</h2><pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/png&quot; href=&quot;/favicon.png&quot;/&gt;</code></pre><h2 class="my-2 font-semibold text-xl">html 中的空格</h2>multiple spaces in html is displayed as one, to show multiple space<ol class="my-4 ml-4 font-light list-decimal"><li class="">use <code class="px-1 bg-gray-100 border-2 rounded">&lt;pre&gt;</code> around the word</li><li class="">use <code class="px-1 bg-gray-100 border-2 rounded">&amp;nbsp;</code></li></ol><h2 class="my-2 font-semibold text-xl">Image lazy-loading</h2><pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>&lt;img src=&quot;image.jpg&quot; loading=&quot;lazy&quot; alt=&quot;Alternative Text&quot; /&gt;</code></pre><h2 class="my-2 font-semibold text-xl">Force download</h2><pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>&lt;a href=&quot;path/to/file&quot; download&gt; Download &lt;/a&gt;</code></pre>

$ ls ~yifei/notes/

html 的一些小知识和陷阱

如何自定义 favicon

html 中的空格

Image lazy-loading

Force download