網站有時需要寄存媒體服務(像是圖片, 影片等), 可以放在本機, 可以利用CDN, 也可以利用這種寄存服務. Publit.io
https://publit.io?fpr=diarytim (此連結為本站推薦代碼)
它提供了圖片寄存, 影片寄存, 而且免費方案就能享有10GB空間, 每月20GB傳輸量可供應用.
作者: tim
使用 Enlighter 用來做在 WordPress 中顯示程式碼的高亮語法十分方便好用. 不過在 TwentyTwenty Theme 中, 會靠到最左側, 導致閱讀不順利, 檢查一下是 css margin 的問題.
不過在 Enlighter plugin 有回報與解法:
https://github.com/EnlighterJS/documentation/blob/master/wordpress/WPThemeCompatibility.md
只需要自訂 css 中增加:
.enlighter-default{
margin: 0 auto 1.25em auto;
}
就可以了!
PS. 若在 multi-site環境下的 wordpress , 另外需要這個 plugin 來達成 custom css (附加css) 的功能: https://wordpress.org/plugins/multisite-custom-css/
今天桌機跳出了熟悉的畫面:
等等… 是解除安裝通知. 不是更新耶. 總算到最後了, Flash 歷經了十多年的年齡, 也即將於 2020/12/31 退役了. 雖然很多人很早就不再使用, 不過看起來這個官方的退役宣告, 也就是個終點了…
PS: 畫面上的 EOL連結: https://www.adobe.com/products/flashplayer/end-of-life.html
在使用 array_filter 時, 由於原本的內容過濾條件需要用 regular expression 表示, 來將滿足條件的內容整理出來. 不料發現了問題.
問題的來源是在 array_filter 中, 若使用了 anonymous function , 在 anonymous function 中的變數 scope 是拿不到外部已設定好的變數. 也就是若要取得用變數傳入的值, 需要使用 global 指示詞.
$patternstr = "/.*-20200902-.*/";
$myarray4 = array_filter($myarray, function($v){
global $patternstr;
return preg_match($patternstr, $v);
});
如此一來才能順利使用動態的變數字串做為 array_filter 中使用 preg_match 的 pattern 參數. 完整測試程式碼請參考:
在解數學題時, 最苦手的就是方程式編輯器了.
另外還有像是幾何學會用到的圖形, 需要繪製與產出大量或有點小複雜的圖形(尤其是像交點與標注).
這裡介紹一個工具, 是同時有線上與桌面版本的數學編輯器, Mathcha Editor:
除了方程式編輯器功能強大外, 還有很豐富的圖形編輯器, 很容易上手學習, 操作文件:
https://www.mathcha.io/documentation/
製作完成的文件還可以分享連結或嵌入網站, 十分方便好用. 這裡做了個範例:
https://www.mathcha.io/editor/3QYd6c5ds7xUwgpP27s2VG1V4T57m25vCO0JjD2
會用到數學編輯器的朋友們可以參考.
有時候看到一個不錯的網站, 想要了解使用的框架或架構, 或是什麼 CMS 系統, 可以簡單輸入網址到這個服務:
Detect which CMS a site is using – What CMS?
像是白宮 – https://whatcms.org/?s=www.whitehouse.gov 就是用有名的 CMS – wordpress.
另外像是行政院下的紓困 1988 與振興券服務網, 也是用 wordpress: https://whatcms.org/?s=1988.taiwan.gov.tw
雖然不見得所有的內容網都可以偵測出來, 因為有些是自行開發的, 或是未收納在 whatcms.org 下, 不過也可以了解執行環境與程式語言和 web server , 十分方便.
另外以 wordpress 架站軟體為例, 還有一些工具能測試是什麼佈景主題(theme)或有什麼 plugin等, 如:
https://www.wpthemedetector.com/
https://scanwp.net/
https://whatwpthemeisthat.com/
https://wpdetector.com/
對於架設 CMS 有與趣的朋友們可以參考.
想快速上手 redis 這個好用高效能的資料庫嗎? 可以參考這個 redis 官方網站上的快速上手 lab:
藉由快速的互動與教學過程, 學習 redis 真的很方便.
這個管理工具, 是類似 cPanel、Plesk 這類的 hosting 服務的管理工具, 若是搭配 OpenLiteSpeed 版本的 web service 是完全免費的, 十分佛心.
而搭配 LiteSpeed 版本的 web service 的 CyberPanel Ent. 版, 在 1 domain 下, 2GB Ram 下也是每個月 0元, 可以參考價格說明:
https://cyberpanel.net/cyberpanel-enterprise/
而 OpenLiteSpeed 與 LiteSpeed Ent 版本有什麼差異, 可以參考這裡:
https://www.litespeedtech.com/products/litespeed-web-server/editions
安裝支援的系統有 Centos 7.x, Centos 8.x, Ubuntu 18.04, Ubuntu 20.04, 另外需要的條件有: Python 2.7, 1024MB or above Ram, 10GB Disk Space. 可以參考安裝說明:
https://cyberpanel.net/docs/installing-cyberpanel/
安裝完成後, 應用服務包含了 php (多版本), web, mysql, mail, ftp, dns, ssl 等, 十分方便, 另外管理介面使用 8090 port , 若希望管理介面也能用 let’s encrypt ssl 可以參考這篇的設定方式:
https://cyberpanel.net/docs/2-cyberpanel-on-ssl/
簡單說明, 也就是建立一個 website, 域名為你想用來管理的域名, 然後再到管理介面左側選單的 SSL, Hostname SSL, 選擇你想用的 website 域名後, 再按下 Issue SSL 即可.
他的 email service web 介面使用了 rainloop 也十分方便, 另外也支援了 DKIM 功能, 一樣能透過 SSL/TLS 加密 email 與使用 smtp / pop3 / imap 等方式來存取.
這個工具十分方便, 有在管理多虛擬主機的朋友們可以參考.
有時候需要一個小型空間來做網頁展示或是功能測試, 使用這個 tiiny.host 服務可以來解決這個應用需求.
免費, 可供使用 7天, 上傳是使用 zip 壓檔的檔案, 不超過 3MB, 付費的話可以使用不限時間, 而且空間更大一些.
快去試看看吧: https://tiiny.host?fpr=tim
分類
EC2如何擴充開機碟空間
EC2 是 AWS 上的虛擬機器, 一般來說是用來做工作負載的.
如何擴充開機磁碟, 可以利用 EBS 的空間直接線上設定即可.
但是作業系統還不會擴充, 需要下一些指令來進行.
先參考這裡:
https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/recognize-expanded-volume-linux.html
我的流程如下:
[ec2-user ~]$ sudo file -s /dev/xvd*
/dev/xvda: DOS/MBR boot sector ..
/dev/xvda1: Linux rev 1.0 ext4 filesystem data …
/dev/xvdf: SGI XFS filesystem data …
[ec2-user ~]$ lsblk
NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT
xvda 202:0 0 16G 0 disk
└─xvda1 202:1 0 8G 0 part /
[ec2-user ~]$ sudo growpart /dev/xvda 1
[ec2-user ~]$ lsblk
NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT
xvda 202:0 0 16G 0 disk
└─xvda1 202:1 0 16G 0 part /
[ec2-user ~]$ sudo xfs_growfs /dev/xvda1
[ec2-user ~]$ df -h
Filesystem Size Used Avail Use% Mounted on
/dev/xvda1 16G 1.9G 14G 12% /
很容易地在線上完成擴充, 不過在 EBS 設定擴大空間時, 會影響 EC2 效能, 但不致於不能工作. 記得最好先做備份或快照, 避免不必要的資料異常或損失.
繼續閱讀:
https://hackernoon.com/tutorial-how-to-extend-aws-ebs-volumes-with-no-downtime-ec7d9e82426e