小麥前端 blog

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

0%

發表於 更新於 分類於 Disqus：

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

閱讀全文 »

發表於 更新於 分類於 Disqus：

前言

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

方法

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

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

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

附上 Demo 連結

小結

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

發表於 更新於 分類於 Disqus：

前言

有時我會在家中操作公司的專案。今天在家上班想 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 官方

其他

發表於 更新於 Disqus：

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

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

閱讀全文 »

發表於 更新於 Disqus：

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

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

以下是我嘗試解決的方式

閱讀全文 »

發表於 更新於 Disqus：

前言

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

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

閱讀全文 »