不知為何還蠻難找到 MS 365 的 SMTP 設定，在此紀錄
| host | outlook-apaccentral.office365.com |
|---|---|
| port | 587 |
| protocol | smtp |
| username | 你的 Outlook mail，例如 john.smith@live.com |
| password | Outlook 密碼 |
| from | 同 username |
另外，我是使用 Java + spring， spring 有兩個參數不確定是在其他程式語言對應的數值，所以在這邊先列一下：
spring.mail.properties.mail.smtp.starttls.enable=true
spring.mail.properties.mail.smtp.auth=true如果我今天要寄一封 E-Mail，內文要有圖片，那整封信的內容可能如下：
Subject: This is a test mail!
From: test@example.com
Content-Type: multipart/mixed; boundary="qwertyuio"
--qwertyuio
Content-Type: text/html; name="example.html"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Example</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<img alt="" src="cid:28ce9652-4476-4e3c-8e9a-5d1bbae4cd05" />
</body>
</html>
--qwertyuio
Content-Type: image/jpeg; name="example.jpg"
Content-Disposition: attachment; filename="example.jpg"
Content-ID: 28ce9652-4476-4e3c-8e9a-5d1bbae4cd05
<image content>
--qwertyuio--這是我使用他人套件時遇到的坑。
在使用 SASS / SCSS 時，遇到如下的 code
$red: #DB055E;
:root {
--red: $red
}
.danger {
color: var(--red)
}我預期他應該會生成
:root {
--red: #DB055E;
}
.danger {
color: var(--red);
}但實際上卻是生成
:root {
--red: $red;
}
.danger {
color: var(--red);
}紀錄一下自己在使用瀏覽器 Web Driver 的筆記。
Web Driver 上網查的話，基本上都會告訴你這東西就是模擬瀏覽器，你可以在那進行各種操作。
但，網路上的範例都是 python code，對於厭惡 python 的人，例如我，就非常不友好。
在前一篇文章《Maven
自動 Compile SASS/SCSS （使用 nl.geodienstencentrum.maven
plugin）》中提到使用 nl.geodienstencentrum.maven 這個 plugin
可以自動 compile SASS。
但這 plugin 是使用已經淘汰的 Ruby SASS（現在推薦使用 Dart SASS），且經過測試，只能支援到 Java 11（我自己是沒有 Java 12 ~ 16），Java 17（含）以上都會出現 Error。
於是我又另外去找，找到 us.hebi.sass 這個 plugin 。
如果我今天有 go code 需要不同版本有不同處理，要如何寫？
例如說， go 1.18 支援泛型了，但我的 code 要舊版，例如 1.17，也能執行。要如何處理
SASS / SCSS 太強了
而且他還沒有使出全力的樣子
對方就算沒有 @mixin 或是 @include 也會贏
我甚至覺得有點對不起他……
不得不說，SCSS 真的太好用了。
就算沒有 @mixin 或是 @include，光是巢狀架構的處理就夠好用了。
雖然現在 CSS 也開始要支援巢狀寫法（Using CSS nesting - CSS: Cascading Style Sheets | MDN (mozilla.org)），但是現在 CSS 的複雜度都已經媲美 JS 了，還要追加巢狀架構，我真心覺得這些 web 委員會是不是沒事找事做啊。
不提這個，這邊只是要記錄一下，如何在 Java Maven 讓其在 compile / package 時，自動編譯 SASS
完整訊息是像這樣：
An invalid form control with name='' is not focusable或是
An invalid form control with name='user-name' is not focusable這是填完表單後，按下送出卻一直沒法送出，畫面也沒有跳出任何 invalid input 警示，打開瀏覽器的「開發人員工具」時，看到的錯誤訊息。
pdf 的 CSS 意外複雜
首先 pdf 的四個邊就分成好幾個區塊了（可以用來放置頁碼之類的），詳情可參閱 oxygenxml 的說明（web archive）。
再來是背景。貌似 pdf 對背景圖的 CSS 支援不夠完整？至少我最近在使用 background-size: cover 會失敗