Notes & Thoughtshttps://blog.dee.ee/Firefly6.15.6https://github.com/CuteLeaf/Firefly2026年8月5日 21:27:07https://blog.dee.ee/posts/blog/%E5%9B%BE%E5%BA%8A%E5%A4%96%E9%93%BE%E4%B8%8E%E5%B0%81%E9%9D%A2/https://blog.dee.ee/posts/blog/%E5%9B%BE%E5%BA%8A%E5%A4%96%E9%93%BE%E4%B8%8E%E5%B0%81%E9%9D%A2/vault 零附件:图片全部走图床外链,封面用 image 字段Thu, 30 Jul 2026 00:00:00 GMT<section><h1>图床外链与封面<a href="#图床外链与封面"><span>#</span></a></h1><section><h2>原则<a href="#原则"><span>#</span></a></h2><p>vault 里<strong>零附件、零本地图片</strong>。所有图片粘贴即上传图床,正文用外链,封面用 frontmatter 的 <code>image</code> 字段。</p></section><section><h2>正文插图(图床 URL)<a href="#正文插图图床-url"><span>#</span></a></h2><p></p><figure><img src="https://picsum.photos/seed/obsidian-vault/800/450" alt="示例图片,直接引用图床 URL" /><figcaption>示例图片,直接引用图床 URL</figcaption></figure><p></p><div><div><div></div><div>防盗链</div></div><div><p>如果图床开启了防盗链导致图片 403,在 <code>siteConfig.ts</code> 的 <code>noReferrerDomains</code> 里加上图床域名,支持通配符 <code>*.域名</code>。</p></div></div></section><section><h2>封面<a href="#封面"><span>#</span></a></h2><p>frontmatter 里的 <code>image</code> 字段会作为文章封面:</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>image</span><span>: </span><span>https://picsum.photos/seed/cover-demo/1200/630</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>推荐图床<a href="#推荐图床"><span>#</span></a></h2> <table><thead><tr><th>方案</th><th>说明</th></tr></thead><tbody><tr><td>Cloudflare R2</td><td>便宜、无出口流量费,配合粘贴上传插件</td></tr><tr><td>任意 URL 直链图床</td><td>只要能稳定外链即可</td></tr></tbody></table></section><section><h2>相关内容<a href="#相关内容"><span>#</span></a></h2><ul> <li><a href="/posts/blog/firefly-%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/">上手指南</a> —— 发布流程总览</li> <li>想回顾语法?看 <a href="/posts/Obsidian-%E7%89%B9%E6%80%A7%E9%80%9F%E6%9F%A5/#%E5%9B%BE%E7%89%87">特性速查的图片小节</a></li> </ul><div><div><div></div><div>注意</div></div><div><p>图床外链的图片不走站点优化管线(无 LQIP、无压缩),尽量上传前自己压好图。</p></div></div></section></section>https://blog.dee.ee/posts/blog/firefly-%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/https://blog.dee.ee/posts/blog/firefly-%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/从零开始把 Obsidian 笔记发布成 Firefly 博客的完整流程Tue, 28 Jul 2026 00:00:00 GMT<section><h1>Firefly 上手指南<a href="#firefly-上手指南"><span>#</span></a></h1><div><div><div></div><div>一句话总结</div></div><div><p>在笔记的 frontmatter 里写上 <code>publish: true</code>,这篇笔记就会出现在博客上。</p></div></div><section><h2>发布流程<a href="#发布流程"><span>#</span></a></h2><ol> <li>在 Obsidian 里写完笔记</li> <li>粘贴图片自动上传图床,得到外链</li> <li>给笔记加上 <code>publish: true</code></li> <li>Obsidian Git 自动推送到私有仓库</li> <li>公开仓库的 Actions 拉取、过滤、构建、部署</li> </ol></section><section><h2>与本站其他文章的关系<a href="#与本站其他文章的关系"><span>#</span></a></h2><p>这篇文章是系列的第一篇,相关阅读:</p><ul> <li><a href="/posts/blog/%E5%9B%BE%E5%BA%8A%E5%A4%96%E9%93%BE%E4%B8%8E%E5%B0%81%E9%9D%A2/">图床与封面设置</a> —— 图片怎么处理</li> <li><a href="/posts/Obsidian-%E7%89%B9%E6%80%A7%E9%80%9F%E6%9F%A5/">特性速查</a> —— wikilink / callout 等语法汇总</li> </ul></section><section><h2>标签<a href="#标签"><span>#</span></a></h2><p>写作时随手打的标签:#obsidian #firefly #publish</p></section><section><h2>任务清单(示例)<a href="#任务清单示例"><span>#</span></a></h2><ul> <li> 创建私有仓库 <code>notes-content</code></li> <li> 安装 Obsidian Git 插件</li> <li> 配置图床粘贴上传</li> <li> 写完这篇指南</li> </ul></section><section><h2>代码块示例<a href="#代码块示例"><span>#</span></a></h2><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>pnpm</span><span> </span><span>overlay:dev</span><span> </span><span># 本地预览站点</span></div></div><div><div><div>2</div></div><div><span>pnpm</span><span> </span><span>overlay:build</span><span> </span><span># 生产构建</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>数学公式<a href="#数学公式"><span>#</span></a></h2><p>内联公式 <span><span>E=mc2E = mc^2</span><span><span><span></span><span>E</span><span></span><span>=</span><span></span></span><span><span></span><span>m</span><span><span>c</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span>,行间公式:</p><span><span><span>∫−∞+∞e−x2dx=π\int_{-\infty}^{+\infty} e^{-x^2} dx = \sqrt{\pi}</span><span><span><span></span><span><span>∫</span><span><span><span><span><span><span></span><span><span><span>−</span><span>∞</span></span></span></span><span><span></span><span><span><span>+</span><span>∞</span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span><span></span><span><span>e</span><span><span><span><span><span><span></span><span><span><span>−</span><span><span>x</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span><span>d</span><span>x</span><span></span><span>=</span><span></span></span><span><span></span><span><span><span><span><span><span></span><span><span>π</span></span></span><span><span></span><span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span></span></span></span></span><p>==这段文字用高亮标记==,表示强调。</p></section></section>https://blog.dee.ee/posts/obsidian-%E7%89%B9%E6%80%A7%E9%80%9F%E6%9F%A5/https://blog.dee.ee/posts/obsidian-%E7%89%B9%E6%80%A7%E9%80%9F%E6%9F%A5/wikilink、callout、图床外链等 Obsidian 特性的语法速查Sat, 25 Jul 2026 00:00:00 GMT<section><h1>Obsidian 特性速查<a href="#obsidian-特性速查"><span>#</span></a></h1><p>本站使用 Firefly 主题,内置支持 Obsidian 原生语法,写作体验和编辑器里一致。</p><section><h2>双链(Wikilink)<a href="#双链wikilink"><span>#</span></a></h2><ul> <li>独立段落双链 → 渲染为卡片:<a href="/posts/blog/firefly-%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/">Firefly 上手指南</a></li> <li>行内双链 → 渲染为链接&lt;见&gt; <a href="/posts/blog/%E5%9B%BE%E5%BA%8A%E5%A4%96%E9%93%BE%E4%B8%8E%E5%B0%81%E9%9D%A2/">图床外链与封面</a></li> <li>带别名:<a href="/posts/blog/firefly-%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/">上手指南</a></li> <li>链接到小节:<a href="/posts/blog/%E5%9B%BE%E5%BA%8A%E5%A4%96%E9%93%BE%E4%B8%8E%E5%B0%81%E9%9D%A2/#%E5%B0%81%E9%9D%A2">跳到封面小节</a></li> </ul><div><div><div></div><div>未发布链接</div></div><div><p>wikilink 指向未发布笔记(如 <a href="/posts/%E8%8D%89%E7%A8%BF-%E6%9C%AA%E5%AE%8C%E6%88%90%E7%9A%84%E6%83%B3%E6%B3%95/">草稿-未完成的想法</a>)会生成 404 链接,这是可接受行为;重名笔记需要写全路径 <code>[[目录/笔记]]</code>,否则跳过并警告。</p></div></div></section><section><h2>Callout<a href="#callout"><span>#</span></a></h2><div><div><div></div><div>Tip</div></div><div><p>提示类 callout。</p></div></div><div><div><div></div><div>Warning</div></div><div><p>警告类 callout。</p></div></div><div><div><div></div><div>Danger</div></div><div><p>危险类 callout。</p></div></div><div><div><div></div><div>Info</div></div><div><p>信息类 callout。</p></div></div><div><div><div></div><div>Quote</div></div><div><p>引用类 callout。</p></div></div></section><section><h2>图片<a href="#图片"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>![</span><span>描述文字</span><span>]</span><span><span>(</span><span>https://picsum.photos/seed/demo/800/450</span><span>)</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><p></p><figure><img src="https://picsum.photos/seed/obsidian-demo/800/450" alt="图片也是图床外链" /><figcaption>图片也是图床外链</figcaption></figure><p></p></section><section><h2>其他常用语法<a href="#其他常用语法"><span>#</span></a></h2> <table><thead><tr><th>语法</th><th>效果</th></tr></thead><tbody><tr><td><code>==高亮==</code></td><td>==高亮==</td></tr><tr><td><code>**粗体**</code></td><td><strong>粗体</strong></td></tr><tr><td><code>*斜体*</code></td><td><em>斜体</em></td></tr><tr><td><code>- [ ] 任务</code></td><td>- [ ] 任务</td></tr><tr><td><code>#标签</code></td><td>#obsidian</td></tr><tr><td><code>$x^2$</code></td><td><span><span>x2x^2</span><span><span><span></span><span><span>x</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span>(KaTeX 渲染)</td></tr></tbody></table></section><section><h2>相关文章<a href="#相关文章"><span>#</span></a></h2><ul> <li><a href="/posts/blog/firefly-%E4%B8%8A%E6%89%8B%E6%8C%87%E5%8D%97/">Firefly 上手指南</a> —— 发布流程</li> <li><a href="/posts/blog/%E5%9B%BE%E5%BA%8A%E5%A4%96%E9%93%BE%E4%B8%8E%E5%B0%81%E9%9D%A2/">图床外链与封面</a> —— 图片与封面设置</li> </ul></section></section>