LYon's Blog

装修注意事项

3月 27, 2025
Life

好早之前记录的笔记,零零散散的,还是先放出来吧,随时再更新。 楼梯 # 楼梯的步数最好是单数,符合人体工程学,我家 3 米层高做了 17 步。 家用电器 # 洗碗机确实可以提高幸福感。 直饮水加热一体机可以降低喝水时间成本,比如烧水倒水冷却。 插座 # 如无特殊情况,斜五孔插座最好,厨房、卫生间可以配置独立开关的斜五孔插座。 窗帘电机需配置四孔插座。 空调、热水器一般是三孔 16A 插座。 … ...

《当我谈跑步时,我谈些什么》笔记

3月 27, 2025
读书笔记, 村上春树

《当我谈跑步时,我谈些什么》 [日]村上春树,笔记来自微信读书。 点评 # 2025/03/07 认为好看 看了这本书,我这样想,你可能不需要总去读什么成功学,成长学,方法论之类的书,有这样一本小书经常打开看一看,一样能获取到源源不断的能量。 村上春树就是这样一个,内心有源源不断能量的人,又是一个坚韧、温柔、诚恳有智慧的人。村上给自己的墓志铭说是:他至少是跑到了最后。我觉得,他想说的还是,“他也 … ...

《控糖革命》笔记

3月 8, 2025
读书笔记, Life, 健康

本文是使用微信读书整理的读书笔记。 《控糖革命》杰西·安佐斯佩(法) # 前言 聆听来自身体的声音 # 对于大多数人来说,身体就像一个黑匣子:我们知道它的功能,但又说不清楚它是怎样工作的。我们经常会根据自己的意愿和周边信息来决定中午吃什么,而不是根据身体的真正所需。 科学表明,在人体这个黑匣子里,有一项指标影响着所有的系统。如果理解这项指标并做出对它有益的选择,我们能够在很大程度上改善身心健康状 … ...

Hugo 的 Type 和 Layout 概念的区别 ByAI

2月 19, 2025
Hugo, ByAI, Blog

在 Hugo 中,虽然 “type” 和 “layout” 都会影响模板的选择,但它们的用途和工作方式有明显的不同,下面详细说明: 1. type # 定义与默认行为 “type” 通常用来定义内容的类型(或类别)。如果在前言中没有显式声明 type,Hugo 会默认将内容文件所在的目录(也就是 section)作为 type。 例如,位于 content/posts/ 下的文章默认 type 就 … ...

我的 2024 年总结 R

2月 2, 2025
Life, 年度总结, Recommended

2024 年是意志坚定的一年,不管是工作、学习还是生活,来一起听一下 Gloria Gaynor 的《I Will Survive》。另外总结拖到现在才发出来的原因是,最近一个月 Windsurf 帮我写代码很上头,再没心思搞别的。现在不能再拖了,明天要开始新年第一天上班。 参与 AI # 年初和朋友有一次关于人工智能的聊天,无意地交流各自感兴趣的方向,手头在做的尝试,过后冷静下来我有了一些对于自 … ...

零宽度空格与 CSS 换行行为 ByAI

11月 22, 2024
CSS, HTML, Frontend, ByAI

在解决 Tags 页面行尾词语被迫换行的问题时,发现   并不能强制连接字符,于是调查发现,还有零宽度空格这一概念。在 HTML 中,如果你需要一个既不会占用额外空间,又能用作连接的字符,可以使用零宽度符号,它们也是一种 HTML 实体(HTML Entities)。 零宽度符号 # 1. 零宽度空格(Zero-Width Space) # HTML 实体:​ … ...

理解和使用 CSS 自定义属性(CSS 变量) ByAI

6月 30, 2024
ByAI, Frontend, CSS

在现代 Web 开发中,CSS 自定义属性(也称为 CSS 变量)提供了一种强大的方式来创建易于维护和灵活的样式表。本文将探讨如何定义和使用这些变量,以及如何通过它们来实现更高效的设计。 什么是 CSS 自定义属性? # CSS 自定义属性,也叫作 CSS 变量,是一种可以在 CSS 中定义并在整个文档中复用的变量。使用 CSS 变量,您可以避免重复定义相同的样式,从而更便于维护和更新。 … ...

2024 年我的工具列表 R

5月 30, 2024
Tools, Life, Recommended, Awesome, Mac, AI

从桌面端的应用软件这个角度来看,当下也是一个动荡的年代,不管是之前已经有的形态,还是还未出现的形态,也不管是开源的还是收费的,好用的新工具层出不穷,AI 的入场更是要把所有软件重新设计的节奏。我希望整理下最近几年一直在用的软件,记录当前的状态,这是相关主题的第一篇,争取后面每年都能关注下一下这个话题。 macOS # 首先需要声明下,我没有 Windows 电脑,哪怕打游戏也是在 MacBook … ...

了解下自定义数据属性 data-* ByAI

5月 27, 2024
ByAI, Frontend, CSS

测试主题切换功能时,遇到了 data-theme 这个属性,问了下 gpt, 发现 data-theme 不是 CSS 标准中的预定义属性,而是一个自定义的属性。更准确地说,它是 HTML5 中的 “data-” 数据属性的一种。 HTML5 中的 “data-” 属性 # HTML5 引入了 data- 属性,允许你为元素添加自定义的非标准属性。这 … ...

使 HTML 元素居中有哪些方案? ByAI

5月 25, 2024
ByAI, CSS, HTML, Frontend

有多种方式可以实现HTML标签的居中,具体的方式会根据需要居中的元素类型(块级元素还是行内元素)以及具体应用的上下文来决定。下面将介绍几种常见的方法,涉及到的知识包括 CSS 盒模型、Flexbox 布局和 Grid 布局等。 1. 居中块级元素 # 1.1 使用 margin: auto # 这是最常用的方法,适用于块级元素的水平居中。 <div … ...


© 2012 - 2025 YINDONGLIANG