Rei
@Rei
Ruby 程序员,Ruby China 管理员,Gee...
文章
Rei
·

用 CSS 实现深色主题

最近在 GeekNote 上实现了深色主题,这里分享一下技术细节。 首先是如何管理深色主题的样式。一种做法是先写好浅色的主题样式,然后新增深色主题的样式: // SCSS 代码 body { ...
favorite 5
comment 0
Rei
GeekNote ·

GeekNote 新增深色主题

很高兴宣布 GeekNote 已经支持深色主题! 如果您的设备支持设置主题偏好,那么 GeekNote 将会自动识别您的设置。 以 Mac 为例,打开“系统设置->通用”即可设置外观偏好:...
favorite 2
comment 1
Rei
·

Rails 社区遇到了真正的危机

堡垒最容易从内部攻破。 —— 列宁 Rails 社区其实一直以来都有不少唱衰,有说 Ruby 已死的,有说 Rails 无法扩展的,有说 Rails 已经落后于前端开发模式的……我一直不以为...
favorite 8
comment 4
Rei
·

在 Hotwire Turbo 链接跳转时保持窗口滚动位置

GeekNote 使用了 Hotwire 的 Turbo,有些地方需要用到 Tab 导航。我希望在切换 Tab 的时候保持页面滚动的位置,避免页面跳动。 经过搜索,发现 Hotwire 有个 I...
Rei
·

在 Fly.io 部署 Rails 应用

这几天我把 GeekNote 的部署环境迁移到了 Fly.io,我觉得这是一个值得推荐的平台,所以写这篇日志介绍一下。 为什么选择 Fly.io Fly.io 是一个基于容器的部署平台,致力于...
favorite 5
comment 5
Rei
·

如何从 Webpacker 切换到 CSS/JS bundling

最近 Rails 7 正式发布,其中一个引人注目的特性是 CSS/JS bundling,用于取代 Rails 6 的 Webpacker。我在之前的文章中介绍过新的方案带来什么变化。 现在 R...
favorite 2
comment 0
Rei
·

Rails on Docker: 用 Docker Compose 搭建开发环境

💡 Rails on Docker 系列文章是面向 Rails 程序员的 Docker 教程,描述了如何从开发环境到部署环境中应用 Docker。这是系列文章的第二篇。 在上一节中我们已经学...
favorite 4
comment 8
Rei
·

Tailwind CSS 浅析

Tailwind CSS 是近几年比较火的 CSS 框架,我学习了一些它的理念和用法,把想法记录如下。 什么是 Tailwind CSS Tailwind CSS 是一个工具类优先的 CSS ...
favorite 4
comment 1
Rei
GeekNote ·

开启评论邮件通知

现在 GeekNote 增加了评论邮件通知功能。开启邮件通知后,每当文章获得新评论都会收到邮件通知,免去经常刷新网站查看是否有新评论的烦恼。 要开启邮件通知,需要先通过邮件验证。新用户会在注册后...
favorite 3
comment 2
Rei
·

Rails 7 前端方案前瞻

自 Rails 6 引入了 Webpacker 以来,Rails 的前端部分就引发了很多吐槽。吐槽主要分两类: 未接触过前端深坑的人看到 Webpacker 引入的几百个依赖感到恐惧。 已经了...
favorite 2
comment 1
查看更多
社区准则 博客 联系 社区 状态
主题