Nginx 是另一種使用 C 語言寫成的 Web Server 軟體，主要還是支援 Unix-like 平台，網站也有 Windows 的 Binary 可以下載。目前 Windows 版本僅支援 Standalone 的方式，還未支援 Service 的方式來佈建 Web Server，換句話說，就是不會在 Windows 的「電腦管理>>服務與應用程式」中出現 Nginx 的服務設定。另外，Windows 版本也沒有將 SPDY 的 module 編譯到 Binary 裡面（可以在 Command Line 執行 ngnix -V查看編譯的 module），如此就無法在設定檔中設定 spdy 項目；有 SSL 的 module，但是產生 SSL 需要的 key 及 CA，對於初學者而言，不是那麼簡單、容易，底下的文章只是對 php + Admin + sqlite 的設定過程來說明： 下載 ngnix for windows 版本 ，預設是放在 Server\ngnix 目錄 到 Server\nginx 目錄下，執行 start nginx.exe （stop: nginx -s stop） 使用 Browser 開啟 localhost，應該可以看到 Welcome to ngnix 的網頁 下載 php for Windows , Adminer , Sqlite 軟體，解壓縮到 Server 目錄底下 修改 Servver\nginx\conf\nginx.conf 內容： 注意：要使用下列指令來 kill nginx.exe process taskkill /f /IM nginx.exe taskkill /f /IM php-cgi.exe install Server in Windows: httpd -k install -n "Survey Website" httpd -k uninstall -n "Survey Website" install MariaDB: copy data\my.ini to MariaDB root dir bin\mysqld --install MariaDB // DB name net star...
發表文章
Brackets 是 Adobe 公司以開放原始程式碼(Open source code)的方式來發行的文字編輯軟體，主要是針對網頁程式開發而設計的一個編輯軟體，它幾乎是由 Javascript, HTML, CSS程式碼所撰寫而成，使用 Chromium Embedded Framework (CEF) 當作一個 shell 來處理Javascript, HTML, CSS 這些原始程式碼，整個程式碼可以在 GitHub 網站下載 。 從 Brackets 網站下載安裝檔，然後直接執行安裝檔，就可以完成 Brackets 的安裝程序。完成安裝程序後，擴充套件僅有 Extract for Brackets (Preview)套件，在 10 Awesome Brackets Extensions You Really Need 中提及安裝幾個重要的擴充套件，視個人需求而定，對於想要開發 HTML, Markdown 的人，建議安裝下列幾個套件： Brackets Beautify Markdown Preview Emmet 額外加強 Brackets 編輯器的功能有： Documents Toolbar Themes for Brackets Brackets Icons Brackets Git //需要先安裝 Git client 軟體 安裝這些套件相當簡單，只要開啟 Brackets 編輯器，按右上角第二個方形的小圖示，開啟擴充套件管理程式(Extension Manager)>>available 圖示，然後搜尋套件的名稱，按下 Install 即可。 安裝 Brackets Git 套件需要先安裝 Git 軟體，在 Windows 平台可以到 Git 網站下載，我通常會安裝 STL's MinGW，他已經把 Git 包在裡面，所以在 Brackets Git 設定頁面，要像下圖的把Git 路徑及執行檔設定到設定頁面中，才不會有錯誤訊息產生。 在完成 Brackets 與擴增功能的套件安裝完成以後，對於要使用中文的朋友，以及喜歡像：輸入左括號能自動產生右括號的這項功能，需要自己在 Brackets 中做設定： 設定中文語系：Debug >> Switch...
Responsive Web Design(RWD) 是現在網頁式設計時必須要考慮的要件，但是在開發的過程中，需要同時對於不同的 Device 檢視效果，gulp + browser-sync 是一種可以同時更新不同 Device 的 workflow，設定的步驟如下： 安裝 nodeJS: npm update: npm update 安裝 global gulp : npm install -g gulp 切換到 project 目錄 安裝 gulp + browser-sync + gulp-sass: npm install gulp browser-sync gulp-sass --save-dev 新增 gulpfile.js:內容如下 執行 gulp: gulp 依照 Browser-sync 網站的說明 ，gulpfile.js 內容如下： var gulp = require ( 'gulp' ); var browserSync = require ( 'browser-sync' ); var reload = browserSync . reload ; var sass = require ( 'gulp-sass' ); // start server gulp . task ( 'browser-sync' , function () { browserSync ({ server : { baseDir : "./" } }); }); // process JS files and return the stream. gulp . task ( 'js' , function () { return gulp . src ( 'js/*js' ) . pipe ( browserify ()) . pipe ( uglify ()) ...
Gitbook 是一種文件產生的套件軟體，提供使用者可以利用簡單的 Markdown 語法來撰寫文件，再使用 gitbook 的工具轉成書本的形式。最大的好處在於： 使用的是 Markdown 語法，讓一般的使用者可以很容易、輕鬆的撰寫文件，相較於其他的文件產生的套件，例如：Sphinx[1], Docbook, TeX/LaTeX, etc ...入門的門檻已經簡單太多、太多了。命名為 Gitbook，意味著它結合 git 的功能，把文件送到 gitbook 網站 ，讓世界所有人都可以看到你/妳的作品。除此之外，系統上也有定價的機制，讓瀏覽者可以付費觀看。 Gitbook 是使用雲端來儲存世界上所有使用者撰寫的書籍，網路上也有其相同雲端服務的系統，如： Read The Docs ，只要到網路上免費申請帳密，就可以在線上編輯、發布自己所寫得書籍，不需要再特別安裝任何軟體。若要離線編輯 gitbook 書籍，需要安裝它提供的 gitbook Toolchain 軟體。這個工具軟體是使用 Javascript 所撰寫的程式，需要安裝 node.js 引擎，配合 npm 來安裝。在不同平台的安裝與設定上略有差異，以下是在 Windows 系統安裝與測試的過程： 首先安裝 node.js 更新 npm 套件： npm update 安裝 git 軟體： npm install git // 若安裝 STL's MinGW 則不需要再安裝 git 使用 npm 安裝 gitbook 工具程式： npm install -g gitbook-cli 完成安裝程序，就可以開始使用 gitbook 來產生書籍的文件。在使用這個工具之前，先說明這個套件的指令： 輸入 gitbook 出現 gitbook help 文件 安裝完成後，預設的 gitbook版本是 2.1.0 版，可以下指令來檢查：gitbook versions 檢查有幾種版本可以使用： gitbook versions:available 安裝 2.2.0 版： gitbook versions:install 2.2.0 移除 2.1.0 版：gitbook versions:uninstall 2.1.0 檢查輸出的版本： gitbook -V 產生 Webstie ...
因為 LLVM 官方網站所編譯好的 Windows 安裝檔，沒有 LLVM Toolchain 可以編譯成 llvm 的 bitcode(.bc) or native assembly(.s)，為了讓 Clang-cl 可以使用 LLVM Toolchain 來產生bitcode(.bc) or native assembly(.s)，安裝 emscripten SDK 套件，來使用 lli, llc, llvm-dis Toolchain 。 接觸 emscripten 後，從 emscripten文件 中得知 SPHINX 這個 Python 世界中的 Document 系統，大略看了一下它文件，可以使用簡單的 Text 文件作為基礎來產生不同的文件格式： html, TeX, pdf，也有網站的 theme 可以用來建立網站，emscripten 網站就是使用這個文件系統所建置，與 Docbook 比較，SPHINX 所使用的 reStructuredText 更容易讓初學者接受及適用。
OR code 是 Quick Response Code 的簡稱，中文稱為二維條碼，與之前所知的二維條碼略有不同，不過，總是可以利用這個碼來做一些不一樣的事。 QR code 產生器 提供了一個產生各種不同需求的 OR code，在網站中也使用「文字」的選項來產生一個 OR code 來看看，文字的內容是如下： 這是中興大學註冊組提供的註冊證明，同學取的這個訊息，表示同學已經完成註冊程序。 中興大學 註冊組敬啟 真的可以產生一個 內含文字的 QR code ，結果存成 ORcode.png 檔。似乎要實作一個註冊成功的網站，讓註冊完成的學生來掃描並不難。
雖然 Apache, php, MySQL, phpMyAdmin 這種組合在網路上已經有人將它打包成 WAMP 套件，不需要太多的技術背景的使用者也可以輕鬆的架站。但是還是自己手動安裝來的 Free，另外，再次分別下載各個軟體手動安裝，主要是想測試 Maria DB , eyeOS 的支援情形。 在這次安裝的過程中，遇到一些與2001年安裝在 windows 98 時不同的設定及問題，先描述如下： 1. Apache virtual-host 的設定 ： 設定檔在 conf/extra/httpd-vhosts，主要是讓主機有另一個 virtual host name 可以使用，可以參考檔案內的範例來設定。 另外需要注意的是：C:\Windows\System32\drivers\etc\hosts 也需要加入 virtual host 的 ip 才可以找得到 Apache 所設定的 virtual host。 2. Apache httpd.conf 的設定： 這個與之前的設定相同，主要是設定 php 要使用的 modules, index.php，但不需要PHPIniDir "J:/Server/php5/" LoadModule php5_module "J:/Server/php5/php5apache2_2.dll" ，因為 php5 的安裝程式就會要求指定 Apache 設定檔的路徑，並且設定好這個模組。 3. Apache manual.conf 的設定：Apache 的 manual 設定檔是 conf/extra/httpd-manual.conf, 設定以後就可以不用連到 Apache 網站。但是不需要在 Alias modules 中特別設定路徑。 4. php 的安裝與設定：php 有許多種版本，要下載 Thread Safe 的版本，並且要注意安裝時要下載 php 5.3.8 的版本，因為當時 php 5.4.0 版本是新版本，在安裝 phpMyAdmin 時，會造成無法登入 Maria DB，還一直以為 phpMyAdmin 或者 Maria DB 的問題，弄了很久才在網路上找到問題出在 php 版本的問題。 5. eyeOS 安裝： 安裝 eyeOS 以後會出現...
在無意中找到了一個 Connexions 網站[1]，網站首頁寫著： Connexions is: a place to view and share educational material made of small knowledge chunks called modules that can be organized as courses, books, reports, etc . 用 "css3" keyword 去 search，有一個介紹 css3 的教材[2]，在他的參考資料中列出 useful coding techniques 的連結[3]，連結中有需多 css3 的範例可以參照，特別是 slide 的範例。 在[3] 的 slide 範例限制，對於 IE 的使用者無法顯示 slide 的效果，而在 [4] 中提供了一個 slide.js 的 library 讓網頁可以顯示各種 slide show 的效果。 ------------------------------------------------------------------------------------------ [1] http://cnx.org/ [2] http://cnx.org/content/m36730/latest/ [3] useful coding technique [4] http://greweb.fr/slider/
Ruby on Rails 是另一種網站建置的架構，主要的優點在於容易維護，底下是在 Windows 7 中安裝的過程： 1. 從[1]中下載 Ruby 的 windows installer 安裝 2. 開啟「 Start Command Prompt with Ruby」，然後設定 command line 的編碼為 unicode 3. 安裝 sqlite3, $ gem install sqlite3 4.安裝 rails, $ gem install rails 5. 新增網站的目錄, $ mkdir C:/www/rails 6. $ cd C:\www\rails 7. $rails new demo 8. 啟動 rails, $ rails server 9. 連線測試： http://localhost:3000/ 在 Windows 7 底下開啟「 Start Command Prompt with Ruby」時，預設是在 C:\Users\elvis\rails，而實際在檔案總管中是 C:\使用者\elvis 目錄。 Rails 提供 bundler 來檢查 gem 套件的相依性，只要在 demo 目錄中輸入 $ bundle install, or bundle 就會檢查並安裝相依的套件，如果你修改 Gemfile 時，必須要執行 $ bundle 。 Rails 是依照 Model/View/Control(MVC) 的架構來管控網站的內容，首先要先產生一個 Controller 的相關檔案，然後再編輯 Control/View 以及 router 的設定，以下是參考[2]的說明產生第一個 Hello World 的網頁。 1. 產生Controller 的相關檔案， $ rails generate controller welcome, or rails g controller welcome 2. 編輯demo/config/routes.rb 檔，加入下列一行設定 get "welcome/say_hello" => "welcome#say" 3. 編輯 app/controllers/welcome_contro...
今天想找有關於 jquery 的教學資料，結果在 web designer wall [1] 中看到了[2]這一篇有有關於 Max Luzuriaga 的 interview 內容，以15歲的年紀，可以設計出 [3] 這樣的網站，實在是很不簡單，我想國內的學生，不知道有誰有這種能力？ -------------------------------------- [1] http://webdesignerwall.com/ [2] http://webdesignerwall.com/general/interview-with-max-luzuriaga [3] http://www.maxluzuriaga.com/