Lruihao

Lruihao's Note

关于 CSS 和 Scss 变量运算那些事

问题分析

昨天在开发 FixIt 的时候,在 Scss 中写 max(foo, bar) 函数比较不同的单位变量时报错了,但是在 CSS 中使用 max 或者 min 函数函数比较不同的单位变量是没有问题的。

造成这一问题的原因是,在 Scss 中,也实现了 maxmin 函数,但是在 Scss 中,不同单位的变量是不能进行运算的,所以使得在 Scss 中直接使用 max 或者 min 函数会提示单位不同的报错。(同类 Less 中的变量运算是支持不同单位的)

知道造成问题的原因后,解决这个问题就很简单了,有很多种方法,有些方法感觉像在卡 BUG,有点意思,记录一下。

Hugo 本地管理 Shell 腳本

摘要
在使用 hugo 寫博客的過程中會使用到一些命令,包括 Git 的使用也會用到 Git 命令,但是這些命令我感覺知道就好,沒必要因輸入命令而增加寫博客和部署博客的額外工作。
自然要想辦法簡化這些過程,Git 還好有 SourceTree 等工具,Hugo 卻沒有,也懶得去網絡上找類似以前 hexo 有 hexo-admin 的插件可以讓大家在瀏覽器寫博客,因為我覺得這和靜態博客初衷背道而馳,於是我就折中方案,寫了一個滿足日常需求的 Shell 腳本,生成管理本地博客。

个人博客从 Hexo 迁移至 Hugo

电脑升级 win 11 后,分盘操作存在 bug, 然后又不小心把装代码的盘格式化了,虽然都有备份到 github, 但是当时为了省事,hexo Node 安装的很多以来插件都没有备份,现在又下载不到了,所以 hexo 博客没办法完整复原,另外,早就觉得基于 Node 的 hexo 实在有些臃肿,且博客内容多了以后部署太慢,就干脆乘机换了好了,经过一段时间寻找,最终选择了基于 Go 的 hugo, 记录一下迁移过程及待办事项。

less&sass&scss

Sass 和 Less 都屬於 CSS 前置處理器,CSS 前置處理器定義了一種新的語言,其基本思想是,用一種專門的程式設計語言,為 CSS 增加了一些程式設計的特性,將 CSS 作為目標生成檔,然後開發者就只要使用這種語言進行 CSS 的編碼工作。
轉化成通俗易懂的話來說就是 “用一種專門的程式設計語言,進行 Web 頁面樣式設計,再通過編譯器轉化為正常的 CSS 檔,以供專案使用”。