塔斯日誌

PHP

從零開始架設 WordPress 網站教學

2023.05.08 05:00:00

對於完全沒有資訊背景的人，或許會覺得架設網站是一件非常困難的事情。但如果您只是希望輕鬆地建立一個網站，並分享您的文章，那麼使用 WordPress 能夠讓您輕鬆達成這個目的。本文將從頭開始，詳細說明如何架設 WordPress 網站，包括網站主機、網域設定、安裝 WordPress、選擇佈景主題和安裝外掛程式等等。

軟體開發

jQuery 轉原生 JavaScript 對應語法

2023.05.08 05:00:00

最近我嘗試將專案中的 jQuery 全部替換為原生 JavaScript，但發現這不是一個簡單的任務。除了更改語法外，許多依賴 jQuery 的套件也要尋找替代方案。 起初，我嘗試使用網路上的一些將 jQuery 轉換為 JavaScript 的工具，但這些工具大多存在一些缺陷，有些 jQuery 語法無法直接轉換，最後我還是必須手動一行一行檢查。因此，最後我決定還是自己花時間慢慢重新調整程式碼，本文是我自己進行 jQuery 轉原生 JavaScript 語法時的筆記，希望能幫助到跟我一樣在進行換掉 jQuery 套件任務的開發人員。

軟體開發

精選 26 個超吸睛的 CSS 按鈕特效

2023.05.06 05:00:00

CSS 按鈕設計是網站設計中重要的元素之一，設計出吸引人的按鈕能增加使用者互動與體驗，提升網站的訪問量。本文整理了一些網路上我覺得不錯的 CSS 按鈕特效，並且這些特效完全不會用到 JavaScript，希望能為您的網站設計帶來一些靈感和啟示。本文提供的程式碼我有經過一些調整，但我會附上原始網址供您參考。

軟體開發

Parallax Scrolling 網頁視差滾動製作方法

2023.05.01 05:00:00

Parallax Scrolling 是指當您在滾動網頁時，讓特定元素以不同的速度移動，創造出一種視覺上的效果，稱為視差滾動。這種技術能讓您的網站看起來更豐富、更時尚感、更具沉浸感，使用視差滾動製作的網頁，您很難不被它吸引。視差滾動網頁製作的困難度非常高，幾乎可以直接另開專案處理，而本文將介紹兩種相對簡單很多的方法，讓您的網站可以輕鬆使用。

部落格經營

免費可商用圖庫總彙整

2023.04.24 05:00:00

在網路上搜尋圖片時，您可能會對版權問題感到擔心。此時，許多人都知道只要找到帶有創用 CC 授權標誌的圖片就不用擔心版權問題了。但是，並不是所有標示創用 CC 授權的資源都可以免費使用，尤其當您需要商業使用的話，更需要謹慎注意授權內容。本文會先帶您認識 CC 授權的內容以及注意事項，接著再提供一些免費且可商用的圖庫網站給大家參考。

軟體開發

Scrollspy 滾動監控，讓網頁根據捲軸位置自動更新選單

2023.04.24 05:00:00

這次網站改版，我想在文章右邊加入目錄，並且讓目錄可以根據卷軸位置自動更新顯示，這種功能稱為滾動監聽 (Scrollspy)。Scrollspy 技術很早以前就有了，算不上什麼新技術，所以我本來打算直接使用 Bootstrap 內建的 Scrollspy 製作。在製作過程中，我一直遇到觸發更新事件的捲軸位置不正確的問題。因此，我花時間研究了一下 Scrollspy 原理，並決定自己開發此功能，本文將分享我的製作思路，提供給大家參考。

軟體開發

適用於 VS Code 及 Sublime Text 的 HTML/JavaScript/CSS 壓縮套件

2023.04.17 05:00:00

壓縮程式碼是指在維持同樣功能的狀況下，儘可能減少程式碼數量以減小檔案大小，並加快網頁載入速度。不論是 HTML、CSS 或 JavaScript，都支援壓縮功能。當程式碼壓縮過後，所有無關的註解、空格及換行符號都已經被刪除，您幾乎無法用肉眼閱讀壓縮後的程式碼，因此您需要保留原始的程式檔案以供未來修改。通常我們會在壓縮後的檔名加上 min，例如原始檔名為 app.js，壓縮後的檔名為 app.min.js。

軟體開發

實作網頁深色模式及淺色模式的切換

2023.04.10 05:00:00

深色模式在過去幾年變得非常流行，它是一種高對比度的顯示模式，能夠減少眼睛疲勞並降低耗電量。傳統的亮色界面，在低光環境下使用電子設備時，容易對眼睛造成不適。深色模式採用較暗的背景和較亮的文字和元素，減輕對眼睛的負擔，降低眼睛疲勞的風險。在本文中，我將向您展示如何讓您的網頁根據作業系統的設定，自動選擇配色方案，並且也會介紹手動切換配色方案的方法。

PHP

在 macOS 使用 Homebrew 安裝 PHP 多版本環境

2023.04.03 05:00:00

在維護網站時，由於不同專案可能需要使用特定版本的 PHP 進行開發，因此在同一台電腦中安裝多個版本的 PHP 執行環境是很常見的事情。而在 macOS 中，您可以輕鬆地使用 Homebrew 來完成這項工作。

軟體開發

在 macOS 使用 Homebrew 管理套件

2023.03.27 05:00:00

在作業系統中安裝應用程式時，每種應用程式的安裝方法皆不相同，管理時相當不方便。在 macOS 作業系統中，您可以使用 Homebrew 來統一管理所有套件，無論是安裝、更新還是移除套件，都可以輕鬆地使用 Homebrew 來處理。

軟體開發

「靜態型別 vs. 動態型別」與「強型別 vs. 弱型別」

2023.03.20 05:00:00

在程式語言的中，型別系統是一個重要的概念，也是學習程式語言過程中，最先接觸到的概念。不同的程式語言採用不同的型別系統，不同的型別系統對於開發效率及安全性都有不同的影響。而型別基本上可以分為靜態型別、動態型別、強型別及弱型別，本文將說明這四種型別的差異。

軟體開發

如何在網站安裝 Google Analytics (GA 4) 追蹤碼

2023.03.14 14:00:00

Google Analytics 是一個非常強大的網站分析工具，可以幫助您追蹤和分析您的網站流量，當您的網站建置完成後，安裝 Google Analytics 幾乎是必備工作之一。本文將逐步說明如何在您的網站上安裝 Google Analytics，讓您可以輕鬆開始追蹤您的網站流量。