使用 Oh My Zsh 之後，終端機提示符（prompt）預設會顯示 使用者名稱@電腦名稱，例如 john@ubuntu，在自己的機器上其實不需要這些資訊，反而讓提示符顯得雜亂。以下說明如何隱藏它。
隱藏使用者名稱和主機名稱 在使用支援此功能的主題（例如 agnoster、powerlevel10k）時，只要在 ~/.zshrc 加入以下設定：
1 export DEFAULT_USER=`whoami` 這行的意思是：將 DEFAULT_USER 設為目前登入的使用者名稱。當 zsh 偵測到目前使用者與 DEFAULT_USER 相同時，就不會顯示 使用者@主機 的部分，讓 prompt 更簡潔。
設定完成後，執行以下指令讓設定生效：
1 source ~/.zshrc 主題設定 確認 ~/.zshrc 中使用的主題有支援 DEFAULT_USER，例如：
1 2 ZSH_THEME="agnoster" export DEFAULT_USER=`whoami` Ubuntu 安裝 Powerline 字型 agnoster 等主題需要 Powerline 字型才能正確顯示箭頭符號，在 Ubuntu 上安裝方式：
1 sudo apt-get install fonts-powerline 安裝完成後，需要在終端機模擬器的字型設定中，選擇包含 Powerline 的字型（例如 DejaVu Sans Mono for Powerline），才能讓特殊符號正常顯示。
常見問題 設定後仍然顯示使用者名稱：確認主題是否支援 DEFAULT_USER，部分主題不支援此變數。 符號顯示為亂碼方塊：表示尚未安裝或選擇 Powerline 字型。 在 SSH 連線時，因為使用者可能不同，DEFAULT_USER 不符合時仍會顯示使用者@主機，這是正常行為。
Bitbucket Pipelines 是 Atlassian 提供的 CI/CD（持續整合/持續部署）服務，整合在 Bitbucket 版本控制平台中。只要在專案根目錄建立 bitbucket-pipelines.yml，每次 push 程式碼時就會自動觸發指定的建置、測試或部署流程。
zsh（Z Shell）是一個功能強大的命令列 Shell，比 bash 提供更多的自訂性、更好的自動補全和更豐富的主題外觀。在 Windows 上使用 zsh 現在有多種方式，從早期的 Babun 到現在更推薦的 WSL（Windows Subsystem for Linux）。
最近在 left join 使用 on 做篩選
結果出來跟我想要的不太一樣
後來有爬文找到原因
SQL 是一種宣告式語言（Declarative Language），你告訴資料庫「你要什麼結果」，而不是「怎麼取得」。這種設計造成一個常見的困惑：SQL 的語法書寫順序與實際執行順序不同。
我的動物機設定，因為公司要報告
我使用reveal-md來報告
需要連回家裡電腦設定
因為之前沒有做記錄
就閱在做一下嘍:)
在使用 CSS float 屬性進行排版時，一個常見但容易忽略的問題是：當浮動元素前面有其他元素時，浮動元素可能不會出現在預期的位置，而是被擠到下一行。
float 的基本行為 float 屬性讓元素脫離正常文件流（Normal Flow），使其向左或向右浮動，而後續的行內內容（文字、inline 元素）會環繞在浮動元素旁邊。
1 2 3 4 .float-box { float: left; width: 200px; } 前面有 Block 元素時的問題 當浮動元素前面有一個 display: block 的元素時，block 元素會佔據整行，導致浮動元素從新的一行開始浮動：
1 2 3 <div class="block-element">我是 Block 元素，佔滿整行</div> <div class="float-box">我想浮到左邊</div> <div class="float-box">我也想浮到左邊</div> 1 2 3 4 5 6 7 8 9 10 11 12 .block-element { /* display: block 是預設值，佔滿整行 */ background: #eee; padding: 10px; } .float-box { float: left; width: 150px; height: 100px; background: #ccc; margin: 5px; } 由於 .
vertical-align 是 CSS 中用來控制行內（inline）或表格單元格（table-cell）內容垂直對齊的屬性。它常常讓人感到困惑，尤其是搭配 inline-block 使用時。
vertical-align 的適用範圍 重要：vertical-align 只對以下元素有效：
display: inline 的元素 display: inline-block 的元素 display: table-cell 的元素 對 block 或 flex 元素無效。
常見的值 1 2 3 4 5 6 7 8 9 10 .element { vertical-align: baseline; /* 預設值：對齊父元素的文字基線 */ vertical-align: top; /* 對齊行盒（line box）的頂部 */ vertical-align: middle; /* 對齊父元素的中線 */ vertical-align: bottom; /* 對齊行盒的底部 */ vertical-align: text-top; /* 對齊父元素文字的頂部 */ vertical-align: text-bottom; /* 對齊父元素文字的底部 */ vertical-align: 10px; /* 以像素為單位，向上偏移 */ vertical-align: -5px; /* 向下偏移 */ } inline-block 元素出現神秘空白縫隙 這是最常踩到的雷。多個 inline-block 元素之間會出現空白間距，原因是 HTML 中元素之間的空白字元（換行、空格）也算作行內文字。
在早期 CSS 排版中，float 是最常見的水平排列方式。但當你在 flex container 內的子元素使用 float 時，會發現完全沒有作用——這是 CSS 規範的設計，並非 bug。
為什麼 float 在 flex 內失效？ 根據 CSS 規範，flex 子元素（flex items）會自動忽略 float 屬性。當一個元素的父層設定了 display: flex，子元素無論設定 float: left 或 float: right 都不會有任何效果，因為 flex 格式化上下文（flex formatting context）會覆蓋掉浮動行為。
1 2 3 4 5 6 7 8 .container { display: flex; } .item { float: left; /* 完全無效，會被忽略 */ width: 100px; } 使用 Flex 取代 Float 排版 Flexbox 本身就提供了比 float 更強大且直觀的水平排列能力，不需要再依賴 float。
水平排列（取代 float left） 1 2 3 4 5 .
