我的网站
一个分享和探索想法的地方。
Zola
2025-01-03T20:30:00+00:00
https://minsignal.plotsignal.com/zh/atom.xml
使用 Husky Git 钩子在提交前运行脚本
2025-01-03T20:30:00+00:00
2025-01-03T20:30:00+00:00
Unknown
https://minsignal.plotsignal.com/zh/husky-git-hook/
<p>Git 钩子可以帮助你在工作流中自动化一些任务，但手动管理它们可能很麻烦。<strong><a rel="noopener" target="_blank" href="https://typicode.github.io/husky/">Husky</a></strong> 简化了这一过程，让你可以轻松设置钩子，比如预提交检查。以下是结合 <strong>Prettier</strong> 实现提交前代码格式化的操作方法。</p>
<h2 id="she-zhi-bu-zou">设置步骤</h2>
<ol>
<li>
<p>安装 Husky：</p>
<pre data-lang="bash" class="language-bash "><code class="language-bash" data-lang="bash">npx husky init
</code></pre>
</li>
<li>
<p>编辑第一步中创建的 <code>.husky/pre-commit</code> 文件：</p>
<pre data-lang="bash" class="language-bash "><code class="language-bash" data-lang="bash">prettier $(git diff --cached --name-only --diff-filter=ACMR | sed 's| |\\ |g') --write --ignore-unknown
git update-index --again
</code></pre>
</li>
</ol>
<h3 id="jie-shi">解释：</h3>
<ul>
<li><strong><code>git diff --cached --name-only --diff-filter=ACMR</code></strong>：列出已暂存的新增、修改、重命名或复制的文件。</li>
<li><strong><code>sed 's| |\\ |g'</code></strong>：处理文件名中的空格。</li>
<li><strong><code>prettier --write</code></strong>：使用 Prettier 格式化文件。</li>
<li><strong><code>--ignore-unknown</code></strong>：忽略不支持的文件类型或二进制文件。</li>
</ul>
<p>这确保了在提交之前格式化已暂存的文件。</p>
<h2 id="ce-shi-bu-zou">测试步骤</h2>
<ol>
<li>使用 <code>git add</code> 暂存更改。</li>
<li>使用 <code>git commit -m "测试"</code> 提交。</li>
<li>Husky 会在提交前自动格式化已暂存的文件。</li>
</ol>
<h3 id="jie-guo">结果</h3>
<p>下面是一个 Husky 钩子使用 Prettier 格式化 JavaScript 文件的示例：</p>
<figure class="fi ci"><img src="prettier_js_file.png" class="ci" alt="prettier javascript file" width="1000" height="438" loading="lazy" /><figcaption>Prettier Javascript file</figcaption></figure>
<hr />
<h2 id="jie-lun">结论</h2>
<p>Husky 可以帮助你强制执行代码标准并自动化常规任务，让 Git 工作流更高效，代码库更整洁。试试看吧！</p>
通过安全的联系表单架构对抗垃圾信息
2024-12-21T12:40:00+00:00
2024-12-21T12:40:00+00:00
Unknown
https://minsignal.plotsignal.com/zh/contact-spam-filter/
<p>高效处理垃圾信息是维护安全可靠的联系表单的关键。我的架构结合了 Cloudflare Workers、KV Storage、AWS DynamoDB、SES、S3 和 SNS，实现了安全性与卓越的操作性能。</p>
<figure class="fi ci"><img src="contact_form_spam_filtering.png" class="ci" alt="反垃圾架构" width="600" height="918" loading="lazy" /><figcaption>反垃圾架构</figcaption></figure>
<p>该架构处理表单提交，检测垃圾信息，警告潜在的垃圾信息发送者，并通过安全方式保存数据和发送通知来处理合法消息。</p>
<hr />
<h2 id="yan-shi-jie-guo">演示结果</h2>
<p>好奇效果如何？查看演示：<a rel="noopener" target="_blank" href="https://x.com/biajia/status/1867890765860606100">查看演示</a><br />
（该演示展示了实时垃圾信息过滤和消息处理。）</p>
<hr />
<p>通过使用上述系统，我们能够确保垃圾信息被彻底阻止，同时合法通信得以顺利处理。该架构会自动警告垃圾信息发送者，并将干净的数据存储以供后续处理。</p>
<hr />
<p>敬请关注更多关于构建现代 Web 应用程序的安全、可扩展系统的见解。</p>
利用 Azure、GCP、AWS 和 Cloudflare 提供网络服务
2024-12-07T10:01:00+00:00
2024-12-07T10:01:00+00:00
Unknown
https://minsignal.plotsignal.com/zh/cloud-services/
<p>在快速发展的网络服务领域，选择合适的工具和平台至关重要，它们能决定您的应用是否成功。</p>