文章

目前顯示的是 五月, 2018的文章

設定 caddy 使用 Let's Encrypt Staging Environment 避免超過流量限制

Using the Angular Router to navigate to external links

Using the Angular Router to navigate to external links

以前都是直接 a 標籤設定 href 直接連外而沒有經過 angular route,這篇文章介紹了一種可行的方法。

避免淪為挖礦機 HTTP headers設置讓網站更安全

避免淪為挖礦機 HTTP headers設置讓網站更安全 | 社群網路 | 數位 | 聯合新聞網

http.header - Caddy User Guide

檢測網站:
Analyse your HTTP response headers

我的 XOOPS 輕鬆架 in docker 檢測結果,

設定之前:D

設定之後:A

我的 Caddyfile 中 header 的設定:

header / -Server
header / {
        # Enable HTTP Strict Transport Security (HSTS) to force clients to always
        # connect via HTTPS (do not use if only testing)
        Strict-Transport-Security "max-age=31536000; includeSubDomains"
        # Enable cross-site filter (XSS) and tell browser to block detected attacks
        X-XSS-Protection "1; mode=block"
        # Prevent some browsers from MIME-sniffing a response away from the declared Content-Type
        X-Content-Type-Options "nosniff"
        # Disallow the site to be rendered within a frame (clickjacking protection)
        #X-Frame-Options "DENY"
        Referrer-Policy "strict-origin-when-cross-origin"
}

How to remove cloud-init from ubuntu

How to remove cloud init from ubuntu

How to remove cloud init from ubuntu
If you're trying to start a cloud-init based Ubuntu VM with KVM you will suffer long boot times and confusing output on the terminal. If you want to get rid of it you need to remove cloud-init.


echo 'datasource_list: [ None ]' | sudo -s tee /etc/cloud/cloud.cfg.d/90_dpkg.cfg
sudo apt-get purge cloud-init
sudo rm -rf /etc/cloud/; sudo rm -rf /var/lib/cloud/
reboot


感覺起來 ubuntu server 18.04 開機有點慢,cloud-init 似乎是兇手之一,移除掉果然快了不少

ubuntu server 18.04 設定固定 ip

實際展示 EM 與 REM 的差異

實際展示 EM 與 REM 的差異 | 六角學院

em、rem 傻傻分不清?看看這篇文章吧。

視覺化呈現 javascript stack / event loop

latentflip.com/loupe/

將 javascript stack / event loop 視覺化呈現

stack => 堆疊,後進先出

queue => 佇列,先進先出

[ Alex 宅幹嘛 ] 👨‍💻這些年經歷過的同步非同步 with Tommy - YouTube


Ultimate Laravel Performance Optimization Guide

告别 component 中一大堆的 subscription + unsubscribe

如何開發 Laravel Package

Laraning - Creating a Package

一共3段影片,教你如何開發 Laravel Package,並且可以 auto discovery

基於 Vue.js 的 Windows, OS X 及 Linux 等平台的桌面應用程式框架

Vuido - Vuido

基於 Vue.js 的 Windows, OS X 及 Linux 等平台的桌面應用程式框架

和 electron 類似的東西

systemd cheat sheet

Package 'php-soap' has no installation candidate

Package 'php-soap' has no installation candidate · Issue #1476 · laradock/laradock

laradock 在 build php-fpm 時,若有安裝 php-soap,會出現錯誤,這篇文章的解法可以試試看,7.0 ok,7.1、7.2 不確定。

XOOPS 輕鬆架搭配 MySQL 8.x 的調整

SQLSTATE[HY000] [2054] The server requested authentication method unknown to the client · Issue #1392 · laradock/laradock

最近在使用 laradock 安裝 XOOPS 輕鬆架時,因為 MySQL 使用的 image 版本是 latest,所以會使用 8.x 版,在寫入資料庫時會出現問題,查了一下,可以降版使用 5.7。如果不想降版,那就在 my.cnf 中修改設定囉:

[mysqld]
default_authentication_plugin= mysql_native_password

下面這篇有解釋:(可用 mysql_native_password 搜尋)

MySQL :: MySQL 8.0 Release Notes :: Changes in MySQL 8.0.4 (2018-01-23, Release Candidate)

Linux 下解壓縮分片之 zip 檔

執行Chrome在headless模式

3C Tech Center-執行Chrome在headless模式

用 google apt source 安裝的話,執行檔在 /usr/bin/google-chrome

例如:
google-chrome --headless --window-size="1920,1080" --screenshot https://www.yljh.ntpc.edu.tw

以 1920x1080 將網頁擷圖,輸出 screenshot.png


參數列表:
List of Chromium Command Line Switches « Peter Beverloo

JS代码加密 | Javascript 不可逆加密 | JS混淆加密 —在线工具

CSS flex-shrink 属性

CSS flex-shrink 属性 | 菜鸟教程

主要是 flex-shrink 的計算公式

Unlocking the Power of CSS Grid Layout

深入解釋 @ViewChild 的用法

修改 chrome 自動播放政策,讓嵌入的 youtube 影片能自動播放同時有聲音

今天發現嵌入的 youtube 影片照以前下的參數在 chrome ver.66.0.3359.139 下無法自動播放,查了一下如果加入 url 參數 mute=1 (靜音) 就可以,可是這樣一來如果要有聲音,就只能透過人工播放,這用在電子看板實在是有點不方便。

Autoplay Policy Changes  |  Web  |  Google Developers

這邊文章解釋了為什麼,重點是有一些解決方案。

chrome://flags/#autoplay-policy

將 Autoplay policy 改為 No user gesture is required 即可

but firefox ver.58 倒是正常

其他參考:

Policy List - The Chromium Projects

Developing Laravel Packages with Local Composer Dependencies

ubuntu 18.04 使用 fcitx 取代 ibus

sublime text 在 ubuntu 18.04 下依然無法輸入中文,之前的修正方式在預設的 ibus 也無法解決中文輸入的問題,換用 fcitx 之後再修正就可以了

方法 1:
強迫 ibus 不執行
sudo mv /usr/bin/ibus-daemon /usr/bin/ibus-daemon.bak
kill 掉 ibus-daemon 或重開機

方法 2:
移除 ibus
sudo apt remove ibus


方法 2 會在打開語言支援時要求將 ibus 裝回,所以方法 1 似乎是比較好的選擇

安裝 fcitx 與新酷音:
sudo apt install fcitx fcitx-chewing

將  語言支援  中的  鍵盤輸入法系統  選擇 fcitx


sublime text 修正檔下載:
不專業網管筆記: ubuntu 下解決 Sublime Text 3 無法輸入中文的問題

Laravel CKEditor 整合 Laravel file manager

Laravel 5 - MongoDB CRUD Tutorial

Laravel 5 - MongoDB CRUD Tutorial

文章中用的是 Laravel 5.6

[bash] 取得某路徑下的第一層子目錄名稱列表

list directory names in bash shell | Bash

#!/bin/bash

MYDIR="/home/ntpc"

DIRS=`ls -l $MYDIR --time-style="long-iso" | egrep '^d' | awk '{print $8}'`

# "ls -l $MYDIR"      = get a directory listing
# "| egrep '^d'"           = pipe to egrep and select only the directories
# "awk '{print $8}'" = pipe the result from egrep to awk and print only the 8th field

# and now loop through the directories:
for DIR in $DIRS
do
echo  ${DIR}
done

How To Find BASH Shell Array Length

Build an API in 15 Minutes

Let’s Build an API in 15 Minutes – Shawn Mayzes – Medium

使用 Laravel 15分鐘建立 API,參考參考

Resilient CSS 系列影片

Angular 與 Firebase (Firestore) 共舞

[Angular] 與 Firebase 共舞 | CK's Notepad

文章中用到的資料庫是 firestore,大神的文章值得收藏參考

ubuntu 18.04 新增無密碼之帳號

現在新增帳號時一定要有密碼,但學生帳號沒有密碼比較方便,google 了一下果然有人也有相同需求。
https://www.psychocats.net/ubuntucat/creating-a-passwordless-account-in-ubuntu/
先新增帳號設好密碼,再到 /etc/shadow 把該帳號密碼改為 U6aMy0wojraho 即可