Rick Jiang

Life is like riding a bicycle. To keep your balance, you must keep moving.

Posts by Category

Tech Article 38
Front-End 8
Random 4
Notes 2

Tech Article

HomeBrew 快速切換 Node 版本

HomeBrew 可以同時安裝多個版本的開發環境，以 Node 來說現在最新版本是 16.4.0 ，但有許多專案可能停留在 14.x.x 的 LTS 版本，所以如果使用最新版本可能會有些相容性的問題，這時如果習慣使用 HomeBrew 就能發揮出好處了，要切換版本是輕而易舉的事情

ESP8266 開發板在 macOS 燒錄 MicroPython 韌體

最近想自己做些小東西玩玩，翻出之前買來做遠端開啟冷氣的 ESP8266 開發板，自己對於 Python 稍微比較熟悉一點，所以來嘗試看看把 MicroPython 燒錄到 ESP8266 來開發看看，紀錄一下如何燒錄韌體

Vue 2 CLI 使用 Prerender 預渲染解決 SEO 問題

Vue 本身的特性是 SPA (Single Page Application)，所有的頁面都只有經由入口點 index.html 使用 JavaScript 進行動態渲染，所以當搜尋引擎機器人爬內容及社群網站上分享連結時顯示不出內容，導致影響 SEO，如果要解決這種問題除了使用 SSR (Server Side...

VMware ESXi 7 安裝 CentOS 8 MariaDB 紀錄

最近協助同事在 VMware ESXi 上設定一台新的 DB 主機，很久沒有架新主機了，過程有點生疏，這邊紀錄一下過程

輕鬆使用 Docker nginx 打包兩個 Vue 專案進行部署

前陣子準備部署一個專案，分別為前端使用者介面及管理員後台介面並切成兩個 Vue 專案，需求是希望統一打包成一個容器並使用資料夾的方式去區分，希望的網址呈現如下：

Mac 使用 FreeTDS 搭配 Pyodbc 連接 SQL Server 2000

最近手上有一個案子必需連到客戶的舊有 ERP 資料庫上去撈一些資料回來處理，不得不說甚麼時代了還在用 SQL Server 2000，一開始為了處理連線問題真的耗費不少腦細胞，一直想用 ODBC Driver for SQL Server 來連線，但遇到一堆問題，後來才發現 FreeTDS 來使用方便快速多了

Python pip 錯誤 The script is installed in directory, which is not PATH

pip 安裝 uvicorn 之後會顯示 “The script is installed in directory, which is not PATH” 要啟動時會出現 zsh: command not found: uvicorn

Amazon RDS MySQL 開啟遠端連接

首先進到自己的資料庫主機資訊頁中，選擇所屬的 VPC security groups，並進到設定頁面，在 Inbound rules 的頁面點擊 Edit inbound rules 在裡面新增規則選擇 MYSQL/Aurora 並將 Source 指向到 0.0.0.0 即可，若有其它安全性考量可以再做個別調整...

Docker 容器連接到宿主主機的服務

前幾天在打包一個伺服器端的服務時，想要連接到宿主主機的資料庫服務時發現連接不上，雖然 Ping 的到宿主的 IP 位址，但是都無法成功連接

只要一行 CSS 實現錨點連結跳轉效果 scroll-behavior 屬性

網頁內部的錨點跳轉效果很常見，通常在返回頁首及文章內的跳轉，效果 Y 軸呈現慢慢滾動過去的感覺，這種效果大多人可能使用 JavaScript 達成，但是 CSS 也是可以做到，而且更快更方便，只要加入下面一行 CSS 就可以。

使用 Vue.js 實作郵局三倍券存量地圖紀錄

繼前面兩篇使用 Vue.js + Element UI 製作 Todo List 全紀錄及使用 Vue.js 串接 Twitch API 顯示熱門遊戲及直撥頻道，今天再來繼續 Vue.js 的修行

使用 Vue.js 串接 Twitch API 顯示熱門遊戲及直撥頻道

為甚麼突然想要練習串接 Twitch API 呢？因爲突然想到之前閱讀過 Huli 提供免費前端開發教學實驗的文章裡面有提到串接 Twitch 的 API，是說當時一直想要報名，但是那時候公司的專案進行的如火如荼，實在沒有多餘的心力來學習，就遺憾的沒有報名了（飲恨

使用 Vue.js + Element UI 製作 Todo List 全紀錄

這是第一個用 Vue 搭配 Element UI 寫出 CRUD 功能的練習作品，這篇文章紀錄一下開發過程遇到的問題及解決方式，程式的邏輯都是自己設計出來….或許很多地方都不是正規做法，請多多包涵 Orz…

Element UI Dialog 元件自適應的方法

好久不見！最近在學習使用 Element UI 的這個框架，發現其實滿方便的，但好像也有很多坑 !? 這邊筆記一下如何讓 Dialog 元件自適應….

【Day 11】 MDT Deploy Use the MDT Database

之前我們的佈署方式都是在 MDT 選單中手動來選擇 Task Sequences 及 Applications ，但使用起來還是不夠方便，今天我們就來看看如何在 MDT 資料庫中新建特定的機器型號供 MDT 佈署時自動與資料庫查詢匹配並套上我們在資料庫上所設定好的 Rules

【Day 10】 MDT Rules Engine and Priority

經過前面九篇的文章，我們最基本的 MDT 佈署環境就建立完成了，這樣其實就已經非常好用了，但我們要繼續好要更好，現在開始就來講講比較深入的運用了，我們先來看看 MDT Rules 及當進入 MDT 時背景跑了哪些東西，驗證完帳號密碼之後又跑了哪些東西?

【Day 9】 MDT Deploy Applications

今天我們來看看如何在 MDT 中加入程式，讓 MDT 在佈署時可以選擇所需要的程式一同安裝，內文也會有幾種較常見的程式安裝方式給大家參考

Find last sunday of the month in Python

If you want to use cron to achieve this function, I think it is very annoying, So I choose Python

Vue.js 新手上路之初體驗筆記

人在江湖飄哪能不挨刀，所欠缺的技術債總有一天該還的，所以就趕緊的來學學這好用的前端框架Vue.js吧，這篇不是篇稱職的教學文章，只是紀錄一下筆記，好讓自己內化一下記憶，如果有錯誤的地方還請多多包涵

【Day 8】 MDT Inject Drivers

上一篇我們已經建立了第一個Task Sequence，但是系統非常的乾淨，沒有安裝應用程式或是驅動程式，今天我們就來教教如何讓Task Sequence在佈署時偵測佈署電腦的型號自動與MDT的Drivers Box進行Mapping Inject Drivers

【Day 7】建立MDT Task Sequence

基本的介紹都已經差不多了，今天我們就開始來建立第一個Task Sequence吧，可以開始佈署系統到電腦了，一開始我們一樣開啟Deployment Workbench對著Task Sequence按右鍵New Task Sequence，Task Sequence ID 必須是唯一值，建議可以設定較有識別性的ID...

【Day 6】導入電腦Windows驅動程式到MDT

今天是第六天，我們來把系統的驅動程式導入到MDT，好讓MDT在佈署系統時可以把正確的驅動程式交給佈署的電腦上，這邊要注意的事情是一樣是階層式目錄並且電腦型號別輸入錯誤，那就來看看怎麼做吧

【Day 5】導入Windows作業系統ISO到MDT

昨天已經完成MDT的開機映像檔也成功登入驗證到了MDT，今天我們就把第一個作業系統導入至MDT中，好讓之後建立Task Sequences時可以選用，接下來的幾篇我應該都會分開來講，這樣比較不會亂掉，閱讀起來也輕鬆一點

【Day 4】設定MDT Deployment Share基本參數及開機映像檔

工作真的是有點忙，要每天都發文真的是有點難度，所以我還是堅持文章打好打滿就好XD，今天我們就先把MDT Deployment Share基本的設定給設定好，並且產生出我們第一個Windows PE boot image用來開機進入到MDT的佈署介面

【Day 3】建立MDT Deployment Share及SQL Database

今天來到第三天了，不過好像應該說是第三篇才對…已經時隔三天後了XD，但是沒關係！發文的目的達到就好，我還是會努力完賽的!!那就開始吧，今天我們來介紹如何建立MDT Deplyment Share跟設定SQL Databse並與MDT做結合

【Day 2】如何安裝Microsoft Deployment Toolkit (MDT)

今天是第二天，我們開始來把MDT整個系統架構環境架設起來，基本上完整的架構是Windows Deployment Services(WDS) + Microsoft Deployment Toolkit (MDT)，但因為WDS是需要Windows Server才有辦法使用，考量到系統授權的部分，我個人的做法是沒...

【Day 1】甚麼是Microsoft Deployment Toolkit (MDT)

原本想以這個主題報名第11屆的IT鐵人賽，但想起來時已經截止了Orz….，但是沒關係，我決定在自己的部落格上自我挑戰，在哪裡挑戰都不是問題，主要是挑戰自己的意志力嘛XD，這個也是我第一次參加30天鐵人賽的活動，希望可以順利達成！

靜默模式切換成KMS啟動Windows

現在的Windows，生命週期大大的縮短了，像是現在的Windows 10 1809，家用版、專業版、工作站專業版在2020年5月12日就終止服務了，但在企業版及教育版則能到2021年5月11日，所以最近就開始進行從專業版改為企業版的作業

Python 使用PySftp連線SFTP Server

這週收到印度分公司的消息，因爲法規的因素需要總公司將印度JDE的資料庫備份到印度Amazon S3上，一開始DBA的做法是每個月手動上傳，主管知道後發現每個月手動上傳的方式可能會有遺漏的可能，所以詢問了是否有自動化的可能性，所以我就接下這個任務來達成自動化

How to Enable Staticman v3 on Minimal Mistakes

Hey I came back to write the blog but I found out that my staticman has failed. I checked the document but I have been unable to enable it for a long time. S...

Dell iDRAC9 設定 SMTP Service & Email Alert 功能

Dell Remote Access Controller或DRAC是一個基於頻帶外（out-of-band management）對伺服器進行管理的平台，由Dell公司所開發。該平台可以是外插卡或者是以晶片的形式出現，以晶片的形式則稱之為iDRAC。

How to Solve Downloading Language Dictionary

前陣子同事的電腦要切換成日本語系，遇到基本鍵入的輸入法一直無法下載的問題，點擊了下載基本鍵入進度只會卡住然後就下載失敗，而且右下角會一直彈出訊息視窗顯示失敗一直循環

Git ignore .DS_Store & Atom Hide .DS_Store

相信不少人都曾經不小心把.DS_Store給Push上去的經驗吧，一不小心就Push了一大堆且在每個資料夾中，之後還得花時間刪除掉在Push一次，非常的麻煩，今天就來分享一下如何設定Git無視.DS_Store及Atom不顯示.DS_Store。

利用 Python 自動整理及分類檔案

昨天與朋友吃完飯，朋友提出了個需求，是需要利用關鍵字去做檔案的整理及分類，所以回家就幫他寫了一下，也當作一個練習，這邊也分享一下如何利用Python來做到檔案的自動分類。

Python 使用 Pillow (PIL) 對影像檔加入文字

最近因應公司政策的關係，需要對Guest Wi-Fi做一些控管，所以當訪客需要Wi-Fi時會向櫃檯索取臨時性的連線資訊，當時我提案了可以將連線資訊印在標籤貼紙上，一式兩份，一份可以貼在訪客登記簿的備註欄，另一份則交給訪客使用，一來可以避免櫃檯登記錯誤；二來訪客使用也方便，甚至能暫時貼在筆電上頭，方便隨時查看輸入驗...

手把手指導幣安(Binance) 註冊、入金、出金、轉幣、交易

近來因為比特幣大漲到一顆 15000 美金(現在已經一顆 560000 美金 2021.05.04)，相當於一顆比特幣就價值 40 幾萬新台幣，所以讓更多人知道虛擬貨幣這個東西，這個虛擬貨幣是存在於區塊鏈上的產物，通常具有去中心化及不具名的方式，所以有極高的安全性，但也因爲這個因素，虛擬貨幣也被用作洗錢的用途及...