-->

網頁

顯示具有 網路架站 標籤的文章。 顯示所有文章
顯示具有 網路架站 標籤的文章。 顯示所有文章

2018/05/01

Gandi 的 .tw 網域資訊被隱藏

忘記從哪邊看到的,Gandi 欲呼因為歐盟的隱私法規範,目前 .tw 網域的 whois 資訊全部被拿掉了:
$ whois zeroplex.tw
Domain Name: zeroplex.tw
   Domain Status: clientTransferProhibited
   Registrant:
      
        
      
      
        
      , 
      

   Administrative Contact:
        
      
      

   Technical Contact:
        
      
      

   Record expires on 2019-11-03 (YYYY-MM-DD)
   Record created on 2013-11-03 (YYYY-MM-DD)

   Domain servers in listed order:
      ns1.cloudns.net      
      ns2.cloudns.net      
      ns3.cloudns.net      
      ns4.cloudns.net      

Registration Service Provider: GANDI SAS

想要買 .tw 網域的人趕快衝啊,連擁有者的聯絡方式都被拔掉了 XDDD

2018/04/29

Blogger (終於) 支援自訂網址使用 HTTPS

或許這個消息有點 lag,但 Blogger 終於讓自訂網址的使用者可以使用 HTTPS 了。

到管理頁面中點選「設定」=>「基本」,就可以看到 HTTPS 啟用選項:



啟用以後,網站大概會中斷約 10 ~ 20 分鐘,恢復正常以後就會發現可以使用 HTTPS 連線了。


可能有人好奇 HTTPS 憑證到底怎麼生出來的?可以透過瀏覽器的開發人員工具看一下憑證內容:


其實是 Blogger 自己跑去向 Let's Encrypt 跑認證流程申請的  XD


在 Blogger 開始使用 HTTPS 以後,若編輯器發現網頁中的連結、圖片仍有使用 HTTP (無加密) 協定時會發出警告,我這邊是把 AWS s3 的圖床中間再多加一層 Cloudfront 走 HTTPS,目前看起來費用沒有增加多少 (敝站也沒多少流量就是了)。

再找時間把 Cloudfront 的設定方式整理出來,比想像中的簡單。

2018/03/14

Let's Encrypt 開始支援 wildcard certification

在 Let's Encrypt 的 Tiwtter 看到「ACME v2 and Wildcard Certificate Support is Live」,已經開放大家申請 wildcard 的憑證:
We’re pleased to announce that ACMEv2 and wildcard certificate support is live! With today’s new features we’re continuing to break down barriers for HTTPS adoption across the Web by making it even easier for every website to get and manage certificates.

另外自己在更新 certification 的 dehydrated 已經開始支援,先來看一下怎麼玩,如果要用的話就來裝 gslin 打包的 PPA

2017/09/05

用 Apache Bench (ab) 可能無法模擬高負載的網站實際情況

看到一篇「Why Apache Benchmark Is Not Enough」,這邊提到 Apache Benchmark (以下簡稱 ab) 由於都固定戳同一個 URL,這個情況下有很大的機會讓 HTTP server 或是 DB 用到相同的資並 cache 起來。

這樣子其實 ab 計算出來的 request per second 等數據,就失去了參考價值。

若要模擬真實的情境,像是「使用者看到圖片以後點擊連結開啟令一個網頁」,可以考慮使用 Apache jMeter 來建立不同的網頁 request 流程、隨意點擊,讓測試時更像真人在瀏覽網頁。

2013/11/03

PChome 買網址

因不高興 blogger 網域國別會自動更換,索性買了一個網域來用。

C4Labs 時,CrBoy 推薦 .tw 網域可以從 PChome 購買,然後使用 CloudDNS 做 DNS 代管 (PChome DNS 最多 15 個 DNS records)。

先至 CloudDNS 申請帳號,並新增 DNS zones。在 Dashboard 右方會列出 CloudDNS 的四台 DNS server IP,等會兒在 PChome 網域設定會用到。



到 PChome 挑選好網域後,會要求註冊帳號或登入來購買網域,若是新使用者的話,請記得:PChome 儲存密碼明碼!擔心安全問題的話,請使用與其他服務不同的密碼。

填完 domain 相關資料、付費後,進入「管理我的網址」選「設定 DNS」,要使用 CloudDNS 變選擇「自管 DNS」,再把剛剛 CloudDNS DashBoard 右方的四台 DNS server IP 輸入,就可等待 DNS 資料更新。




部落格現在可以使用 http://blog.zeroplex.tw/ 觀看了。

2012/08/02

建立 SSH Tunnel 專用帳號

VPN 有帳號管理功能,但是一些加密方式卻不盡安全,現在找到一個方法能讓使用者能登入 SSH 並使用 tunnel,但是無法使用 shell,僅當作跳板。


建立一個帳號,但將這個帳號的 shell 改為 nologin:
zero:x:1000:1000:zero,,,:/home/zero:/usr/sbin/nologin

這樣一來使用者無法取得 shell 操作、存取任何資料,但仍可以啟用 tunnel:
ssh zero@host.to -N -L 3128:127.0.0.1:3128

-N 意思是不執行任何遠端指令,也不會開 shell。

2011/06/11

轉貼:開元中最好的 web 開發資源

CoolShell.cn 網站上整理了不少網頁開發相關資源,包括:
  • 學習 HTML5 編成與設計
  • Server 端工具
  • PHP Framework 與工具
  • 資料庫
  • API 與即時資訊處理 (在線數據)
  • 線上軟體開發與媒體工具
  • 程式資源與版本管理工具
  • JavaScript Framework
  • JavaScript 移動與觸摸相關 framework
  • jQuery 外掛與相關資源
  • HTML5 視訊播放器
  • JavaScript 音訊處理與視覺化工具
  • JavaScript 2D、3D 圖形
  • JavaScript 與 HTML5 API (接口?)
  • 其他 JavaScript 工具
  • Client 端工具
  • CSS3 與字型資料
  • 網站樣板

忘了貼網址 XD

开源中最好的Web开发的资源

2011/06/04

+1 按鈕

在部落格中塞了分享按鈕潮一下 :P

Blogger 的只要在設計選項中勾選「顯示分享按鈕」就會自動顯示,如果網頁樣板中沒有這個設定,可以參考這篇文章加入代碼即可。


在您的網站中加入 +1 按鈕 - +1 button API - Google Code
http://code.google.com/intl/zh-TW/apis/+1button/

2011/04/30

無線網路定位好恐怖

當初一直以為一定要 GPS 才可以定位,線最近發現無線網路也可以精確的定位而且誤差超小,但是百思不解到底是如何定位,一直到最近才發現 .....。

無線網路的定位方式不是即時測量,而是透過網路搜尋無線 AP 的 MAC 所在位址。由於家裡的 FON 幾年沒開過機,加上回家以後附近幾乎沒有基地台,無線網路定位就失靈。

由於定位要有無線網路,基地台又必須在某個時段曾經開機過,所以 .... Google 街景車!

聽說 Android 手機用 GPS 定位以後又連上網路,還會自動更新附近基地台的地理位置 ...

2010/09/08

Mediawiki 頁面字首小寫

Mediawiki 的頁面名稱,第一個英文字母都會自動換成大寫,不過有時候以設定檔名稱為主的頁面就很頭大。

剛剛找到解決方法,可以讓 Mediawiki 將大小寫區隔開,作法是在 LocalSettings.php 檔中加入一個參數:
$wgCapitalLinks = false;

將 $wgCapitalLinks 參數設定成 false 以後 Mediawiki 就不會強制將頁面的英文自首改成大寫,但是之前所有使用 [[name]] 的頁面連結會區隔大小寫,有些連結名稱需手動修改。


參考資料:Manual:$wgCapitalLinks - MediaWiki
http://www.mediawiki.org/wiki/Manual:$wgCapitalLinks

2010/09/04

Install Nginx + PHP-FPM on FreeBSD

因為老舊機器跑 Apache 實在太費力了,不少朋友都推薦 Nginx 來取代 Apache。網路上不少效能測試也顯示 Nginx 使用的系統資源比較少。

Install Nginx from ports:
cd /usr/ports/www/nginx
make config   # select modules you want
make install clean

Install php52 from ports:
 cd /usr/ports/lang/php52
make config   # Enable FPM
make install clean

安裝 PHP-FPM (Fastcgi Process Manager) 後,在 /etc/rc.conf 加入啟動設定並啟動 php-fpm:
echo php_fpm_enable=\"YES\" >> /etc/rc.conf
/usr/local/etc/rc.d/php-fpm start

依照預設值 FPM 會 listen port 9000,可以用 sockstat 看一下是否啟動成功:
$ sockstat
USER     COMMAND    PID   FD PROTO  LOCAL ADDRESS         FOREIGN ADDRESS
www      php-cgi    2736  0  tcp4   127.0.0.1:9000        *:*
www      php-cgi    2735  0  tcp4   127.0.0.1:9000        *:*
www      php-cgi    2734  0  tcp4   127.0.0.1:9000        *:*
www      php-cgi    2733  0  tcp4   127.0.0.1:9000        *:*
www      php-cgi    2732  0  tcp4   127.0.0.1:9000        *:*
root     php-cgi    2731  4  stream -> ??
root     php-cgi    2731  5  stream -> ??
root     php-cgi    2731  6  tcp4   127.0.0.1:9000        *:*

若要修改 listen port 可以開啟 /usr/local/etc/php-fpm.conf,搜尋「listen_address」,設定檔是以 XML 的方式撰寫,把 127.0.0.1:9000 改成自己要得即可。

修改 Nginx 設定檔 /usr/local/etc/nginx/nginx.conf,大約在 60 行左右可以看到「pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000」,將該段落的設定檔取消註解。

另外 Nginx 設定檔有個很怪的地方,就是 fastcgi_param 的預設值不是在網頁目錄底下,要將後方的「/scripts」改成「/usr/local/www/nginx-dist」,這樣 Nginx 才會將網頁目錄底下的 PHP 程式交給 FPM 執行。

設定完畢存檔,/usr/local/etc/rc.d/nginx start 啟動 nginx 就可以弄個 phpinfo 來測試了。

2010/08/03

PHP 加速 on FreeBSD (pecl-APC)

這次為了 Wordpress 3.0 花了不少時間搞 tuning,後來 cookys 大大跟我說 eaccelerator 效果不大,可以改用 APC 加速。

Install APC on FreeBSD:
cd /usr/ports/www/pecl-APC/
make install clean

安裝好以後修改 php.ini,參數在 /usr/local/share/doc/APC/INSTALL 有詳細說明。
apc.enabled=1  ; 1 as enable, 0 as disable
apc.shm_segments=1  
apc.shm_size=128  ; Shared memory size in MB
apc.ttl=7200  ; TTL for cache
apc.user_ttl=7200
apc.num_files_hint=1024
apc.mmap_file_mask=/tmp/apc.XXXXXX  ; 6 個 X 請勿修改
apc.enable_cli=1

設定完畢後重新啟動 Apache。

使用 phpinfo() 後若看到 APC 相關資訊表示 APC 已經可以使用。接著複製 apc.php 到 www 目錄下並設定帳號密碼,便可以查看 APC 的統計資訊:
cp /usr/local/share/doc/APC/apc.php /usr/local/www/apache22/data/

設定帳號密碼:
defaults('ADMIN_USERNAME','user_id');
defaults('ADMIN_PASSWORD','user_password');




左方圓餅圖代表記憶體情況,右方 Hits 代表使用到快取,Miss 表示要求的程式不在快取內。

安裝好 APC 後自己拿 JMeter 做測試,Wordpress 3.0 的首頁在安裝 APC 後大概快了 200 ~ 500ms 左右,感覺算快了不少,不過一部分原因是 JMeter 設定全部都跑去抓首頁,建議加上亂數元件讓 JMeter 隨機讀取網頁會更準。

參考資料:安裝 PHP APC 加速網頁速度 | 小惡魔
http://blog.wu-boy.com/2008/06/05/275/

2010/07/12

幾個 CSS3 排版用語法

維基百科:互助客棧/技術/存檔/2010年5月 上面挖到寶,找到幾個 CSS 語法可以讓過長的列表自動分欄。

-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-width: auto;
-webkit-column-width: auto;
column-width: auto;
-moz-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0;
-moz-column-rule: ;
-webkit-column-rule: ;
column-rule: ;

效果如下:
  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I

看不到效果可能是因為使用 IE 的關係,目前 Firefox 和 Chromium 都有支援這個語法,Opera 和 Safari 我就不太確定了。

如果還在使用 IE,請容我說一句話:使用 IE 的死亡率比新流感更高!請改用免費又安全的 Firefox 或是其他瀏覽器!

2010/06/26

Redmine 更新

主機一陣子沒更新,看到 SA 通告心裡毛毛的跑了一下 portmaster -a,然後我後悔了 .... Orz

將 Rails 從 2.3.5 更新到 2.3.8,config/environment.rb 裡面的設定也要跟著改:
RAILS_GEM_VERSION = '2.3.8' unless defined? RAILS_GEM_VERSION

另外最慘的是 RMagick 更新速度似乎趕不上 ImageMagick,將 ImageMagick 更新到 6.6.1.10 後 RMagick 卻噴錯誤訊息說版本不合,gem update 好幾天都沒看到更新。

後來手殘弄錯東西只好 pkg_delete -af。從頭來過後 passenger 噴錯誤訊息,發現 Ruby 有新增不少功能,要在設定檔裡面另外多設定幾個參數
config.action_controller.session =  { :session_path => '/path/to/webApp' }
config.action_controller.session =  { :session_key => 'key_prefix' }
config.action_controller.session =  { :key => "_myapp_session", :secret => "some phrases" }

2010/06/04

PHP 5.3 函式被標記為「Deprecated 」

前陣子 portmaster -aDG 以後一堆服務噴「function deprecated」,後來才知道 /usr/ports/lang/php5 目前是 PHP 5.3,更新後有不少函式被標記為 deprecated

PHP 5.2 在 FreeBSD Ports 有另外被分出來放在 /usr/ports/lang/php52,先將原有的 make deinstall 再到 php52 make install clean 即可。

ps. 小弟無知,以後不敢隨便更新了 Orz

2010/04/22

Install Redmine in FreeBSD

以下全文轉錄、修改自:FreeBSD上でRedmineを試してみる - FileMakerとPHPのメモ
http://d.hatena.ne.jp/unam-h/20080501/1209642442

Redmine 是用 Ruby 撰寫成的專案管理系統,支援項目追蹤、工時追蹤、Wiki、版本控管、討論區等功能。不過因為沒有用過 trac 系統,沒辦法為大家做比較,若有朋友用過歡迎提供意見。

FreeBSD 較新的 ports 中有納入 Redmine:/usr/ports/www/redmine,但是自己從 make install 後到看官方說明書安裝仍然中途出錯失敗,所以參考其他方式安裝。

先到欲安裝的位置用 SVN 將 source code 取出:
svn co http://redmine.rubyforge.org/svn/tags/0.9.3/ redmine

然後建立資料庫設定檔:
cp config/database.yml.example database.yml
vim database.yml

修改資料庫帳號密碼:
production:
  adapter: mysql
  database: db_name
  host: db_host
  username: user
  password: password
  encoding: utf8

執行 rake 設定:
rake db:migrate RAILS_ENV="production"
rake redmine:load_default_data RAILS_ENV="production"

以上設定若沒有出現錯誤訊息,執行下面的指令可啟動伺服器:
ruby script/server -e production

伺服器預設是在 localhost:3000 上,用瀏覽器連到 3000 port 若有看到系統畫面便表示安裝成功。


接下來安裝 rails 和 passenger 讓伺服器可以掛在 Apache 上:
gem install rails --version 2.0.2
gem install passenger

接著建立 Apache mod:
passenger-install-apache2-module

在 httpd..conf 上加入 passenger module:
LoadModule passenger_module /usr/local/lib/ruby/gems/1.8/gems/passenger-2.2.11/ext/apache2/mod_passenger.so
PassengerRoot /usr/local/lib/ruby/gems/1.8/gems/passenger-2.2.11
PassengerRuby /usr/local/bin/ruby18

重新啟動 Apache。


建立 Virtual Host 時,只要將網址的位置設定在 Redmine 的 public 位置即可:
<VirtualHost *:80>
        ServerAdmin my@mail
        DocumentRoot /home/user/redmine/public
        ServerName redmine.my.url

        <Directory /home/user/redmine/public>
        Options FollowSymLinks
        AllowOverride None
        Order allow,deny
        Allow from all
        </Directory>
</VirtualHost>

2010/04/05

網頁設計最常犯的 34 項錯誤

翻譯自:
Top 34 Web Design Mistakes
http://www.bootstrike.com/Articles/DesignMistakes/

  1. 不當的使用 Javascript:請見說明
  2. 拼字或文法錯誤。
  3. Flash、Shockwave、Java:無法被搜尋引擎建立所以,下載時間較長。
  4. 建立縮圖:使用 HTML 語法縮小圖片寬度、高度並不能減少流量,必須手動或是使用程式將圖片縮小。
  5. 使用 GIF、Flash 動畫:動畫容易使人分心,也容易惹惱使用者。
  6. 背景音樂、自動播放:想想看當你正在聽卡農時網頁卻播放重金屬音樂,尤其是每次點選子網頁都從頭自動播放。
  7. 分頁、幻燈片模式:把內容放在同一個網頁,不要讓使用者點選「下一頁」以節省時間。
  8. 將 F&Q 的解答分開放在不同網頁上:不要將每個問題獨立放在不同的網頁上,這樣使用者必須一直切換頁面。放在相同的網頁上就好。
  9. 使用高對比文字顏色:請勿使用「黑底黑字」或是「白底白字」。
  10. 螢幕寬度:應考慮 800x600 為最小螢幕寬度,盡可能不要讓瀏覽器出現水平捲軸。
  11. 字型:不要使用其他人沒有的字型,設定方式請見說明
  12. 讓字體能任意放大、縮小:在 CSS 中使用 em 或 %,請見說明
  13. 使用標準、一致的版面設計。
  14. 圖片最佳化:最好能將圖片縮小到四百萬象素以下,螢幕看得清楚也能節省下載時間,原作強力推薦 GIMP 製作縮圖。
  15. 別忘記 title、meta、keyword 標籤:讓使用者方便做紀錄,也讓搜尋引擎建立索引。
  16. 在表單中加入 label 標籤:讓使用者填選更輕鬆,請看說明
  17. 使用 Fieldset 組織表單:讓表單看的更清楚。
  18. 為圖片、超連結加上說明:在圖片加上 alt 屬性、超連結加上 title 屬性,可在滑鼠游標旁顯示註解。
  19. 進站畫面:好能在 Flash 動畫旁加上「進入本站」或是「略過」的超連結,不要強迫使用者看完影片,搜尋引擎也能建立索引。
  20. 回饋連結及頁面:在網頁上放置 email 聯絡方式,並在伺服器上處理郵件,避免使用者畫面跳出 Outlook 等視窗。
  21. 檔案命名方式:盡量以英文小寫命名,特殊字元會造成使用者存檔時的不便,如空白會變成「%20」
  22. 文字區塊:文章段落中間最好留幾行空白,文字與邊框應保留間隔距離。
  23. 禁止右鍵選單:不要在網頁上使用 Javascript 禁止使用者按滑鼠右鍵,要讓網頁、圖片不被其他人取用:請不要放到網路上!
  24. 使用頁框:頁框中的內容並不會儲存到書籤,造成使用者的困擾。
  25. 文字底線:不要在沒有超連結的文字上加底線,改用其他方式強調,請看說明
  26. 不同檔案類型的特性:壓縮率、串流等特性。
  27. 彈跳視窗:不要讓超連結跳出新視窗,也不要在新視窗放廣告,這樣只會讓使用者厭惡。
  28. AJAX:在 IE6 上面執行 AJAX 仍需要使用到 ActiveX,直到 IE7 才將 XMLHTTP object 獨立出來
  29. 背景顏色:不要假設所有使用者預設的背景都是白色,請自行加上背景顏色設定
  30. 網頁測試:針對各種瀏覽器以及各種情況做測試,請見說明
  31. 友善的介面但無法調整:讓所有的設定值都可以被調整,以免發生字體變大但是行距不變的情況。
  32. 偵測到不支援 Javascript 時強制重新導向:使用 noscript 標籤來告知使用者,不要重新導向到其他頁面或是跳到瀏覽器更新頁面。
  33. 不支援列印格式或列印預覽:可在 CSS 設定列印專用樣式,隱藏目錄及導覽列可以在列印時節省紙張。
  34. 不支援基本搜尋功能:在網站上放置搜尋欄位,讓使用者可以搜尋整個網站。

如有翻譯不當的地方,請大家多多指教。謝謝!

2010/01/16

CSS 版面設計樣板範例

最近要生一個網頁樣板出來,不過沒碰過 CSS 單單調整幾個區塊也讓我想撞牆,後來阿雷固推薦我一個網站很不錯,把常用的樣板整理出來,將 CSS 複製貼上就可以使用了。



網站名稱:Little Boxes
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

2010/01/11

GD vs. Imagick (ImageMagick)

由於之前聽到網路上傳言 ImageMagick 函式庫的效能比 GD 還要好,不過找不到實在測試資料,所以自己來跑測試。

測試方式是由自己的一張全景照片 (512 x 512, 340KB) 分別用 GD 與 ImageMagick 的縮圖函式進行縮圖 (256 x 256),並紀錄執行函式所需要的時間。