欢迎来到叶寻的博客。这里随笔与技术内容较多,但没有固定的话题。
开放的心态
在网上看到有人争论同类事物的好坏(比如:Vim 和 VS Code、Arch linux 和 Ubuntu),我认为没有必要去争。纠结哪个最好容易导致无尽的争吵。没有完美的工具,我们应该去思考工具的特点和适用场景。两个工具适用场景相似时可以先随便选一个,不要追求完美,适合就继续用,不适合就换另一个。
冷泡茶教程
冷泡茶是用低温水泡的茶,苦味比热泡茶淡,有清凉感。 材料与工具 # 茶叶(红茶、绿茶等) 水壶 冰箱 流程 # 茶叶与冷水的重量比例为 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)变动,改了链接要修改文章内部链接、重定向、迁移评论。