最近开发博客前端的时候，使用的 AlpineJs 来做一些元素事件、状态的管理，由于我之前只有 vue 的相关使用经验，并没有 Alpine 的开发经验，所以时常会陷入一个困惑中——如何在外部的普通 js 环境来调用元素的 Alpine 函数和变量。 需求场景 例如，我在博客左侧的文章目录树中，为了

核心点就两个：第一，实现行列间都等间距，使用 grid 布局。第二，图片不拉伸覆盖容器 object-fit 属性。 <style> .imageList { width: 100%; display: grid; grid-template-col

最近在使用的 tailwind 手搓博客前端的时候，遇到的一个不可控的问题，让我产生放弃 tailwind 使用传统 css 样式开发的念头了。本身不是什么大问题，但这种不可控的感觉让人很没有安全感。 一、问题 我的博客文章是 Markdown 格式，所以我使用的 markdown-github-c

问题 最近遇到一个奇怪的问题，我有一个父元素和两个子元素，其中： 父元素：定宽、flex； 子元素 a ：也设置的定宽，flex-grow 0，flex-shrink 0，flex-basis 300px 子元素 b ：flex-grow 1, flex-shrink 1; 原本的需求就是，元素 a

算是找到瞬间的最终形态了，那就是文章和文章分类，只是大家太把文章看的过于正式，包袱太重。实际上，做一个简单的分类和相应的模板即可，权限控制、编辑器、标签、基于时间的 finderAPI 查询、SEO 优化等文章所具备的所有特性全都能直接享用！之后把瞬间全部迁移到文章后，将彻底抛弃瞬间插件。 只不过目

Stellar 是一个非常棒的主题，但是目前 Stellar 还没有很完善，所以自己会优化新增一些元素，特地记录一下。至于为什么不提 PR，主要是就该主题目前阶段而言，作者应该还有很多地方需要自己完善的，没必要破坏他自己的代码风格和结构，通过 issue 提一些自己的想法给他即可。 隐藏瞬间登录下可

这篇文章主要是为了规划一下自己博客的组织结构，不然博客变得杂乱。 分类和标签的区别 分类 标签 专栏 定义 分类是更有层级结构的分组，是一个大方向的归属，用来区分组织文章类型的。 标签是文章所提到的元素，它是更加细分的关键词，用来关联相关文章的。 专栏是强关联和强组织逻辑的一系列文章。 比喻 文件夹

为了最小的改动以实现这个功能，我修改了瞬间插件输出的模版变量，添加了 momentsAll 和 tagsAll 两个变量，这个两个变量是包含私有瞬间在内。然后，在主题的 thymeleaf 模板里对登录状态进行判断，进而决定使用哪个变量。这样就无需给插件新增对登录状态进行判断的相关逻辑，这种实现等插

1. 初始通信：一对一 公钥和私钥的定义： 公钥（Public Key）：可以公开分享，任何人都可以使用这个公钥来加密数据。 私钥（Private Key）：必须保密，只有一方持有，可以用来解密通过公钥加密的数据。 使用示例： 设想两个朋友，Alice 和 Bob。Alice 将消息用 Bob 的公

最近看到一个博主“张洪Heo”，感觉他的博客非常有自己的想法，文章内容输出也比较优质，所以就仔细的翻了下他对博客设计的一些文章，有几个点让我印象非常深刻，所以特地写一篇文章记录一下。 需求导向 在他的文章《我应该怎么设计我的博客？》中，介绍了自己开发博客时的心路历程，其中“需求导向”的观点让我非常认