使用源碼

0. normalize.css
1. Waves
2. Magnific Popup

開發環境

作業系統： Windows 8.1 64bit 伺服器：Node.js 測試瀏覽器：Chrome 48

開發工具

0. Compass
1. Gulp
2. Sublime Text 3083
3. Git

使用

瀏覽觀看

請直接下載 zip 或在命令行輸入

git clone https://github.com/junyussh/html-contest.git

直接用瀏覽器開啟 index.html ，本網頁使用 HTML5、CSS3，為了達到最佳瀏覽效果請使用最新版的瀏覽器，如 Firefox、Chrome、Opera。 經過測試，webkit 核心的瀏覽效果最佳。

推薦的 webkit 瀏覽器(依排名)：

0. Chrome
1. Citrio
2. Safari

建立開發環境

欲進行修改本網頁之源碼，請先進行以下動作。

請先安裝 Ruby、Node.js。

安裝 Compass

gem install compass

在網頁根目錄安裝 Gulp

npm install -g gulp -save-dev
npm install gulp-compass gulp-cssnano gulp-rename gulp-connect -save-dev

開始啟動 Gulp

gulp

在瀏覽器輸入 localhost:8080 就可以瀏覽了。

目錄說明

assets 資料夾放置網頁組件

assets/sass 放置 SCSS 源碼

assets/css 是 SCSS 編譯出來的 CSS 檔

assets/js 放置網頁所需的 Javascript 檔案

assets/images 放置網頁所需圖片

post: Markdown 格式檔案編譯後的 html 檔

sources: Markdown 文章