[Linux] Postfix SMTP送信郵件伺服器 – 安裝設定指南

安裝 apt-get install postfix 基本設定 設定檔位置:/etc/postfix/main.cf myhostname – 本機FQDN,建議設定成寄件人Domain name alias_maps – 別名`hash:/etc/aliases` alias_database – 別名資料庫,預設為`hash:/etc/aliases` mynetworks – 允許IP網段(ex:192.168.0.0/24 10.0.0.0/8) inet_interfaces – all 聆聽所有界面,或localhost Return-Path 更換 寄件者若不設定 Return-Path 的情況下,送出郵件的 Return-Path 預設即會使用系統用戶名加上Hostname:linux-user@myhostname 。 此情況下若寄件人為 service@myhostname 而因由linux-user執行發信而 Return-Path 為 linux-user@myhostname,恐會造成收信伺服器驗證問題。 PHP 解決方法 […]

[Javascript] HTML固定頭部擋到表單錨點 – HTML5 input required is blocked by Fixed Header/Navbar

問題情境 在做 HTML5 input required 送出檢查時,網頁錨點捲動是以物件做TOP定位點,可能會被 Fixed Header/Navbar 擋到。 解決方法 使用scrollIntoView override方法: var elements = document.querySelectorAll(‘input,select,textarea’); for (var i = elements.length; i–;) { elements[i].addEventListener(‘invalid’, function () { this.scrollIntoView(false); }); } jsfiddle

[PHP][Yii2] 資料庫操作使用範例 – Command & Builder & AR – Demo

介紹 Yii2 Framework對Database的操作有非常良好的結構彈性,供開發者從底層到Object-Oriented自行評估選用。 這裡對Yii2 Database定義了三層設計模式:SQL Command、Query builder、Active Record(ORM) 其中效能差異在於Active Record(ORM)設計模式, 範例程式碼 SQL Command Level # Get DB componet of Application $db = Yii::$app->db; # Get data form SQL execution $arrayData = $db->createCommand(‘SELECT * FROM table limit 10’) ->queryAll(); print_r($arrayData); Query […]

[Ubuntu] APT 指南 – apt-get & dpkg

設定檔 sources.list 的位置: /etc/apt/sources.list APT-GET 更新套件來源清單 apt-get update 套件升級更新 apt-get upgrade 安裝套件 (Vim為例) apt-get install vim 移除套件, 保留設定檔 apt-get remove vim 完整移除套件 apt-get –purge remove vim APT 查詢已安裝套件 apt list –installed # Search by name apt list –installed vi* APT-CACHE […]

[CSS] RWD文繞圖方法 – Response Image Float

使用情境 多行文字中,圖片align或float置左或右的文繞圖方是很常見,進入RWD模式後小寬度時照樣文繞圖並不妥。 解決方法 用CSS的media來生效或取消圖片float吧: /* Response Image Float */ @media only screen and (max-width : 599px) { .img-float-left, .img-float-right { float: none; } } @media only screen and (min-width : 600px) { .img-float-left { float: left; } .img-float-right { float: […]

[JavaScript][GA] Google analytics – 兩組帳號、多帳號並存一網站 (通用分析)

看以下Code即可: <script> (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’); ga(‘create’, ‘UA-12345678-1’, ‘auto’); //建立第一個帳號 ga(‘create’, ‘UA-87654321-2’, ‘auto’, ‘secondGA’}); //建立第二個帳號 ga(‘require’, ‘displayfeatures’); //啟用客層和興趣報表 ga(‘send’, ‘pageview’); //送出第一個帳號PV ga(‘secondGA.send’,’pageview’); //送出第二個帳號PV </script> Refer:https://developers.google.com/analytics/devguides/collection/analyticsjs/creating-trackers