- All
- Angular
- CSS
- database
- GraphQL
- HTML
- JavaScript
- Next.js
- Node.js
- Python
- Ruby
- TypeScript
- WordPress
- WordPress主機
- WordPress外掛
- WordPress架設網站
- 前端筆記
- 後端筆記
- 演算法
- 網站原理
- 網站知識
- 資工
- 資料結構
- 開發工具
- 開箱
- 閒聊
- All
- Angular
- CSS
- database
- GraphQL
- HTML
- JavaScript
- Next.js
- Node.js
- Python
- Ruby
- TypeScript
- WordPress
- WordPress主機
- WordPress外掛
- WordPress架設網站
- 前端筆記
- 後端筆記
- 演算法
- 網站原理
- 網站知識
- 資工
- 資料結構
- 開發工具
- 開箱
- 閒聊
如何用WordPress架設網站 (3)：namecheap 教學與 Cloudflare 教學
架設完主機後接著就是購買網域和設定 DNS 伺服器的教學了。 延伸閱讀： 如何用 WordPress 架設網站 (1)：前置作業 ⏤ 購買網域與主機 …
如何用 WordPress 架設網站 (2)：Cloudways 教學
這篇文章就來正式教大家架設網站的第一步 — 購買主機，看完並實作之後就可以簡單架設一個網站囉！ 1. 為甚麼選擇 Cloudways？ 1.1 Cloudways 是共享主機、VPS 主機還是雲端主機？ …
【JavaScript瀏覽器】：實作串接 API (1) ⏤ Unsplash API
因為對用 JavaScript 串接 API 滿不熟悉的，再加上最近看了些職缺用 JavaScript 串接 API 又是必備技能，所以決定來花點時間好好搞懂這塊，順便練習實作，比較容易發現問題出在哪裡。 如果你對 …
如何用 WordPress 架設網站 (1)：前置作業 ⏤ 購買網域與主機
在 架設網站的方法 (3)：使用CMS – 內容管理系統架設網站 中提到，使用 WordPress 架設網站是全世界最普遍的方式，因此接下來會有一系列 WordPress 架設網站教學的文章，今天就先來談談在利用 …
【JavaScript基礎】：Array Methods — 陣列方法整理
陣列(array)屬於物件(object)的一種，在Javacript中有許多陣列方法(array methods)可做轉換或運算，來整理一下在MDN看到陣列常見和相關的方法。 1. Array and String：陣列與字串的轉換 字串與陣列相關的方法 1.1 字串轉換成陣列 1.1.1 …
新增圖片時，該用HTML的img，還是CSS的background-image？
在寫前端的時候，插入圖片的方式有兩種：在HTML的<img>；另一種則是在CSS屬性中設定background-image，一直以來都分不太清楚甚麼時候該用哪個，今天就來好好整理一下！ 1. HTML的<img> 首先來看看根據W3Schoolshools的說明，<img>有哪幾個attributes吧！ 1.1 src 最基本的，放置圖片的來源，可以是位於該專案的檔案路徑，也可以是URL。 檔案路徑： URL： 1.2 …
為甚麼我從Yoast SEO改成使用Rank Math？ – Rank Math 教學
Yoast SEO是WordPress上啟用安裝數最多的SEO外掛，高達500萬次，剛開始架設網站時我也是使用這個外掛，但最近意外發現了另一個SEO外掛 – Rank Math，完全免費，而且功能比Yoast SEO Premium還多，想知道兩個的差別在哪就趕快點進文章吧！裡面還有Rank Math的完整教學哦！
【WordPress外掛】如何點圖放大文章中的圖片？Easy FancyBox完整教學
這篇主要是教大家如何在WordPress中啟用點圖放大的功能，以及介紹一個關於這個功能的外掛 — Easy FancyBox。
用 CSS 製作動畫的 3 種方式： CSS transition, CSS transform, CSS animation
今天要來筆記一下該如何用 CSS 製作動畫，爬了一些文發現這篇：CSS3 中的動畫介紹 算是介紹比較完整的，再把製作動畫的方式步驟化方便自己之後需要應用。 不過今天的筆記就先排除效能，改天有空再來寫一篇關於動畫與瀏覽器效能之間的關係。 1. CSS 製作動畫的三種方式： 1.1 …