<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>图床 on 风言风语</title><link>https://1.122915.xyz/tags/%E5%9B%BE%E5%BA%8A/</link><description>神仙阿旺的个人博客 - 记录技术实践与生活感悟 风言风语</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><managingEditor>神仙阿旺</managingEditor><webMaster>神仙阿旺</webMaster><copyright/><lastBuildDate>Sun, 19 Jul 2026 00:34:47 +0800</lastBuildDate><atom:link href="https://1.122915.xyz/tags/%E5%9B%BE%E5%BA%8A/index.xml" rel="self" type="application/rss+xml"/><item><title>Piclsit自定义链接</title><link>https://1.122915.xyz/posts/piclsit%E8%87%AA%E5%AE%9A%E4%B9%89%E9%93%BE%E6%8E%A5/</link><pubDate>Sun, 19 Jul 2026 00:34:47 +0800</pubDate><author>神仙阿旺</author><guid>https://1.122915.xyz/posts/piclsit%E8%87%AA%E5%AE%9A%E4%B9%89%E9%93%BE%E6%8E%A5/</guid><description>&lt;h4 id="响应式图片卡">响应式图片卡&lt;/h4>
&lt;div class="code-block-container">&lt;div class="code-block-header">
&lt;div class="code-block-header-left">&lt;div class="code-block-dots" aria-hidden="true">
&lt;span class="code-block-dot red">&lt;/span>
&lt;span class="code-block-dot yellow">&lt;/span>
&lt;span class="code-block-dot green">&lt;/span>
&lt;/div>
&lt;span class="lang-label">html&lt;/span>
&lt;/div>
&lt;button class="copy-button" type="button" onclick="copyCode(event, this)" aria-label="复制代码">
&lt;i class="fa-regular fa-copy">&lt;/i>
&lt;span>复制&lt;/span>
&lt;/button>
&lt;/div>&lt;div class="code-content-wrapper">
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-html" data-lang="html">&lt;span class="line">&lt;span class="cl"># 响应式图片卡片
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">&amp;lt;&lt;/span>&lt;span class="nt">a&lt;/span> &lt;span class="na">href&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$url&amp;#34;&lt;/span> &lt;span class="na">target&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;_blank&amp;#34;&lt;/span>&lt;span class="p">&amp;gt;&lt;/span> &lt;span class="p">&amp;lt;&lt;/span>&lt;span class="nt">img&lt;/span> &lt;span class="na">src&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$url&amp;#34;&lt;/span> &lt;span class="na">alt&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$fileName&amp;#34;&lt;/span> &lt;span class="na">loading&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;lazy&amp;#34;&lt;/span> &lt;span class="na">style&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;width:100%;max-width:var(--size);height:auto;display:block;--size:600px;border:1px solid black;&amp;#34;&lt;/span>&lt;span class="p">&amp;gt;&lt;/span> &lt;span class="p">&amp;lt;/&lt;/span>&lt;span class="nt">a&lt;/span>&lt;span class="p">&amp;gt;&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>
&lt;/div>
&lt;/div>
&lt;div class="code-block-container">&lt;div class="code-block-header">
&lt;div class="code-block-header-left">&lt;div class="code-block-dots" aria-hidden="true">
&lt;span class="code-block-dot red">&lt;/span>
&lt;span class="code-block-dot yellow">&lt;/span>
&lt;span class="code-block-dot green">&lt;/span>
&lt;/div>
&lt;span class="lang-label">html&lt;/span>
&lt;/div>
&lt;button class="copy-button" type="button" onclick="copyCode(event, this)" aria-label="复制代码">
&lt;i class="fa-regular fa-copy">&lt;/i>
&lt;span>复制&lt;/span>
&lt;/button>
&lt;/div>&lt;div class="code-content-wrapper">
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-html" data-lang="html">&lt;span class="line">&lt;span class="cl">&lt;span class="c">&amp;lt;!-- 外层锚点标签：使图片可点击 --&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">&amp;lt;&lt;/span>&lt;span class="nt">a&lt;/span> &lt;span class="na">href&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$url&amp;#34;&lt;/span> &lt;span class="na">target&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;_blank&amp;#34;&lt;/span>&lt;span class="p">&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="c">&amp;lt;!-- 图片标签 --&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">&amp;lt;&lt;/span>&lt;span class="nt">img&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">src&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$url&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">alt&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$fileName&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">loading&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;lazy&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="na">style&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> width:100%; /* 图片宽度占满容器 */
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> max-width:var(--size); /* 最大宽度受 --size 变量限制 */
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> height:auto; /* 高度自动适配，保持宽高比 */
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> display:block; /* 块级显示，消除inline间距 */
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> --size:600px; /* 自定义CSS变量，最大宽度为600px */
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> border:1px solid black; /* 1px 纯黑色边框 */
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="s"> &amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="p">&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">&amp;lt;/&lt;/span>&lt;span class="nt">a&lt;/span>&lt;span class="p">&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">&amp;lt;!--
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">说明：
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">- $url：图片链接（用于 href 和 src）
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">- $fileName：文件名（用于 alt 属性）
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">- target=&amp;#34;_blank&amp;#34;：在新标签页打开链接
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">- loading=&amp;#34;lazy&amp;#34;：图片懒加载，改善页面性能
&lt;/span>&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c">--&amp;gt;&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>
&lt;/div>
&lt;/div>
&lt;hr>
&lt;h4 id="极简黑框卡">极简黑框卡&lt;/h4>
&lt;div class="code-block-container">&lt;div class="code-block-header">
&lt;div class="code-block-header-left">&lt;div class="code-block-dots" aria-hidden="true">
&lt;span class="code-block-dot red">&lt;/span>
&lt;span class="code-block-dot yellow">&lt;/span>
&lt;span class="code-block-dot green">&lt;/span>
&lt;/div>
&lt;span class="lang-label">html&lt;/span>
&lt;/div>
&lt;button class="copy-button" type="button" onclick="copyCode(event, this)" aria-label="复制代码">
&lt;i class="fa-regular fa-copy">&lt;/i>
&lt;span>复制&lt;/span>
&lt;/button>
&lt;/div>&lt;div class="code-content-wrapper">
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-html" data-lang="html">&lt;span class="line">&lt;span class="cl">&lt;span class="p">&amp;lt;&lt;/span>&lt;span class="nt">a&lt;/span> &lt;span class="na">href&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$url&amp;#34;&lt;/span> &lt;span class="na">target&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;_blank&amp;#34;&lt;/span> &lt;span class="na">style&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;display: inline-block; border: 0px solid black; padding: 8px; background-color: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);&amp;#34;&lt;/span>&lt;span class="p">&amp;gt;&amp;lt;&lt;/span>&lt;span class="nt">img&lt;/span> &lt;span class="na">src&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$url&amp;#34;&lt;/span> &lt;span class="na">alt&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;$fileName&amp;#34;&lt;/span> &lt;span class="na">loading&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;lazy&amp;#34;&lt;/span> &lt;span class="na">style&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;width:100%;max-width:var(--size);height:auto;display:block;--size:600px;&amp;#34;&lt;/span>&lt;span class="p">&amp;gt;&amp;lt;/&lt;/span>&lt;span class="nt">a&lt;/span>&lt;span class="p">&amp;gt;&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>
&lt;/div>
&lt;/div>
&lt;p>&lt;strong>投影参数调节：&lt;/strong>&lt;/p></description></item><item><title>极轻量私有图床系统</title><link>https://1.122915.xyz/posts/%E8%87%AA%E5%BB%BA%E5%9B%BE%E5%BA%8A/</link><pubDate>Fri, 19 Jun 2026 14:24:26 +0800</pubDate><author>神仙阿旺</author><guid>https://1.122915.xyz/posts/%E8%87%AA%E5%BB%BA%E5%9B%BE%E5%BA%8A/</guid><description>&lt;p>极轻量私有图床系统技术方案书 v2.0&lt;/p>
&lt;p>&lt;strong>版本：v2.0 最终版&lt;/strong> &lt;strong>发布日期：2026 年 6 月 15 日&lt;/strong>&lt;/p>
&lt;hr>
&lt;h2 id="一项目背景与概述">一、项目背景与概述&lt;/h2>
&lt;p>随着企业数字化内容管理需求的增加，高频次、零延迟的图片资产存储与分发成为核心诉求。传统图床方案（如基于 Node.js 或 Python 的标准 Web 服务）普遍存在内存占用高、依赖复杂、维护成本高等痛点。&lt;/p>
&lt;p>本方案提出并设计了一款工业级极轻量私有图床系统。该系统基于 Golang 语言原生开发，专门针对低资源环境（如轻量云服务器、ARM 架构边缘设备）进行了深度优化，旨在提供一个高安全、高性能、零依赖、扁平化维护的图片存储与直链分发解决方案，完美适配 PicList 等主流图床客户端。&lt;/p>
&lt;h3 id="项目定位">项目定位&lt;/h3>
&lt;ul>
&lt;li>
&lt;p>&lt;strong>目标设备&lt;/strong>：玩客云、树莓派、轻量云服务器等低配置设备&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>核心优势&lt;/strong>：内存占用仅 8-15MB、单文件部署、零外部依赖&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>设计理念&lt;/strong>：功能模块化、开关化、默认关闭、按需开启&lt;/p>
&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="二核心设计指标">二、核心设计指标&lt;/h2>
&lt;h3 id="1-资源与性能指标硬性底线">1. 资源与性能指标（硬性底线）&lt;/h3>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>&lt;/th>
&lt;th>&lt;/th>
&lt;th>&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>指标项&lt;/td>
&lt;td>设计目标&lt;/td>
&lt;td>实际达成&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>闲置内存常驻&lt;/td>
&lt;td>≤ 15MB&lt;/td>
&lt;td>&lt;strong>8-12MB&lt;/strong> ✅&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>峰值内存控制&lt;/td>
&lt;td>≤ 25MB&lt;/td>
&lt;td>&lt;strong>15-25MB&lt;/strong> ✅&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>二进制体积&lt;/td>
&lt;td>≤ 10MB&lt;/td>
&lt;td>&lt;strong>6.5-6.7MB&lt;/strong> ✅&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>单一进程架构&lt;/td>
&lt;td>无额外子进程&lt;/td>
&lt;td>✅ 纯单进程&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h3 id="2-部署与兼容性指标">2. 部署与兼容性指标&lt;/h3>
&lt;ul>
&lt;li>
&lt;p>&lt;strong>全架构原生支持&lt;/strong>：amd64 /arm64 /armv7（玩客云专用）&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>纯静态二进制&lt;/strong>：无动态链接库依赖（ldd 显示 &lt;code>not a dynamic executable&lt;/code>）&lt;/p>
&lt;/li>
&lt;li>
&lt;p>&lt;strong>零配置即点即运行&lt;/strong>：首次运行自动释放标准配置文件&lt;/p>
&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="三系统核心架构与功能设计">三、系统核心架构与功能设计&lt;/h2>
&lt;h3 id="1-完整功能开关矩阵v20-新增">1. 完整功能开关矩阵（v2.0 新增）&lt;/h3>
&lt;p>所有功能&lt;strong>默认全部关闭&lt;/strong>，用户可在 &lt;code>config.json&lt;/code> 中按需独立开启：&lt;/p></description></item></channel></rss>