文章

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

Caddy - 方便够用的 HTTPS server 新手教程

docker 啟用 http private registry

https://docs.docker.com/registry/insecure/#deploy-a-plain-http-registry

private registry at 10.241.109.14:5555


/etc/docker/daemon.json  ==> 沒有則新增,加入以下內容(複製貼上時雙引號要重打)

{
  "insecure-registries" : ["10.241.109.14:5555"]
}

systemctl restart docker.service

systemctl status docker.service  ==> 確認正常執行



新增 image 到 private registry:

tag an image:

docker image tag ID 10.241.109.14:5555/IMAGE_NAME[:TAG]

ex:

nginx:1.13.5-alpine => id = 245a6s.....

docker image tag 245a 10.241.109.14:5555/nginx:1.13.5-alpine


docker image push 10.241.109.14:5555/nginx:1.13.5-alpine

ubuntu apt 改成國高

紀錄一下,免得每次都忘記....

參考:請改用國網中心的 apt 鏡像站 (mirror) | 凍仁的筆記

vi /etc/apt/sources.list

%s/us.archive.ubuntu.com/free.nchc.org.tw/g
%s/security.ubuntu.com/free.nchc.org.tw/g

讓 chrome 自動 載入不安全的指令碼 的參數

【密技】教你如何永久解決Google瀏覽器的黑畫面!! @新夢幻之城 哈啦板 - 巴哈姆特

參數:--allow-running-insecure-content


今天將電子看板部署到 firestore hosting 上,因為 firestore hosting 走的是 https ,而看板中時鐘
的部份其來源為 http,所以 chrome 就擋掉它了....

如何將youtube影片嵌入RWD(自適應網頁)

解決 chrome 以 file:// 開啟網頁檔發生 cors 的情形

chrome 64 版以 file:// 開啟網頁檔,javascript 還能存取遠端資源,但升級到 65 版就發生 cors 的問題,找到一篇文章有寫到如何解決。

利用 Google Chrome 作為 kiosk 應用時的設定項目 | 北風筆記
加入以下參數:
--disable-web-security --user-data-dir=資料夾絕對路徑 --test-type
要達到以無痕、全螢幕、無解鎖的方式以 file:// 開啟,完整指令如下:
/usr/bin/google-chrome --incognito --start-fullscreen file://網頁檔絕對路徑 --password-store=basic --disable-web-security --user-data-dir=資料夾絕對路徑 --test-type

Login and Access Control in Angular

[筆記] ubuntu 17.10 下建置簡易電子看板

最近在開發簡易電子看板,OS 是 ubuntu 17.10,有幾個點要解決:
自動登入登入後自動開啟 chrome 展示電子看板網頁螢幕不關閉,系統不休眠定時關機隱藏滑鼠游標 定時關機利用 crontab 達成(下午5點關機): sudo -s crontab -e 0 17 * * * shutdown -h now
在 chrome 的部份,有幾個比較棘手的點: 以無痕模式開啟,避免自動關機時因 chrome 未正常關閉,導致開機啟動 chrome 時出現是否還原網頁的提問以全螢幕開啟電子看板網頁超煩人的解鎖問題 直接以無痕模式開啟:
加參數 --incognito

以全螢幕開啟:
加參數 --start-fullscreen url_to_open ==> 可用 F11 離開全螢幕
加參數 --kiosk url_to_open ==> 似乎無法離開全螢幕

解決解鎖提問:
加參數 --password-store=basic
設為 basic 則密碼將以未加密之純文字紀錄,但以電子看板或廣告機的用途來說應該沒關係吧....

開啟 chrome script:
新增 autostart-chrome.sh(檔名自訂)
#!/bin/bash
google-chrome-stable --incognito --password-store=basic --start-fullscreen http://url_to_open

賦予執行權限
chmod +x autostart-chrome.sh

設定自動執行:
Chrome autostart on ubuntu - Ask Ubuntu
17.10 叫初始應用程式(?),新增執行 autostart-chrome.sh 與 unclutter 的項目

============================================================

這一篇也是在講建置電子看板,也有提到自動執行,值得參考:
https://obrienlabs.net/setup-kiosk-ubuntu-chromium/

自動隱藏滑鼠游標:
Auto-Hide Your Mouse Pointer When Idle With "Unclutter"
unclutter -i…

Photo slideshow - Google 簡報外掛程式

Photo slideshow - Google 簡報外掛程式

google 相簿現在不支援 slide show,利用這個外掛,建立簡報,發布到網路上讓其自動播放、循環播放,算是目前為止比較簡單的變通方法,只是需要多一道工....

html2pdf: Client-side HTML-to-PDF rendering using pure JS

eKoopmans/html2pdf: Client-side HTML-to-PDF rendering using pure JS.

將 html 輸出為 PDF 的 javascript 套件,以後可能用得到

讓 tar 使用多執行緒工作

Avoid This Common Anti-Pattern In Full-Stack Vue/Laravel Apps

Avoid This Common Anti-Pattern In Full-Stack Vue/Laravel Apps

當前後端分離時,app 載入階段分為兩部份:

index.html 與 js 載入app 執行後以 ajax 取得資料以渲染畫面

此文章提供一種方式,由後端將所需初始資料嵌入 html 以讓 app 可以直接渲染畫面,提昇速度。

另外,針對多路由的 spa , 後端嵌入的初始資料(只會發生一次)是否為當前頁面所需,是否需要向後端請求資料,也提供了一種參考作法。

The Ultimate Vue.js & Laravel CRUD Tutorial

7 分鐘介紹 CSS Grid