Hello! 👋

哈囉，我是Yun
這裡是我的個人部落格，用文字紀錄生活

退休計畫 no.1

我的退休計畫：有自己的朋友跟社交圈有自己的事業(並非只是工作) 財務狀況穩定，有自己的退休計畫有自己的房子每個月有五萬被動收入育兒基金 400 萬有興趣愛好其實一直想在中晚年開一間自己的小店，悠閒地泡咖啡服務客人，但覺得這個願景實在太過遙遠，所以暫時不納入退休計畫裡。

滑鼠使用心得

本篇記錄我使用滑鼠的心得，希望有天可以找到那個非它不用的真命滑鼠。羅技 M650 喜歡：靜音滑鼠，顏色好看不喜歡：好小，大手不友善羅技 M720 喜歡：尺寸中型手很合適，黑色白底造型好看不喜歡：中間滾輪沒有卡點，第一次連線時一定要先用別的滑鼠進設定連藍芽

母親節快樂

出遊: 木質森林這次安排了兩天一夜的放鬆行程，周六中午先是睡到自然醒，十點才緩慢出發前往台中麗寶 outlet，隨意在美食街吃完午餐後，去了一樓的木質森林入場。一歲半的小朋友在裡面可以自己玩的設施不多，但這次有我媽帶著，所以女兒玩的很開心。本來以為是要先做手作課程才能開始玩設施，結果沒想到課程是完全自主的，進去玩了好一陣子工作人員開始宣傳「手作課程開始囉~ 」沒想到也只有兩人進去手作，而且五分鐘就完成了手作成品。新月梧桐: 非常滿意離開 outlet 後就開車去了三義卓也小屋，但女兒車程只睡了半小時，所以非常疲憊，checkin 以後我們在咖啡廳短暫待了一下，就帶女兒回房午睡。晚餐時間開車去新月梧桐吃晚餐，全家都對菜色覺得很滿意，尤其是我爸媽。卓也小屋: 滿地螞蟻晚餐回房後已經是快九點，女兒也已經很累了，驚悚的地方來了，一打開門滿地都是大螞蟻！目視就大概有 20 隻左右。我跟老公瘋狂採地板，直到聽到女兒大哭才猛然想起，把她抱到床上。我立馬打給客服，房務來看過之後說最近季節關係，這間房型確實會偶發大昆蟲探訪的情況，於是幫我們升級成 VVIP 套房。換到 VVIP 套房後正當我想去廁所大便時，又看到了一隻手掌大小的蜘蛛，移動非常迅速，老公處理掉之後，當天晚上我就夢到全身都是螞蟻爬來爬去的惡夢。母親節快樂幾乎是當了母親後才真正好好安排這個節日，也是藉著節目之名好好撫慰自己操碎的心靈跟身體。但安排了這樣一趟旅程之後反而覺得還更累了。

學習筆記-CSS基礎

標籤選擇器標籤選擇器 { 屬性: 設定值; 屬性: 設定值; } 例如以下 h1 { color: blue; font-size: 50px; } CSS 除錯分析檔案路徑是否正確單字有沒有拼錯格式是否正確在 Chrome 瀏覽器頁面按右鍵»檢查如果 CSS code 當中有寫錯導致無法辨識，在 Element 元素就會出現畫線的錯誤顯示如下: 擬態選擇器 hover 除了標籤選擇器以外還可以使用擬態選擇器，使用情境： a 標籤文字設定成黑色，但希望當滑鼠滑過去時文字可以變成紅色這樣可以寫成這樣 a { color: black; } a:hover { color: red; } /*讓滑鼠按下時變成blue的話可以用active*/ a:active { color: red; } 類別選擇器如果有好幾個 P 段落，但其中某一個段落想要使用客製化 CSS file INDEX.HTML 設定如下 段落一 段落二 段落三 段落四 STYLE.CSS 增加如下 code .style1 { color: red; } class 屬性也同樣可以應用在 a 或是 li 上面...

學習筆記-HTML基礎

Emmet 載入在 VSC 或是 Codepen 要載入 Emmet 套件，可以直接打"!"+“Tab"鍵，就會立馬出現以下 Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> #如果沒有加這行在IE瀏覽器會出現亂碼 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> #針對手機、Ipad做螢幕解析度調整 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> #讓IE更新到最新版本 <title>Document</title> </head> <body></body> </html> 按"P*2"就會自動載入下方 code，如果*3 就會一次出現三個 列表標籤呈現效果會是: ● 項目一 ● 項目二 ● 項目三 1.項目一 2.項目二 3.項目三 <ul> <li>項目一</li> <li>項目二</li> <li>項目三</li> </ul> <ol> <li>項目一</li> <li>項目二</li> <li>項目三</li> </ol> li 可以用來包 a 連結也可以用來包 img 圖片

走什麼霉運

衰週日早上 9 點多等老公醒來以後便把女兒託嬰給他，帶著昨天晚上買的三顆蘋果跟三顆柳橙，去到巷角的土地公廟拜拜。最近覺得太多不順遂的事情，先是跟老公因為家庭分工大吵一架，工作上也是出現各式各樣的小失誤，隨後又在抱女兒的時候被她不小心劃傷眼睛，眼角膜被扯下一塊。沒錯，就是眼角膜被扯下一塊，被刺到時整整十分鐘痛到說不出話來。跟土地公說希望我的眼睛可以快點好，工作順利些，最後也祈求全家平安健康。書最近在看《納瓦爾寶典》，裡面提到有個觀點令我很印象深刻，就是關於零和遊戲以及正和遊戲，我在想，在工作上爭取升遷是不是一種零和遊戲? 作者說明追求財富增長是一種正和遊戲，也就是正確的追求財富方式，是將錢投入事業中並且用錢賺錢，這也是我接下來需要好好努力的方向。書中說得好幾個觀點都很值得細品，另外還有關於財富的定義就是自由，也就是說，投注時間所換取的財富其實不是好的財富，這點也很值得反思展開深度規劃。整理最近在讓自己刻意喜歡整理這件事，真的好不容易。為什麼有些人天生就喜歡整理? 我努力嘗試將櫃子清空或是排整齊，發現真的有一絲神清氣爽的感覺，但那感覺大概就維持一秒吧，我知道很快這片區域可能又會被灰塵蒙上一筆灰，乾淨和多巴胺一樣都是很短暫的。

Papermod 架站美化 [置頂]

1. 留言板我本來是使用 Cusdis，一款不限 Github 用戶就可留言的外掛，但某天 Cusdis 直接 shut down，所以我就轉用 utterances。介面一樣好看，使用方便，唯一缺點就是只限 Github 用戶留言。使用utterances，copy 代碼後填上自己的 repo，貼在 themes/layouts/partials/comments.html 內即可使用。 2. 友鏈參考Aimer’s Blog的 code 架設。目前還沒有網友，但這個版型很好看，之後也可以當作放作品集的頁面。 3. Buy me a coffee 使用bmc-button by isqua shortcode。如果想要點入時另開新視窗，可以在 shortcodes/bmc-button.html 下在原本 code 的 href 後增加 target="_blank"。 <a class="hugo-shortcodes-bmc-button" href="{{ $url | safeURL }}" target="_blank" ></a> 4. 目錄放側邊原出處 Sulv 的文章好像已經失效了，我是參考使用3rd’s Blog 的 code 設置的。設置完後在文章打開目錄。 --- showToc: true # 顯示目錄 TocOpen: true # 預設打開目錄 --- 5....

回歸Github x Hugo網誌

byebye Wordpress 在架設了 N 個網站之後，本月我還是下定決定跟 Wordpress 說掰掰了，回歸到使用 Github 搭配 Hugo 的組合，釐清自己的文章內容與定位實在很重要，因為我並沒有明確的網站方向以及營利目標，只是單純記錄生活的網誌卻要花費每月 600 多塊的平台費用，對我來說還是覺得太貴。同時雖然使用 Cloudways 創建的 Wordpress 網站 SEO 表現很好，但從 Google search console 結果來看我的文章內容確認無法導流（太冷門的內容），因此我含淚跟 Wordpress 說 byebye。接納 Hugo 網站的不便首先因為我是純文科生，使用 Github 架設 Hugo 網站，從架設網站、修改網站 CSS 到寫文章都需要程式底子，沒有直接用 Wordpress 來的方便省時間。再來是從之前的測試結果來看，Hugo 網站如果放置太多圖片會非常容易影響網站速度，PageSpeed Insights 檢測出來的網速大幅低於用 Cloudways 架設的網速。 Hugo 還是有我喜歡的地方我很喜歡超方便的預覽功能，當然如果是用 WD 這點是輕鬆達成，但在 Hugo 這樣複雜的寫文限制下能直接用 hugo server 預覽上傳後的網頁已經非常方便。最大的優點當然是費用便宜，自訂網域每月只需要約台幣 60 塊，即使升級 Github Pro 也只需要每月 180 塊 total 費用，對於非營利網站這價格非常友善。從這裡出發記錄我的生活就從這裡紀錄所有想分享的生活吧!