徐嘉裕(Neil Hsu)的工作心得網誌!

當初使用 Ondřej Surý 的 PPA套件安裝(Apache / PHP )就是為了解決惱人的資安通報，果然網站上線沒多久通報就來了，這次主要有兩項要升級(Apache要高於2.4.64 / PHP要高於8.3.23)，剛好來試看看傳說中的 PPA套件升級到底有多容易，以下是升級完整步驟紀錄 先備份檔案以防萬一 (但最終是沒用到備份檔，因為升級檔不會覆蓋到原始檔，這裡要給他5顆星的評價) sudo mkdir -p /root/apache_backup_$(date +%Y%m%d) sudo cp /etc/php/8.3/apache2/php.ini /root/apache_backup_$(date +%Y%m%d)/ sudo cp /etc/apache2/sites-available/default-ssl.conf /root/apache_backup_$(date +%Y%m%d)/ sudo cp /etc/apache2/mods-available/ssl.conf /root/apache_backup_$(date +%Y%m%d)/ sudo cp /etc/apache2/apache2.conf /root/apache_backup_$(date +%Y%m%d)/ sudo cp /etc/apache2/conf-available/security.conf /root/apache_backup_$(date +%Y%m%d)/ sudo cp /etc/apache2/ports.conf /root/apache_backup_$(date +%Y%m%d)/ 這樣所有重要設定就會備份到 /root/apache_backup_ 20251020 /，如果升級後有任何異常，你只要： sudo cp /root/apache_backup_ 20251020 /* /etc/apache2/... sudo systemctl reload apache2 就能一鍵復原 (紅字為今天日期) 再來升級Apache 1、更新套件列表：  sudo apt update 2、升級 Apache ： sudo apt install --only-upgrade apache2 備註： 如果發生Progre...

Google行事曆有一個功能就是可以【設定和共用】，讓多人共同發佈事件在同一個月曆上，共同管理，例如建立了一個主行事曆，然後要讓A，B，C能同時在這主行事曆上發佈事件(新增/編輯/刪除)，方法很簡單的，首先，先要取得A，B，C的E-MAIL帳號 然後前往Google行事曆首頁，左下方的我的日曆，找到需要共同發佈事件的月曆，點選右邊的【行事曆選項】 會彈出視窗，選擇【設定和共用】 找到【共用對象】，下面有一個【新增使用者和群組】 點選後會彈出視窗，這裡輸入A，B，C的E-MAIL帳號(可連續操作)，下面的權限選擇【進行變更並管理共同設定】(或是按需求自定) 完成後點選右下角的傳送，這樣A，B，C就會收到共用日曆的邀請，點選郵件中的【加入共用日曆】就可以在主日曆中發佈事件 最後是A，B，C如果要將事件發佈在主日曆，建立事件時，左邊有一個行事曆的ICON及下拉選單，選單要選取主日曆的名稱，不然事件會發在自己的日曆上，主日曆不會顯示。 為了避免日後又忘記操作步驟，寫成工作紀錄保存，順便分享給有需要的朋友參考! 工作心得撰寫： 徐嘉裕 Neil hsu

網站符合無障礙已經是當今的趨勢了，所以在設計LOGO動畫上不能再用傳統的canvas動畫，因為圖片沒版法自流動，無法符合無障礙AA的CRTL+200放大版面流動效果，只能全部改為CSS+純文字，問題不是在動畫，而是如何用CSS至少能做出70%能像PSD圖檔那樣的文字效果，美觀也是要兼顧，經過努力研究與資料參考，終於寫出來這個【文字漸層+文字白框+文字陰影】CSS效果，如下圖： 以下就是整個代碼結構 透過F12撈出來的HTML結構 <div id="logoimgbox2" aria-label="桃園市立富岡國民中學" > <span aria-hidden="true" tabindex="-1" class="logo_01" data-storke="桃園市立" >桃園市立</span> 略.......................... </div> 說明 aria-label是給讀報軟體用的讀報資訊 aria-hidden="true" tabindex="-1" 是讓讀報軟體不要讀取容器中的文字，因為用了 ::before建構一個文字在底層，同樣文字被讀報兩次會被列缺失 data-storke是給CSS ::before的: attr(data-storke);用的 以下為CSS代碼 #logoimgbox2 {     position: absolute;     top: 44px;     left: 174px;     color: #181818;     font-size: 290%;     word-break: break-all;     font-family: Noto Sans TC;     font-weight: 600;     filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .5));  // 文字陰影(黑色)     letter-spacing: 0.6rem; } #logoimgbox2 .logo_...

有些學校伺服器因為長期遭到網路爬蟲攻擊洗流量，乾脆由上層路由防火牆GeoIP鎖掉台灣以外的IP，這樣是能立刻減少流量及0/1消耗，因為國外的爬蟲都被擋掉了，但同樣副作用也導致Let's Encrypt的 SSL憑證更新失敗，因為國外的IP都被鎖了，測試方式很簡單，只要於下列網址輸入需要模擬Let's Encrypt更新的網站，即可測試 Let's Debug： https://letsdebug.net/ 如果返回 紅字 ，那就是IP被鎖，上層 GeoIP 限制會讓驗證節點直接超時（Timeout during connect），連80port都連不到， 綠字 表示沒問題， 黃字 雖有問題仍可更新 解決無法更新方案就只能改用DNS‑01驗證，方法如下： 步驟 1：進入伺服器並執行 Certbot sudo certbot certonly --manual --preferred-challenges dns -d yses.tyc.edu.tw 步驟 2：Certbot 會顯示 TXT 記錄資訊 它會出現類似這樣的提示： Please deploy a DNS TXT record under the name: _acme-challenge.example.com. with the following value: s9pRq9l5R9Xg1wKQyEjQ0i_Z4Hh3V9cQeH6jLn2Qzj8 Before continuing, verify the TXT record has been deployed. 將以下綠字及紅字複製下來： 記錄名稱： _acme-challenge .example.com 記錄值： s9pRq9l5R9Xg1wKQyEjQ0i_Z4Hh3V9cQeH6jLn2Qzj8 備註：終端機上只需要把滑鼠左鍵長壓拖曳後放開即可自動複製，不需要用鍵盤的CTRL+C 步驟 3：在 Infoblox或是網址管理介面新增 TXT 記錄 登入 Infoblox 或網址管理介面(外網段) 找到 網址 對應的 DNS Zone 新增 TXT 記錄： Name： _acme-challenge （Infoblox 會自動加上 .example.com，不需要自己寫完整） Text / Value： s9pRq9l5R...

最近客戶VM主機又收到資安通報是關於Ubuntu Perl ，Detected CVEs for Perl 5.34.1 with CVSS above 7.0，唯一的解法就是透過 Backport 修補方式將上游的安全修補（patch）套用到舊版中，方法如下： 查詢目前 Perl 與模組版本 perl -v 會顯示以下內容 This is perl 5, version 34, subversion 1 ( v5.34.1 ) 紅字為perl 版本 升級 Perl 補丁流程 sudo apt update sudo apt install --only-upgrade perl sudo apt upgrade -y 重啟 Apache sudo systemctl restart apache2 以上更新後，雖版本號未變更，但實際已經納入所有 CVE 的安全修補（如 apt 版本號：5.34.0-3ubuntu1.5）。根據 Ubuntu LTS 政策，此為正常行為，不會有安全性風險。系統亦未使用 Perl 提供 Web 或外部服務，因此此項風險可視為 可控 。 工作心得撰寫： 徐嘉裕 Neil hsu

前陣子用PPA安裝的PHP8.3.2就很多雷，像是ZIP套件無法運作，還有一堆套件安裝失敗都要手動安裝，其中最麻煩的是ZIP套件怎麼裝就是跑不起來，解決方案只好吧PHP整包砍掉重新再安裝一次，就正常了，方法如下： 第一步：完整清光 PHP 環境 sudo apt purge 'php8.*' 'php8.4*' 'libapache2-mod-php*' -y sudo apt autoremove --purge -y sudo apt clean 重啟 Apache sudo systemctl restart apache2 第二步：重新安裝PHP套件 sudo apt update sudo apt install php8.3 libapache2-mod-php8.3 php8.3-cli php8.3-common \ php8.3-curl php8.3-fileinfo php8.3-gd php8.3-mbstring php8.3-mysql \ php8.3-zip php8.3-xml php8.3-intl php8.3-bcmath php8.3-sqlite3 php8.3-imagick -y 重啟 Apache sudo systemctl restart apache2 第三步：重新安裝phpmyadmin套件 由於升級 PHP 8.3.21 之後，phpMyAdmin 整個被移除了！所以需要重裝，但不用擔心Mysql還是活者好好的沒被影響，請輸入以下指令安裝 sudo apt update sudo apt install phpmyadmin -y 如果它問你要選擇 Web server，請選擇 apache2 若有問要不要設定資料庫：→ 按 Yes（會自動產生 / 登記連接用帳密） 重啟 Apache sudo systemctl restart apache2 完成後phpMyAdmin就會恢復運作，資料也都完好保留 這樣就能重新安裝或是安裝PPA最新的PHP版本，原本錯誤的問題也能排除，以上工作心得分享，有需要的朋友參考看看 工作心得撰寫： 徐嘉裕 Neol hsu

之前寫過一篇  Xampp將MariaDB改為mysql8.0的方法!!並且可以隨時替換回MariaDB!! 的工作心得，當時安裝在XAMPP上的Mysql版本為8.01，現在官方最新穩定版都釋出到8.041了，為了讓本地端的工作環境與客戶端ubuntu安裝的Mysql8.041一致，決定手動升級本地端Xampp的Mysql版本，成功升級方法如下： 1、先吧Xampp面板Panel的Apache及Mysql關閉 2、備份 XAMPP 中的mysql資料夾，C:\xampp\mysql → 改名為 mysql_backup，萬一升級失敗還能復原。 3、下載 MySQL 官方版 ZIP（非安裝版）前往： https://dev.mysql.com/downloads/mysql/ Platform: Windows Package: Windows (x86, 64-bit), ZIP Archive 建議版本：8.0.41 4、下載回來後解壓縮更改資料夾名稱為mysql，放到C:\xampp的根目錄裡面(C:\xampp\mysql)，替換原本被改名為 mysql_backup的mysql資料夾 5、搬移原有資料庫檔案（如果已有資料） C:\xampp\mysql_backup \ data \ 吧data複製放到以下位置 C:\xampp\mysql\data 6、搬移原有my.ini到新目錄 C:\xampp\mysql_backup\bin\ my.ini 吧my.ini複製放到以下位置 C:\xampp\mysql\bin\my.ini 7、重新啟用Xampp面板Panel的Apache及Mysql，確定都有亮綠燈，然後測試登入phpmyadmin 8、如果phpmyadmin輸入帳號密碼無法登入，但Mysql有啟用，需要再次設定密碼(data沒完全執行)，方法如下： ->若 MySQL 可啟動但無法登入 ALTER USER 'root'@'localhost' IDENTIFIED BY ' 你的新密碼 '; FLUSH PRIVILEGES; ->如果遇到錯誤訊息顯示找不到使用者或權限錯誤，可改用以下方式： ALTER USER 'root'@'localhost...

今天又學習到一項新技能，原來LibreOffice可以批次將word轉換為pdf，而且是完全免費(開源軟體)，方法也很簡單，這裡做一個工作紀錄順便分享給有需要的朋友。 1、先下載安裝LibreOffice->傳送門  https://www.libreoffice.org/download/ 2、完成安裝後(需重啟電腦)，Windows-> 鍵盤 Win + R，輸入 cmd，按 Enter開啟命題字元 3、貼上以下指令 先貼上 cd /d " C:\path\to\your\folder "   開啟目錄資料夾，在貼上以下for迴圈 for %i in (* .docx ) do ( "C:\Program Files\LibreOffice\program\soffice.exe" --headless --convert-to pdf --outdir " C:\output\pdf " "%CD%\%i"   timeout /t 3 >nul  ) -> docx 是來源檔案副檔名，如果填錯事會轉換失敗，若有多個副檔名可以寫 (*.doc *.docx) ->C:\path\to\your\folder  是當前放置需要轉換pdf檔的.docx資料夾 -> C:\output\pdf  是需要轉換檔案後存放pdf的資料夾位置 -> timeout /t 3 >nul  是讓系統每轉換一個檔案後 等待 3 秒，避免 LibreOffice 過載。 經測試批次轉30個pdf檔都能正確輸出，這方法的確能批次轉換不會漏檔，有需要的朋友參考看看。 工作心得撰寫： 徐嘉裕 Neil hsu

全新登場 neilambilight 3.5 ！此次更新全面配合 Xoops 2.5.11 官方升級，將原有的 Bootstrap 3 提升至 Bootstrap 4.6.2 ，為使用者帶來更佳的視覺體驗與操作流暢度。 新增功能 ： 數字廣告區塊與顯示裝置自訂區塊，靈活配置更方便。 佈景管理->圖片播放器管理->新增加區塊撥放器功能。 無障礙功能強化 ： 導盲磚 (:::) 、 網站導覽 (Site Navigator) 、 鍵盤快速鍵 (Access Key) 功能。 支援 Tab 與 Enter 鍵遍歷操作網站所有功能（含焦點樣式）。 圖片撥放器可自訂播放與暫停設定。 通過 FreeGo 程式檢測 ，符合 WCAG 2.1 無障礙標準。 錯誤修正 ： 解決 neilambilight 3.4 版已知 BUG，提升穩定性。 相容性與效能提升 ： 支援 PHP 8.3 與 MySQL 8 ，確保系統長期穩定運作。 優化後端程式結構，為未來功能擴充奠定基礎。 無論是視覺呈現、功能操作或是無障礙設計， neilambilight 3.5 都為您帶來全面升級的使用體驗。如果您正在使用 Xoops 2.5.11 穩定版，誠摯邀請您下載安裝，親自感受最新功能帶來的便利與效能！ 👉 佈景展示網站 ： https://chongshanli.com/ 立即升級，探索更多可能！ 🚀 neilambilight3.5更新內容 1、修正佈景管理區塊選單，若變更父層按鈕到其他分類，子層的categoryid沒被寫入新分類值的問題。 2、升級災害示警元件套件2.0版，增加AlertModule套件工具包，重構災害示警區塊管理及樣板程式，精簡合併優化去除多餘的結構,並保留示警元件套件1.0版可由區塊管理切換使用。 3、聯絡我們表單管理增加表單設定功能，新增加聯絡地址欄位 啟用/不啟用 必填欄位 啟用/不啟用。 4、聯絡我們表單增加聯絡地址欄位，包含鄉鎮縣市+地址欄位為一陣列組合，可於後台設定啟用或不啟用，增加必填欄位前後台驗證功能(如有啟用欄位必填)。 5、佈景管理->廣告管理->新增加數字廣告管理功能，可以建立文字與滾動數字的廣告組合，可以新增編輯刪除排序等操作。 6、新開發數字廣告區塊，可於區塊後台設定 顯示數量 / 顯示方式 / 橫列數量 ...

如果Ubuntu的Apach是用PPA套件安裝的，建議SSL憑證也用PPA套件安裝，因為這樣不但省事，還能使用Certbot的自動更新功能，不用再另外寫定時器及更新腳本，一樣能做到A+，設定方法如下說明： ※透過PPA下載安裝 Certbot 的SSL套件 1. 更新系統套件 sudo apt update sudo apt upgrade -y (upgrade -y可能會跑10分鐘正常狀態) 2. 加入 Certbot 官方 PPA sudo apt install software-properties-common sudo add-apt-repository ppa:certbot/certbot  (輸入網址不包含https://) 3. 安裝 Certbot 與 Apache 插件 sudo apt install certbot python3-certbot-apache -y 4. 申請 SSL 憑證 如果有同時使用www及沒有www的網域請使用以下指令 (紅字改為您的網址) sudo certbot --apache -d example.com -d www.example.com 如果只有單一網域要申請憑證 sudo certbot --apache -d  www.example.com 送出後會有申請詢問 ->請輸入E-Mail：輸入有效電子郵件以接收到期通知。 ->同意條款：輸入 A 同意。 ->是否將 HTTP 強制轉向 HTTPS：選擇 2（自動設定轉向）。 ※如果返回 Deploying certificate Successfully deployed certificate for moral.jjes.tyc.edu.tw to /etc/apache2/sites-available/000-default-le-ssl.conf Congratulations! You have successfully enabled HTTPS on https:/ www.example.com 表示Certbot已經吧憑證設定寫入到 /etc/apache2/sites-available/000-default-le-ssl.conf 裡面，以下步驟可省略，但需要再000-defau...

如在Ubuntu中獨立安裝或是PPA安裝Apach，預設rewrite_module是未啟用，因此在根目中置入的.htaccess也無效用，需要透過指令及修改apache2.conf中設定來啟用，方法如下： 1、先在檢查 mod_rewrite 模組確認 mod_rewrite 模組是否已啟用 sudo apache2ctl -M | grep rewrite 如果輸出結果中顯示 rewrite_module，則表示該模組已經啟用，反之未啟用 2、需要手動編輯httpd.conf，先找到apache2.conf檔案，位置在/etc/apache2/apache2.conf，用筆記本編輯打開，找到 #<Directory /srv/> # Options Indexes FollowSymLinks //刪除避免目錄被刺穿攻擊 # AllowOverride None # Require all granted #</Directory> 將以下設定複製後貼上覆蓋原檔 <Directory /var/www/>     AllowOverride All     Require all granted </Directory> 3.儲存後，輸入以下指令啟用 mod_rewrite 模組 sudo a2enmod rewrite sudo systemctl restart apache2 這樣就能啟用mod_rewrite 模組 並於根目錄中使用.htaccess 以上工作心的撰寫，有需要的朋友參考看看 工作心的撰寫： 徐嘉裕 Neil hsu

為了應對越來越頻繁的資安通報，解決方案就是用PPA各別安裝Apache / PHP / MySQL/  phpMyAdmin套件，這樣如果遇到資安通報可立即升級修補漏洞，確保系統安全，晚上也好睡覺，以下是分拆安裝(Apache / PHP / MySQL/  phpMyAdmin)的安裝方法步驟說明： 步驟1. 安裝Apache/PHP 為了取得Apache官網最新版本及PHP最新版本，這裡使用 Ondřej Surý 的 PPA套件 ※輸入以下指令下載PPA套件 sudo apt update sudo apt install -y software-properties-common sudo add-apt-repository -y ppa:ondrej/apache2  sudo add-apt-repository -y ppa:ondrej/php ※安裝 Apache 2.4.63（包含 OpenSSL） sudo apt install -y apache2 apache2-utils ssl-cert openssl ※確認 Apache 版本及是否安裝 apache2 -v 應該會顯示： Server version: Apache/2.4.63 (Ubuntu) Server built:   (日期資訊) ※啟動並設定開機自動啟動 Apache sudo systemctl enable apache2 sudo systemctl start apache2 接下來安裝PHP套件及設定 ※安裝 PHP 8.3 及所需的擴充功能 sudo apt install -y php8.3 libapache2-mod-php8.3 php8.3-cli php8.3-common \ php8.3-curl php8.3-gd php8.3-mbstring php8.3-mysql php8.3-sqlite3 \ php8.3-xml php8.3-zip php8.3-intl php8.3-bcmath php8.3-imagick ※確認 PHP 版本 php -v 如果返回 PHP 8.3 .x (cli) (built: ...) Copyright (c) The PHP...

目前這方法只適用於Windows安裝的Xampp，可以下PHP官網的PHP8.3包進行升級，如果是LINUX安裝的LAMPP此方法不適用，可直接跳過! 因為本地端的開發環境需要更高的PHP版本來測試模組，而XAMPP官網釋出的PHP版本只有到PHP8.2，無法滿足需求，只好自己動手DIY升級了，其實方法也很簡單，說明如下： 1、先關閉Xampp Panel的Apache跟Mysql 2、前往PHP官網，下載PHP8.3包(VS16 x64 Thread Safe) 下載連結： https://windows.php.net/download#php-8.3-ts-vs16-x64 3、吧下載回來的php包放解壓縮放到php資料夾裡面(建立一個php資料夾)，然後吧Xampp根目錄中的php檔案更名，例如改為php_8.1，再吧剛剛下載建立的php資料夾放到Xampp根目錄中c:\xampp\php 4、進入php根目錄，找到php.ini-development，複製一份後改為php.ini，用文字編輯器打開進入 5、先搜尋;extension_dir，在下面加上extension_dir = "\xampp\php\ext" 6、再搜尋;extension=curl，會有下面這一排啟用套件設定 將以下套件的;註解拿掉 extension=curl extension=fileinfo extension=gd extension=gettext extension=mbstring extension=exif      extension=mysqli extension=openssl extension=pdo_mysql extension=pdo_sqlite extension=zip 7、最後需要吧 C:\xampp\php裡面的 libssh2.dll 複製後貼到C:\xampp\apache\bin 覆蓋舊檔 再到資料夾C:\xampp\php中輸入搜尋 libcrypto-*.dll 和 libssl-*.dll 找到兩支檔，複製後貼到C:\xampp\apache\bin 覆蓋舊檔 找到php.ini中的curl.cainfo，吧註解拿掉改為 curl.cainfo = "C:\xampp\php\ext...

大家最常使用Google行事曆的崁入網站模式應該是月曆模式，其實Google行事曆還有其他模式可以選，可以選擇預設顯示月/週/時間表 三種模式，設定方法如下： 1、先選擇->我的日曆設定->整合日期->點選自訂按鈕 2、會開啟新視窗，左邊有一個下拉選單->預設檢視模式，這裡就能選擇日曆要顯示的預設模式，共有月-週-時間表三種模式，預設是顯示月，如果要改成顯示時間表，就選擇時間表 然後複製右上方的內坎程式碼 如果想在網站首頁顯示-時間表模式的Google行事曆，吧複製的程式碼貼到首頁html結構中即可， 看要顯示什麼模式就自己選擇，非常實用的功能這裡跟大家說明一下。 工作心得分享： 徐嘉裕 Neil hsu