记录

111 篇文章
记录
记录
吻一下

吻一下

在亲密的互动中，叙述者主动吻了对方，感受到对方的体温和反应，尽管对方没有明显抗拒，但在叙述者试图进一步推进时，对方突然推开并拉开距离。这一瞬间的亲密与拒绝交织，展现了日常关系中复杂的情感波动。

记录 279 喜多郁代 喜多郁代
使用 1Paenl 部署 lobechat DB 版

使用 1Paenl 部署 lobechat DB 版

本文详细介绍了在 1Panel 环境中部署 LobeChat DB 版的完整流程。首先需要安装 PostgreSQL 和 Casdoor 服务，其中 PostgreSQL 需支持 pgvector 扩展以用于向量数据存储。随后配置 Casdoor 作为身份认证服务，并创建包含数据库连接、认证密钥、S3 存储服务等关键参数的 lobechat.env 环境文件。最后通过 Docker 命令启动 LobeChat 容器，将其接入 1Panel 网络并映射端口 3210。整个部署过程涵盖了环境准备、服务配置和容器运行三个主要步骤。

记录 31 喜多郁代 喜多郁代
PostgreSQL Alpine 版本安装 pgvector 扩展

PostgreSQL Alpine 版本安装 pgvector 扩展

本文记录了在 1Panel 环境中为 PostgreSQL 17.6-alpine 版本手动安装 pgvector 0.7.0 扩展的完整过程。安装步骤包括环境准备、解决依赖包安装失败问题、获取 pgvector 源码、处理版本兼容性以及编译安装。关键操作包括更新 Alpine 镜像源、创建必要的符号链接以解决 LLVM 版本兼容性问题，并通过 SQL 测试验证扩展功能。最终成功实现了向量数据类型的支持及相似性搜索功能。

记录 92 喜多郁代 喜多郁代
使用 Node.js 自动生成 Markdown 图片插入格式

使用 Node.js 自动生成 Markdown 图片插入格式

在博客写作或文档整理中，经常需要插入大量图片到 Markdown 文件中。如果手动为每张图片编写 ![alt text](image_path) 格式的代码，既费时又容易出错。 脚本功能 这个脚本的核心功能是： 扫描当前目录：识别常见图片格式（.jpg, .jpeg, .png, .gif, .bm

记录 59 喜多郁代 喜多郁代
命名时使用 “-” 还是 “_” 更好？

命名时使用 “-” 还是 “_” 更好？

本文对比分析了编程和数据库设计中常用的两种命名连接符：短横线（-）和下划线（_）。短横线适用于URL和文件名，可读性强且对SEO友好，但多数编程语言不支持。下划线广泛用于代码变量和数据库字段，兼容性好且符合社区规范。最佳实践建议在代码和数据库中使用下划线，在URL和文件命名中使用短横线，并强调团队统一规范的重要性。

记录 85 喜多郁代 喜多郁代
1Panel自动推送SSL证书至阿里云

1Panel自动推送SSL证书至阿里云

本文介绍了一个自动化上传SSL证书到阿里云CDN的解决方案。由于域名SSL证书到期时间不统一导致续签混乱，作者提供了通过阿里云CLI工具自动上传证书的脚本。脚本需要传入AccessKey ID、Secret和域名参数，可选证书目录路径，默认使用当前目录。它会检查证书文件是否存在，配置阿里云CLI，并将证书上传至指定域名的CDN服务。文章还建议将脚本移动到系统PATH目录以便全局使用，并给出了具体的使用示例命令。该方案简化了SSL证书管理流程，提高了运维效率。

记录 139 喜多郁代 喜多郁代
HTML自定义标签-画廊

HTML自定义标签-画廊

本文介绍了两种Web组件实现方式：使用Shadow DOM的GalleryElement和不使用Shadow DOM的GalleryNoShadowElement。两者都实现了图片轮播功能，包含导航按钮、计数器和平滑过渡效果。主要区别在于Shadow DOM版本具有样式隔离特性，而无Shadow DOM版本更易于与外部样式交互，适合需要与灯箱等外部组件集成的场景。两种组件都通过自定义元素API注册，支持直接在HTML中使用。

记录 205 喜多郁代 喜多郁代
跨域问题

跨域问题

本文主要探讨了跨域问题及其解决方案。跨域是由于浏览器的同源策略限制不同源之间的交互，涉及协议、域名或端口的差异。CORS（跨域资源共享）是现代浏览器的标准解决方案，通过服务器设置响应头（如Access-Control-Allow-Origin）来允许特定来源的请求。文章列举了三种常见跨域场景及解决方法：开发环境请求后端接口、携带Cookie的请求失败以及通过Nginx代理解决跨域。同时强调了安全注意事项，如避免同时使用通配符和凭证许可。最后总结了不同跨域处理方式的适用场景和推荐程度，其中设置CORS响应头和Nginx反向代理是最推荐的解决方案。

记录 77 喜多郁代 喜多郁代
H1-H6标签正确使用指南：结构逻辑与优化技巧

H1-H6标签正确使用指南：结构逻辑与优化技巧

H1-H6标签是网页内容层级结构的关键元素，用于优化SEO和提升阅读体验。H1作为主标题，应唯一且精准概括全文主题。H2用于划分主要章节，数量根据文章长度调整。H3-H6逐级细化内容，构建“总-分-细”逻辑链。合理使用H标签能直接提升SEO排名，帮助搜索引擎理解内容结构，同时增强读者扫描式阅读的体验。使用时需避免跳过层级、过度使用或标题与内容不符等错误。H标签的本质是将内容逻辑可视化，遵循“唯一H1、合理H2、逐层细分”原则，确保结构与内容匹配，兼顾搜索引擎友好性和用户易读性。

记录 65 喜多郁代 喜多郁代
H1 至 H6 标签的使用

H1 至 H6 标签的使用

这篇文章主要介绍了HTML标题标签（H1至H6）的正确使用方法和重要性。H1标签应作为文章主标题，简明扼要地概括核心内容；H2标签用于划分主要章节；H3至H6则用于内容的逐级细分。合理使用标题标签能提升SEO效果，帮助搜索引擎理解内容结构，同时也能增强用户的阅读体验。文章还强调了使用标题标签的注意事项：保持层级顺序、避免过度使用、确保标题与内容匹配。这些规范有助于创建结构清晰、易于阅读的网页内容。

记录 23 喜多郁代 喜多郁代