創作了 49 篇作品累積創作 23797 

在WordPress 輕鬆加入Google Fonts 網頁字型,瞬間提升網頁質感

Roy

身為程式開發者的我以往都習慣使用WordPress內建提供的字體,但是前幾天在建立新網站時發現Google提供的「 思源黑體」對用戶閱覽觀看更加舒適!Adobe與Google所開發的「思源黑體」與「思源宋體」是有開源的,授權上是基於 SIL Open Font License 1...

m3u8影片下載 使用VLC Media Player 將ts檔合併下載

Roy

通常我們要下載影片時是直接右鍵下載,但是現在很多網站開始採用HLS技術將網站拆成許多.ts的檔案,而原先的下載連結在開啟F12時則會出現.m3u或.m3u8和blob相關的字眼,這種連結是無法直接透過瀏覽器直接下載,這邊會使用VLC Media Player這套開源軟體幫助我們下載影片。

網頁截圖 利用Chrome內建功能快速完成!

Roy

最近寫文章常常需要對網頁進行截圖,但是有些區塊的內容很長但是我們的螢幕範圍有限,只能被迫拆成多個圖片或是縮小頁面犧牲畫質,這時可以直接利用Chrome內建的截圖功能輕鬆將網頁內容擷取。首先先到要截圖的網頁開啟F12的開發者模式接下來利用鍵盤快捷鍵開啟Chrome瀏覽器指令 Win...

【Easy Table of Contents】WordPress目錄外掛,讓訪客快速找到文章重點

Roy

網站部落格必備的目錄外掛,當文章篇幅很長而且內容很多時,只要在文章排版中設定好H1到H6的標題就會自動替你在文章內產生目錄和建立錨點,同時有助於SEO優化成效。外掛資訊 作者:  Steven A. Zahm網址:  https://tw.wordpress.org/pl...

VestaCP 1.0.0 完整更新升級教學

Roy

VestaCP似乎已經復活了,有開啟自動更新的 vesta核心版本是1.0.0版,但是vesta-php、vesta-nginx依然是0.98版,同時檔案管理器、Lets Encrypt SSL自動續約和系統更新等等功能是異常,所以這邊會退透過指令強制將VestaCP更新到最新版本,同時上述問題就能獲得解決。

Chrome 開啟F12開發者出現Paused in debugger

Roy

最近在觀看一些影音網站的串流設計,發現到很多除了影片使用m3u8的播放清單之外,當我們開啟F12的開發者模式網頁上會出現如下圖 Paused in debugger警告同時影片也會暫停播放,但關閉F12一切又都正常了,這時忽然覺得有挑戰性了想直接深入如何關閉這個功能。

【W3 Total Cache】WordPress免費且強大的快取外掛

Roy

市面上有許多網站快取的外掛例如WP Super Cache、WP Rocket、LiteSpeed Cache等等,今天要介紹的是這一款號稱WP Rocket窮人版的 W3 Total Cache外掛。這款外掛對新手來說可以依照下面教學進行快速設定,如果是對進階用戶也能參考進階設定的細項做單獨設定。

【Cloudflare】網站加速利器,有效提升安全性避免網站被攻擊

Roy

新手使用WordPress架站首選通常會是使用美國的虛擬主機,相較於台灣主機在相同規格下費用便宜了一倍以上,但是相對網路的延遲會比較高,網站的圖文比較多時需要多花時間等待,這個時候就可以考慮使用CDN服務來加速網站。Cloudflare 是一家美國公司,專注於在內容傳遞網路(CDN)、網域解析和DDoS防護服務。

解決分享到LINE的網頁縮圖或是描述是舊的

Roy

在去年8月份有分享一篇文章,「解決分享網站到社群,預覽縮圖、標題和描述是舊的的」當時這篇文章是除了LINE之外皆通用的工具,現在LINE官方也有專屬的工具可以使用了。工具資訊 作者:  PagePoker網址:   https://poker.line.naver.jp ...

【WP Mail SMTP外掛】解決WordPress無法寄收信問題

Roy

長 期以來很多人架設好WordPress網站之後,都是利用內建的寄信功能,但是突然有一天會發現訪客填寫的表單我設定在EMAIL裡面怎麼沒有收到。其實內建的寄信功能是利用伺服器的 mail()函式,不過在Gmail會跳出警告甚至是直接進入垃圾信箱,所以要解決這個問題我們就直接利用 ...

【Classic Editor】WordPress外掛,舊版頁面編輯器

Roy

WordPress在5.0版之前預設是 Classic Editor編輯器,在5.0版開始導入了全新 Gutenberg編輯器 ,這套工具採用了區塊化設計能夠讓我們更方便撰寫文章,不過卻苦惱了我的客戶們。因為安全性問題所以會定期更新系統核心版本,但是更新之後客戶因為年齡層較大學...

解決Google Ads已拒登出現規避系統、 惡意軟體問題

Roy

在8/17收到Google Ads「已拒登」,原因是 政策名稱:規避系統、 惡意軟體。這個原因感覺怪怪的,因為這組廣告帳號從去年就已經啟用了,最新的「廣告活動」是在5月份建立的所以已經有3個月了,既然Google都提示有問題了,不妨照個這兩個問題去檢查看看。

安裝WSL2子系統出現 0xc03a001a錯誤

Roy

先前在新電腦安裝都沒出現異常,換成在開發的電腦安裝Ubuntut 出現以下錯誤 WslRegisterDistribution failed with error: 0xc03a001a解決方法是前往以下路徑, <your user name> 請換成你的本機使用者...

使用WSL2 Ubuntu18.04 LTS 安裝Odoo12

Roy

這邊是使用WSL2進行odoo ERP的安裝,不熟悉WSL2安裝流程可以參考這篇 「在Windows 10 使用WSL2 安裝Linux系統」 Linux系統預設的帳號是root,為了安全性所以先建立新帳號,並將帳號權限調整到最高。權限調整方式可參考這篇 「Linux 建立新使用...

在Windows 10 使用WSL2 安裝Linux系統

Roy

最近很多開發部署常需要在Linux環境,但是本身開發的環境是Windows 開VM又覺得很慢耗時。直到好友提醒Windows 10已經有提供WSL這個技術,所以就安裝來用看看吧。WSL ( Windows Subsystem for Linux )是一個為在Windows 10...

Google reCAPTCHA 教學,阻擋機器人留言工具

Roy

今天偶然在WordPress的社團看到版友在詢問,如何阻擋網站連絡表單出現很多機器人廣告信。通常<meta charset="utf-8">WordPress架設好之後內建就提供Akismet Spam這套工具,不過今天要介紹的是Google reCAPTCHA。

【Jetpack by WordPress.com】WordPress外掛教學,輕鬆設定網站加速、CDN服務

Roy

Jetpack 是一套使用WordPress必備的免費外掛,它有提供「停機監控」、「後台登入防護」、「圖片CDN優化」和「訪客統計」等功能,有些更進階的功能就必須選擇付費版,一般來說使用免費版就足夠使用了。外掛資訊 作者:   Automattic 網址:  http...

HestiaCP安裝,取代同兄弟的VestaCP 網站管理工具

Roy

前陣子發覺VestaCP的似乎停止更新了在Github發現了此討論串,依目前狀況判斷後續會有大量漏洞不會被修補,為了網站安全所以趁著要將系統轉移到Ubuntu 那就順手連管理工具一併更換吧!HestiaCP 支援系統版本 Debian 9Debian 10Ubuntu 1...

VestaCP安裝,免費開源的網站管理工具

Roy

PS: Vesta 目前已經停止維護有許多漏洞尚未更新,建議安裝分支產品Hestia 這陣子開始將伺服器從虛擬空間轉移到VPS上,同時也在尋找網站管理工具。同時評估了習慣的 cPanel、開源的 VestaCP和對岸開發的 宝塔面板,經過整體評估和社群支援度決定使用Cen...

【TablePress】WordPress外掛,表格製作利器

Roy

WordPress在5.0版之前的傳統編輯器沒有提供表格的功能,碰巧又因為排版問題需要使用,常常只能用word製作再轉貼上,TablePress 是一套表格工具,能夠快速製作出符合我們需求,而且支援簡碼。外掛資訊 作者: Tobias Bäthge 網址: https:/...

【BJ Lazy Load】WordPress圖片延遲載入,提升網站速度

Roy

BJ Lazy Load 是一個Wordpress的延遲加載外掛,會讓網站內的圖片或ifream做延遲加載,當使用者滾動到指定位置時圖片或ifream才會載入。對於每篇文章圖片都很多的網站,使用BJ Lazy Load,能夠有效提升網站速度和增加用戶體驗。

CentOS 將VestaCP的MariaDB更新到10.2

Roy

VestaCP預設的MariaDB版本是5.5,不過現在最新的是10.2版本,為了效能和安全性最好都是更新到最新版。進行資料庫升級前,建議先做完整的備份避免發生問題導致無法復原!!先停止mysql,然後將mariadb 5.5完全刪除,但數據庫不會被刪除,不必擔心。

CentOS 將VestaCP的PHP 5.6升級到PHP 7

Roy

VestaCP安裝完成後預設的php版本是5.6,但是php5.6已經在2019/12.31停止支援,所以強烈建議一定要更新到最新版本,一來是php效能提升,二來是安全性提升減少被攻擊的漏洞。PHP版本支援 https://www.php.net/supported-vers...

使用C#寄出Gmail信件

Roy

開發客服系統時,其中寄信的功能幾乎是必備的。這篇會以C#示範寄到最常用也最方便的Gmail信箱,因為很多企業信箱都是使用Google的G Suite 服務,如果是其他家Mail server則smtp 必須修改成對應的。首先要引入 System.Net.Mail usin...

申請成為IOS開發者(七) APP下架

Roy

當營運一段時間後,或許因為無法管理或是伺服器/年費過高造成無法損益兩平時想要關閉下架APP。從 iTunes Connect 進入APP,點選「定價與供應狀況」,選擇停止銷售就會將APP從App Store下架了,但是用戶已經下載的APP依然不受影響,您必須將伺服器或是金流系統關閉才能真正停止用戶的使用。

申請成為IOS開發者(六) TestFight測試和送審

Roy

先開啟Xcode,然後點選Application Loader 點擊右下角,將已完成的ipa檔案上傳 確認檔案資訊是否有誤,正確就直接點下一步 這邊會做驗證,大約需要1-2分鐘 如果出現這個問題可以直接忽略,點選下一步 ...

申請成為IOS開發者(五) IOS推播證書

Roy

APP推廣中有一個很重要的功能就是推播,可以提前通知用戶開啟APP參與活動或是避免遺忘此應用。在上一篇的「App IDs 設定」中App services是採用預設,今天APP要使用推播功能必須要將「 Push Notifications 」功能勾選起來並儲存。

申請成為IOS開發者(四) 建立APPID和相關證書

Roy

前面幾篇只是最基本的設定,接下來要真正進行APP的相關建立,這裡就必須要有mac的系統,如果沒有可以使用vmware建立mac環境。這邊很多人會搞不清楚 iTunes Connect  和 Apple Developer 這兩個網站怎麼會一直切換,它們是幫我們處理那些事情或是哪些功能要在哪邊開啟。

申請成為IOS開發者(三) 添加UDID

Roy

IOS開發和Android比起來限制非常多,當APP開發完成要進行測試時Android並不會限制你的測試設備,IOS則是必須要先將設備的 UDID 先加入並打包到APP內才能進行測試,否則是無法安裝和測試的。前往 Apple Developer 進入開發者後台後,點選左方的「 ...

申請成為IOS開發者(二) 銀行收款設定

Roy

開發APP最重要的是希望能從中獲利,而IOS平台就有提供付費和訂閱的功能,所以要先設定銀行收款方式才有辦法將用戶的錢撥入帳戶。如果你要上架的APP是沒有要開放付費服務就可以跳過本篇文章。首先先登入「 iTunes Connect 」,然後點選「協議、稅務與銀行業務」 ...