开发

积薪是独立博客导航站，通过自动抓取与人工推荐分类，为作者和读者搭建流量通道。采用Nest.js后端，MongoDB数据库，SvelteKit前端，实现了100%SSR网站，并通过Cloudflare进行部署，性能优化包括缓存机制。该项目帮助作者克服对后端开发的恐惧，深入了解前后端开发流程，展示了技术架构与操作方法。

学习Node.js后，可使用MongoDB和Node.js实现修改摄影作品的EXIF和GPS信息查询功能，优化了性能和可部署性。重构了数据库模型和获取信息函数，通过docker部署简化项目运行。运行整个接口只需使用docker-compose.yml即可。

学习如何用Next.js生成RSS文件并避免出现尺寸巨大的问题。通过使用feed库，创建Feed对象并获取最新数据，最后在getServerSideProps函数中写入并设置缓存。确保在添加RSS条目前清空feed以避免无限循环。详细内容和代码示例可在页面中找到。

学习开发 Figma 插件并实现将元素的 CSS 样式转换为 Tailwind 类名，界面需有复制按钮。使用代码.ts搭建基本框架，处理宽度、高度和颜色转换。尽量避免 TypeScript 类型错误。AI Copilot可提供指导和灵感。通过事件监听来更新插件界面，根据选择元素的属性生成对应的 Tailwind 类名。适时扩展至其他 CSS 属性，需自行阅读文档。最终效果可参考 GitHub。AI的辅助能加速开发，建议不要跳过基础学习。

文章涵盖了将网站资源从LayerStack迁移到腾讯云的经历。因LayerStack对象存储出现问题，选择了腾讯云轻量应用服务器方案，集中部署服务，并使用自定义Image Loader来减轻服务器性能负担。尽管遇到一些兼容和数据迁移问题，但整体迁移已接近完成。希望腾讯云服务稳定，避免需再次搬迁。

选择Strapi作为两版博客后台的开发者可以享受高度定制的体验。作为一款Headless CMS，Strapi提供结构化数据和接口，不提供界面，适合开发者根据产品需求自定义字段和关系。文章分享了在服务器上搭建和运行Strapi实例的步骤，包括准备、数据库配置、Strapi安装、其他配置和Strapi的使用。通过配置Nginx和PM2，可更方便地管理和访问Strapi。

半年后，作者重构了博客，从Gatsby转为Next.js框架，并利用AI技术和TypeScript语言实现了更多功能。改进包括使用TailwindCSS和React Photo Album呈现图片，加入英文版、文章字数统计、预估阅读时间、摄影详情EXIF显示等新功能。计划实现上一篇/下一篇推荐和实时搜索。但决定不做黑暗模式及个人作品集。

在更新博客的过程中，我成功实现了显示摄影图片的EXIF和地理位置信息。尽管遇到CORS限制和流量问题，最后通过ChatGPT的建议，用Node.js和Express写了一个服务器接口来提取信息并缓存，最终解决了问题，并将结果渲染到界面上。AI技术帮助极大。

博客作者强调评论功能对独立博客的重要性，并分享了他在选择评论平台过程中的经历。起初使用易于集成但广告质量差且隐私问题多的Disqus，转为注重隐私但更新缓慢的Commento，最终选择了开源并易于部署的Remark42。Remark42拥有评论数据自主权、多功能支持及便捷的部署方式，作者对此表示高度推荐。

去年9月底，我启动了个人网站的设计与开发，并于10月中旬上线。经历了多次功能新增、bug修复和性能优化。然而，也暴露出结构设计不合理和缺乏版本管理、测试流程等问题。我计划在今年进行大改版，优化前后端、增加功能，并实现自动化部署流程。最重要的是，学习应以实践为主，设定实际目标，从实际过程中积累与提升。

文章介绍了为阿拉伯文设计界面时需要注意的基本原则和注意事项。关键点包括：RTL布局的翻转原则、导航位置的调整、按钮顺序、表单布局、媒体播放的方向、图标的使用，以及字体、颜色和动画的适配。还提到了文化差异对设计的影响。

为研究网页的RTL适配，我学习了阿拉伯书法和字体，并决定将这些信息整理成系列文章介绍给中文世界。共3+1篇，从艺术、设计和开发角度探讨阿拉伯文字，介绍其历史、种类、特点和书法应用，以及不同书写方向的文化背景，并解释文字和语言的关系。