Lruihao's Note

不怕萬人阻擋，只怕自己投降

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

Lruihao 发布于 2022-04-30 收录于 CSS

1 问题分析

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

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

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

Getting Things Done for ios App Reminders and Github issues

Lruihao 发布于 2021-12-22 收录于 Memo

quote

Getting Things Done (GTD) is a personal productivity system developed by David Allen and published in a book of the same name. GTD is described as a time management system. Allen states “there is an inverse relationship between things on your mind and those things getting done”.

Sublime 剪贴板图片粘贴插件 —— Markdown 必备

Lruihao 发布于 2021-10-05 收录于 Memo

插件地址 https://github.com/robinchenyu/imagepaste

Hugo 添加知乎卡片式链接 Shortcodes

Lruihao 发布于 2021-10-05 收录于 Memo

卡片式链接已整合到 FixIt 主题 https://github.com/Lruihao/FixIt

回顧

之前在使用 hexo 的時候也有用到，模仿知乎卡片式链接
和之前的相比，優化之前是后加載，由 JS 在瀏覽器處理，
使用 shortcodes 方式后，則是在 GO 構建頁面的時候處理，效能上會好很多。

Hugo I18n 添加中文繁體翻譯

Lruihao 发布于 2021-10-05 收录于 Memo

工作上一直常用繁體，最近臨帖也都寫的繁體，所以博客的語言也想換成繁體，但是 LoveIt 主題沒有支持中文繁體。就只好自己添加了。

Hugo 友情連結模板

Lruihao 发布于 2021-10-05 收录于 Memo

過程

以前的 hexo 博客是自己寫的友鏈模板，換到 hugo 後想著在網上隨便找一個範本用著就好，然而並沒有自己想要的 layout, 幾乎都是使用 shortcodes 的，代碼風格有點問題且 shortcodes 作為友鏈添加的方式是真的麻煩。就只好自己寫羅。

友情鏈接模板已整合到 FixIt 主題 https://github.com/Lruihao/FixIt

Hugo 本地管理 Shell 腳本

Lruihao 发布于 2021-10-04 收录于 Memo

摘要

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

Hugo 使用 GitHub Actions 部署到 GithHb Pages 和腾讯云 cos 桶

Lruihao 发布于 2021-10-04 收录于 Memo Git

解決痛點

Github Actions 真是靜態博客的福音，有了它 hugo, hexo 等博客構建過程可以丟給 Github 的服務器幫我們做了。
也就是説實現了在線寫靜態博客的需求。

个人博客从 Hexo 迁移至 Hugo

Lruihao 发布于 2021-10-03 收录于 Memo

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

less&sass&scss

Lruihao 发布于 2021-06-22 收录于 CSS

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