使用 iframe 是最直接的方法，在 youtube 影片點選右鍵，選「複製嵌入程式碼」，可以得到像下面的這段程式碼
<iframe width="640" height="360" src="https://www.youtube.com/embed/daVASrwlU9c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
把這段程式碼貼進 React 可以運作，但是沒有 RWD 的效果，google 了一下找到解法，不多廢話，直接附程式碼
facebook developers 有官方文件教學怎麼在 html 頁面增加 分享按鈕
Share Button - Social Plugins - Documentation - Facebook for Developers
舉例如果要在網頁加入一個 的連結
有個需求，需要這樣的效果，正值為綠色，負值為紅色，絕對值愈大顏色愈深
旁邊雖然有程式碼，但看起來相當複雜，乍看之下不容易看懂
查了一下文檔，簡單的寫了些筆記
雖然 JPA 很方便，但是寫了十幾年的 SQL，在遇到比較複雜的狀況還是習慣直接用 MyBatis 寫SQL搞定比較直覺，但是 MyBatis 有不少固定的 Mapping 生成文件，手動去寫還蠻煩人的，這時就需要 MyBatis Generator 了
應該很多人都會覺得本來網站文章就沒有幾篇了，為什麼還要分成兩個網站？
原本的網站的主題是「投資 X 技術」，不過後來發現這兩個主題其實差距有點大，我的技能樹點得算有點奇怪的，一般懂技術的不懂財金，懂財金的不懂技術。如果把全部的內容都塞成一起，假設一個本來是想看投資績效追蹤的讀者，加入粉絲團後，後來看到的文章都是他看不懂的而且和投資理財都沒有關係的技術文章，大概很快就會想退粉絲吧
很多朋友問我這個網站多國語言是怎麼做的 ?
Docusaurus 本身就支援 i18n，但是比較麻煩的是不同的語言對應的就是不同的 md 文檔，當然也可以直接將繁中的 md 檔內容貼到 google 翻譯，然後再將翻譯完成的內容貼回簡中的 md 檔，但身為工程師是不允許這樣做的...
前幾天 build server build 出來的專案有 exception，顯示是版本問題，一整個疑惑我不是在 package.json 把 dependencies 的版號都寫死了嗎，怎麼還會有版本問題 ?
為了要串接公司讀卡機的打卡資料，讀卡機存的資料是 MS 的 Access DB，測試了一下怎麼用 JAVA 的 Spring Boot 讀取 Access DB 資料，筆記如下
幾天前公司 build server VM 掛點，雖然後來搶救回來，但在搶救回來之前以防萬一還是研究了一下怎麼重新安裝 Jenkins，筆記如下