欢迎来到叶寻的博客。这里随笔与技术内容较多，但没有固定的话题。
冷泡茶教程
冷泡茶是用低温水泡的茶，苦味比热泡茶淡，有清凉感。 材料与工具 # 茶叶（红茶、绿茶等） 水壶 冰箱 流程 # 茶叶与冷水的重量比例为 1:50，将茶叶与冷水加到到水壶，关闭盖子。 将水壶放入冰箱冷藏室，泡 4~8 小时。可以睡前泡，这样第二天早上就能喝了。 补充资料 # 夏天到了教你泡冷泡茶 - 農業知識入口網 不同茶類之最佳冷泡條件 - 農業知識入口網
QWERTY 键盘标点符号的中英文名称
AmE 表示 American English（美式英语），BrE 表示 British English（英式英语），表格的空白表示没有对应名称。 标点 英文 中文 ~ tilde 波浪号 ! exclamation point (AmE) / exclamation mark (BrE) 感叹号 @ at sign / at symbol # hash / pound sign / number sign 井号 $ dollar sign 美元符号 % percent sign 百分号 ^ caret 脱字符 & ampersand / and sign * asterisk 星号 ( ) parenthesis (AmE) / bracket (BrE) / round bracket (BrE) 圆括号 - hyphen / minus sign 连字符/减号 + plus sign 加号 ` backtick/backquote/grave 反引号/重音符 _ underscore 下划线 = equal sign (AmE) / equals sign (BrE) 等号 { } brace / curly bracket 花括号 | verticle bar / pipe 竖线/管道 [ ] square bracket 方括号 \ backslash 反斜线/反斜杠 : colon 冒号 " double quote / double quotation mark 双引号 ; semicolon 分号 ' apostrophe / single quote / single quotation mark 撇号/单引号 < less-than sign 小于号 > greater-than sign 大于号 ? question mark 问号 , comma 逗号 . period (AmE) / full stop (BrE) 句号 / slash / forward slash （正）斜线/（正）斜杠 参考资料：Wikipedia, the free encyclopedia
少囤草稿，尽快发布
笔记软件里面的草稿越来越多，但是发布的文章却越来越少了。造成这个情况的原因有：用于写博客的时间少了、对文章的要求过高。囤着草稿是不好的，写好的文章应该发出来，为了帮助自己和他人。 刚写博客那会，我对文章内容没有太高要求，就是想着写好后几天内改几次（吐槽：这要求还不高吗），力求通俗易懂。后来写作要求提升了两次。
菜谱：酱油蒜香炒蛋
材料 # 蛋 蒜末 酱油 步骤 # 将蛋打入碗中，不要搅拌 加酱油，搅拌均匀蛋黄和蛋清 加蒜末 下锅前搅拌 煎蛋或者炒蛋 备注 # 可用鸡蛋或者鸭蛋，混蛋也行 可用刀将蒜头切成蒜末，越碎越好 搅拌蛋后再加酱油就看不清加了多少酱油 蒜末会沉淀，所以下锅前搅拌
CSS Grid 布局教程
CSS Grid 是二维布局方法，也就是用竖线和横线将内容划分成格子，像棋盘一样。本文只介绍常见用法，要了解全部用法请看 MDN Web Docs。推荐大家看完后做文末提到的习题。 概念 # 网格容器（Grid Container）、网格项（Grid Item） # display: grid | inline-grid 使元素变成网格容器，其子元素叫网格项（其他后代不算），按照网格布局排列。下面代码的 .container 是网格容器，.item 是网格项，.sub-item 不是网格项。
CSS BEM 命名规范入门教程
BEM（Block, Element, Modifier）是 HTML/CSS 类的命名方法，它可以让 HTML 和 CSS 代码更有条理。 概念与用法 # 一开始看不懂没关系，后面有示例。 block（块）：可以独立使用的 HTML 元素（比如：<nav>），可以不包含 element。 element（元素）：依附于 block 的 HTML 元素，无法独立存在（比如：<li>），前面要加上双下划线 __。 modifier（修饰符）：表示 block 或者 element 的状态和外观，前面要加上双连字符 --。 用单连字符 - 连接单词，比如：search-form。 element 只属于 block，而不是另一个 element。错误写法：block__element1__element2，正确写法：block__element2。 使用 modifier 时，同时保留不含 modifier 的类名，比如：<a class="menu__link menu__link--active" href="/zh-cn/">主页</a>。 HTML 示例 # <nav> 元素是 block，它包含的 element 有 <ul>、<li>、<a>。--active 是修饰符。
CSS Flexbox 布局教程
Flexbox（弹性盒子）是一维的布局方法，也就是在一条横线（row）或者竖线（column）上排列元素。推荐大家看完本文后做文末提到的习题。 flex 容器的属性 # flex 容器（flex container）的属性有 display、flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content、row-gap、column-gap、gap。
用柠檬酸和热水去除电热水瓶和保温瓶的水垢
柠檬酸是天然的清洁剂，可去除电热水瓶和保温瓶内的顽固水垢。它的用法是先浸泡，后清洗。如果水垢未完全清除，可以重复上述步骤。 材料 # 柠檬酸除垢剂 电热水瓶浸泡方法 # 倒入冷水和柠檬酸（用量请参考说明书）。 煮沸后继续浸泡 30 分钟。 保温瓶浸泡方法 # 先倒入热水，再倒柠檬酸。 浸泡 3~4 小时。 清洗方法 # 电热水瓶和保温瓶的清洗方法是一样的。
2024-08-03 本站改动：使用 Yue 主题和 giscus 评论，post 目录改为 posts
本文列举了本站于2024年7月28日至2024年08月03日的改动。 清理无用文件 使用我写的 Yue 主题（感觉自己从几乎不折腾博客一下走到折腾博客的尽头了，用自己的主题太爽了，哈哈） 讲 utterances 评论服务改为 giscus（终于可以回复评论了，不需要引用文字或者 @） 将 post 文件夹改为 posts 改动很多，最好在 Git 仓库建一个分支搭配子域名（如 test.cyrusyip.org）测试，没问题再合并代码至主分支。修改网站要注意功能和链接（URL）变动，改了链接要修改文章内部链接、重定向、迁移评论。
Hugo：自定义标签标题
背景 # 一开始我用 Hugo 做中文网站时打算在文章里用中文标签，但是链接里面的中文会被转换为人类读不懂的字符。比如：/zh-cn/tags/博客/ 会变成 /zh-cn/tags/%E5%8D%9A%E5%AE%A2/。我不喜欢这样，当时搜索一番也没找到办法，就用英文标签了。现在终于知道怎么改了，最终改为链接里面还是用英文，但是页面就显示中文。