小麥前端 blog

一個心理人跑來學前端的記錄

0%

最近頻繁地在使用兩種作業系統:Windows 跟 MacOS。而我平常滿喜歡研究生產力相關的議題,自然也會想研究這兩個平台的生產力工具。以下介紹的是 Launcher

閱讀全文 »

前言

最近在前端社團看到一個提問:希望在文字換行時,每一行都至少有兩個字以上,不要只有一個字。原 PO 希望能用 CSS 解決,但感覺做不到。但我後來想到一個 Tricky 的解法,然後需要一點 JS。

方法

主要是在 StackOverflow 看到的提示:在英文句子中,在最後一個字元之前加上空白符號,這樣換行時就會至少有兩個字了。

原理大概是,一般英文句子在換行時,會根據英文單詞為單位作換行的切割。但假如將一段話最後兩個字元中的空格,替代成空白符號的話,那最後兩個單詞就會被黏在一起、被辨識成同一個單位,這樣在換行切割時,就會看起來至少有兩個英文單詞了(但實際上是一個切割單位)。

但轉換成中文句子時會遇到問題:就是中文字之間是沒有空格的。這就很尷尬了。後來我的解決方案是,找一個沒有寬度的空白符號來試看看、碰碰運氣,結果剛好可以。

附上 Demo 連結

小結

如果用這種方式達成中文的換行至少兩字以上,應該是可行的,但就還是需要 JS 的輔助就是了。純 CSS 的方案應該不存在吧(?)

前言

有時我會在家中操作公司的專案。今天在家上班想 git clone 公司專案時,卻出現 error: invalid path '_scripts/update_build:dev.sh 的訊息。在公司時,我是用 macbook 操作專案,在家則是用 windows 筆電操作。以下是解決過程

問題點

因為 unix-like (macos) 系統的檔名對字元的限制比較寬鬆,而 windows 系統則比較嚴格。根據 stackOverflow 上的網友表示,unix-like 只有限制不能使用 / (forward slash) 字元作為檔名。而 windows 則有以下的檔名字元限制清單

1
2
3
4
5
6
7
8
9
< (less than)
> (greater than)
: (colon - sometimes works, but is actually NTFS Alternate Data Streams)
" (double quote)
/ (forward slash)
\ (backslash)
| (vertical bar or pipe)
? (question mark)
* (asterisk)

解決方式

其中最簡單的解決方式是,取檔名時迴避 unix-like 跟 windows 系統限制的字元。以我的狀況為例,我有一個 update_build:dev.sh 檔案,其中的 : 字元是 windows 系統檔名的限制字元。把 : 改成 _ 後,git clone 就能順利執行了

參考資料

windows 官方

其他

之前一直覺得點開 vscode 寫文章有點麻煩,因為到了新環境還要 clone 專案、下載 vscode

今天有心情想寫文章,忽然想起 github 有提供線上 vscode 可以用,想說就來試用看看好了

閱讀全文 »

最近到新公司後,有配到一台 mac pro 可以用,想當然遇到了不少環境設定問題。其中一個區塊是 bash/zsh 的環境處理,底下又有很多子問題,像是

  1. zsh 抓不到一些安裝的套件,例如 nvm
  2. vscode 打開時,會出現 shell 環境載入太慢的提示訊息

以下是我嘗試解決的方式

閱讀全文 »

前言

前幾天因為六角學院舉辦了徵文比賽,為了有個文章的網址可以投稿,我重新開啟了這個佈滿灰塵的 hexo 部落格。不過,因為重啟過程中,遇到了一些障礙,而且 hexo 好像已經有 hexo 5 版本了,我想說那就花點時間來升級吧。本文簡單記錄一下我為了升級處理的東西。

主要參考資料是 Ray 的 試著學 Hexo :: 第 12 屆 iT 邦幫忙鐵人賽 系列。

閱讀全文 »