相較於 2015 年曾經寫過的一篇文「Dcard – 前端框架網站( AngularJS )的搜尋引擎優化( SEO )挑戰」 那時候分析 Dcard 網站要如何辦到 SEO 時發現他們是採用「特定餵食」的做法去針對各大搜尋引擎的爬蟲獨立產出內容並餵食。 如今，這篇分享「使用HeadlessChro …
分類彙整: 技術相關
[WordPress] 使用 AWS S3 當網站的靠山 – 靜態內容生成
這個主題是看到今年日本京都的 WordCamp 2017 的這篇投稿 Ichiro Tsuji: レンサバで頑張ってるあなたに捧ぐ～AWSで楽々運用する秘訣を大公開(Qiita付)～ 聽不懂對吧？對，我也聽不懂ＸＤ 所以去找了一下相關的資料，爬到了講者放出比較細節的部分在這：JAWS-UG京都「落ち …
[WordPress] 自訂文章類型（Post Type）下分類頁的製作
不論是自己透過官方說明方式建立一個新的文章類型（Post Type）還是透過外掛 Custom Post Type UI 這類型圖形化模式設定新的文章類型都好。 重點都來自你有新型態的內容要操作！ 這時候就要來看一張圖。 這是使用CPT UI 製作的自訂文章類型，表中最右邊的「Template Hi …
[WordPress] 網站前端 301 重導向過多錯誤的解決案例
錯誤訊息： 重新導向次數過多 ERR_TOO_MANY_REDIRECTS 首先，在這邊要重點一下本篇為「前端」哦！後台登入的這個問題網路上解法一堆就不多說了。 因在 WordPress 的網站中有一個功能是設定「固定網址」。這功能會需要伺服器上搭配 Rewrite 模組啟用。 此時，如果網站前端在 …
[OBS] 對收看人開啟講者影像的社群直播教學
前言 因舉辦聚會時有開啟直播來讓線上的夥伴一起參加，也似乎不少人對這直播方法有興趣，進而延伸出這篇教學。 環境 我使用的工具有： Macbook Pro OBS 這邊要特別說明： OBS 為免費且跨平台使用的直播用戶端軟體（支援 Windows7+, OSX 10.9+ 與 Linux），所以在一般 …
[VPS] 伺服器空間使用量警示
因為運行本地與異地備份緣故，本地會吃伺服器容量，隨著每日的週期備份天數越多就越有可能碰到空間被用完這件事。 通常「滿了」這件事都會是 MySQL 先掛給你看，今早也不意外ＸＤ 然後找了一個 Shell Script 來幫我提醒，搭配 Mailgun API 發送信件的服務，省事不少。 先是確認伺服器 …
[轉貼] Headless Chrome 初探
文章引用自「初探 Headless Chrome」 什么是 Headless Chrome Headless Chrome 是 Chrome 浏览器的无界面形态，可以在不打开浏览器的前提下，使用所有 Chrome 支持的特性运行你的程序。相比于现代浏览器，Headless Chrome 更加方便测试 …
[WooCommerce] 根據結帳金額設定金流付款方式選項
通常開發出金流介接後，最多是讓客戶決定要開通哪些付款方式讓消費者於結帳時選擇。 但某些金流付款方式在消費金額不足額或不夠多時，選擇使用的付款方式反而會讓店家多賠一點！（在這邊已經撇開金流廠商設定的最低門檻） 所以「根據消費者消費金額來動態排除某些付款方式」的需求就產生拉～ function mxp_ …
[WordPress] 解除不必要的綁定處理事件 remove_action, remove_filter，提升網站速度
開發中常直接簡單套用外掛來解決問題，其實也不是什麼壞事，畢竟也比自己寫過一個快。（同時還帶了那位作者的愛呢ＸＤ） 不過，有些愛是甜蜜的負擔，可以在追查事件堆疊時給視情況剔除！ 使用 remove_action 或 remove_filter 兩個方法來移除綁定的事件。 到這邊，有概念的情況，也差不多 …
閱讀全文〈[WordPress] 解除不必要的綁定處理事件 remove_action, remove_filter，提升網站速度〉
[RTMP] 直播網址格式解析
從最近架設的 RTMP 直播伺服器上觀測到一件事： 使用者輸入推流的直播 client 應用中直播伺服器網址，是根據應用不同，而有不同解釋。 這很麻煩，因為我也找不到一個標準來去規範，甚至是抓準一點怎麼控制請求！ 目前找也只有看到 Wowza 所發佈的一篇 RTMP URL 解析 文章，到底那些推流 …