升上 VuePress v2 RC 五個月後，決定再遷移到 Hugo 的紀錄

Wed, 22 Apr 2026 00:00:00 +0000

前言

2025 年 11 月才剛從 VuePress v1.8 升上 v2.0.0-rc.26，本以為至少能安穩用個幾年。結果升完五個月就遇到一堆問題，最後在 2026 年 4 月決定再搬一次，這次換到 Hugo。

這篇記錄從評估、選型、遷移、踩雷到最後部署上線的完整過程，順便也拿這篇當 component 測試文，把 Hugo 版型的 code block、tip、warning、表格、SVG、taxonomy 一次全部跑過。

為什麼升 v2 才 5 個月就要再搬？

升級前以為是一次「大幅刷新但之後穩定」的投資。升完才真正理解現狀：

VuePress v2 本身自 2022 就卡在 RC，到 2026 仍然沒有 stable。這個「卡 RC 3+ 年」的背景是在升上去之後才有切身感受
插件生態沒跟上：v1 時期依賴的若干插件在 v2 沒有對應版本，有些甚至上游直接放棄維護
RC 階段的 theme API 仍會 breaking change：升 v2 時已經改了一次 theme，完全不想再因為某次 RC 升級又全部改一次
Dev server 啟動 30 秒：寫文章的摩擦大到開了就忘記要寫什麼

與其繼續賭 v2 什麼時候脫 RC，不如直接換到生態穩定、建置極快的工具。於是評估了 Astro、Next.js、Eleventy、Hugo，最後選 Hugo：

候選	建置速度	生態穩定度	Runtime 依賴	主要缺點
Hugo	極快（幾百毫秒）	十年以上穩定	Go binary	模板語法較陌生
Astro	中等	快速演進中	Node.js	還在 breaking changes
Next.js	慢（依頁面數成長）	成熟但偏 App	Node.js	對靜態部落格 overkill
Eleventy	快	小眾但穩定	Node.js	template 選擇多到雜亂

Hugo 的勝出原因很簡單：Go 寫的單一執行檔、零 Node.js、零 npm、template 語法雖然怪但至少不會自己 breaking change。

Discord 完全隱藏封鎖/忽略的訊息

Thu, 01 Jan 2026 00:00:00 +0000

前言

Discord 提供了兩種「照顧心理衛生」的方式來處理不想看到的訊息：封鎖（Block）和忽略（Ignore）。這兩種功能可以幫助使用者避免看到特定使用者或伺服器的訊息，讓聊天環境更加舒適。

然而，Discord 官方並沒有提供完全隱藏這些訊息的功能。即使你封鎖或忽略了某個使用者，他們的訊息仍然會在聊天室中顯示一個提示，例如「你已封鎖此使用者」或「你已忽略此使用者」的系統訊息。這些提示雖然不會顯示實際的訊息內容，但仍然會在聊天記錄中佔據空間，對於想要完全「眼不見為淨」的使用者來說，這可能還不夠。

Tip

忽略功能在顯示邏輯（HTML 結構）上與封鎖功能是相同的，因此我們可以使用相同的方法來處理這兩種情況。

實作

為什麼選擇 CSS Injection？

要達成完全隱藏這些訊息提示，我們有幾種方式可以選擇：

Javascript Injection：可以動態修改 DOM 元素
CSS Injection：透過 CSS 選擇器隱藏元素

我選擇使用 CSS Injection 的方式，主要原因如下：

效能考量：CSS 的效能通常比 JavaScript 好，不會對頁面造成額外的運算負擔
動態載入問題：Discord 使用動態載入內容，JavaScript 在處理動態載入的元素時可能會遇到時機問題，需要額外監聽 DOM 變化
簡單直接：CSS 選擇器可以直接針對特定的 HTML 結構進行隱藏，不需要複雜的邏輯

解除 Developer Tool 防護

Discord 官方有針對開發者工具（Developer Tool）進行警告與防護機制。在進行以下操作之前，請先解除 Discord 對開發者工具的防護。

1. 無法開啟開發者工具

如果你無法使用 Ctrl+Shift+I（Windows/Linux）或 Cmd+Option+I（macOS）開啟開發者工具，需要先在設定檔中啟用開發者工具。

Warning

必須先解除防護後，才能使用 Ctrl+Shift+I（Windows/Linux）或 Cmd+Option+I（macOS）開啟開發者工具。

Windows

在 Windows 上，請編輯以下檔案：

%appdata%/discord/settings.json

在 settings.json 中加入以下設定：

從 VuePress v1 升級到 v2

Sun, 23 Nov 2025 00:00:00 +0000

使用 VuePress v1 架設 blog 好幾年了，我決定升級到 VuePress v2，主要是想用更現代的建置系統、更好的效能，還有更好的開發體驗。 VuePress v2 帶來了不少改進，包括 Vite 打包工具、Vue 3 支援、TypeScript 支援，還有更模組化的插件架構。

這篇文章記錄了我從 VuePress v1 升級到 v2 的過程，包括遇到的問題和解決方法。

為什麼要升級？

VuePress v2 有幾個讓我想要升級的理由：

Vite 打包工具 - 建置時間比 webpack 快很多，熱模組替換也更快
Vue 3 支援 - 現代的 Composition API 和更好的效能
TypeScript 支援 - 型別安全的配置和更好的 IDE 支援
模組化架構 - 更好的插件系統和更靈活的客製化
效能改進 - 優化的打包分割和更快的頁面載入
更好的開發體驗 - 改進的錯誤訊息和除錯工具

Tip

寫這篇文章的時候，VuePress v2 還在 Release Candidate (RC) 階段 (v2.0.0-rc.26)，不過已經穩定到可以上 production 了。官方 v2 正式版應該很快就會發布。

環境

升級時使用的環境：

Enable Sidecar for Old Devices

Wed, 26 Jun 2019 00:00:00 +0000

Edit - 2019.08.06

Methods mentioned in this post is no longer working in the latest beta version of macOS (10.15 Beta (19A526h)).

Edit - 2019.07.05

Add some tips.

The public beta of iPadOS and macOS Catalina is currently live for everyone now. You may go to Apple website for more detail info about public beta.

The Sidecar is a hot feature which let you connect your iPad to Mac wireless or wired. But this feature is actually limited to newer Apple devices. My Macbook Air Early 2015 was not showing the “Sidecar” icon in System Preference, neither my iPad Pro 11" showing up in my MBA’s AirDisplay menu.

Made with Love Snippets

Tue, 25 Jun 2019 00:00:00 +0000

Here are several ways to put “Made with Love” on your webpage.

Typing the Heart

Unicode Character

Made with ❤ by Howar31

Made with ❤ by Howar31

UTF-8 Miscellaneous Symbols

Made with ♥ by Howar31

Made with &#9829; by Howar31

HTML Entities

Made with ♥ by Howar31

Made with &hearts; by Howar31

Icon

Made with by Howar31

<link rel="stylesheet" type="text/css" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
Made with <i class="icon ion-heart"></i> by Howar31

Made with by Howar31

Proxy Settings Note

Sun, 21 Apr 2019 00:00:00 +0000

Edit - 2019.09.16

Add/Edit Git section.
Add command for NPM proxy
Fix typo

There are so many different system or tool configs to set if you are behind a proxy. This article simply note where and how to set them.

I will use these settings for the following example:

Proxy Host: host
Proxy Port: 3128
Proxy User: username
Proxy Password: password

Warning

You need to URL encode your username or password if special characters contains.
i.g. whitespace = %20, & = %26, etc…

Ubuntu

Config file path: /etc/environment

Setup Dockerize GitLab Runner on Synology NAS

Thu, 18 Apr 2019 00:00:00 +0000

In this article, I will illustrate how to setup a GitLab Runner with docker executor on Synology NAS DSM. And also show you how to setup docker-in-docker for docker executor in a container to call other docker containers/images on the host.

Environment

I have two Synology NAS and I tested the steps in this article on both devices. And the system (DSM) versions are the same.

Synology DS916+ and DS718+
DSM 6.2.1-23824 Update 6

Although there are some differences from regular Docker installation, I used the Docker package from Synology Package Center which provides GUI for easy management.

Setup VuePress with GitLab Pages on Ubuntu 18.04 LTS

Wed, 17 Apr 2019 00:00:00 +0000

This is a lite version of setup tutorial about Vuepress docs on Ubuntu. For detailed tutorial I wrote, please visit Create a docs with VuePress on GitLab Pages.

Environment

Ubuntu 18.04.1 LTS
Node.js 11.14.0
npm 6.9.0

Setup VuePress

VuePress Official Guide

Install VuePress

First, install VuePress globally:

npm install -g vuepress

or if you want to install locally:

npm install vuepress

Warning

With Vuepress installed locally, you may need to use npx vuepress in command line.

Config Build Path for GitLab Pages

To change the built files destination, we must set it up in config file. By default the config file is not exist, you may create a config file by yourself:

Secure GitLab Pages with Let's Encrypt Certificate

Sat, 23 Mar 2019 00:00:00 +0000

Edit - 2019.06.25

Add About Getting Certificates on Let’s Encrypt section.
Add Automatically Renew and Deploy Certificate on GitLab Pages section.
Add References section.
Fix typo.

Using SSL to secure your website is not only for safety, but also tell browser not show your website as not secure. Let’s Encrypt provides free SSL/TSL cerfiticates as long as you remember to renew them once in a while. And wildcard certificates can be applied to all the subdomains.

Enable PWA Support for VuePress

Fri, 22 Mar 2019 00:00:00 +0000

PWAs, Progressive Web Applications are web applications which is loaded as a website, but can also provide native app functionalities, such as offline mode, push notification, hardware access, and more. For more info about PWA, please read the articles metioned in References.

Environment

The environment I used:

macOS Mojave, 10.14.3
VuePress 0.14.10

I setup my blog as a PWA successfully. You may visit my blog on your phone (Chrome on Android recommended) to see how it works.

Create a Blog with VuePress on GitLab Pages

Wed, 20 Mar 2019 00:00:00 +0000

After several years hosting my blog on Wordpress, I decided to move my blog to VuePress so that I may write my blog with Markdown, and also customize my blog with Vue.js.

VuePress is a Vue-powered static site generator, which can easily help you to setup a SPA website in just few minutes. And with CI/CD and GitLab Pages integration, it becomes one of the best solution for personal blog which can be programmatically themed with Vue.js, automatically publish with CI/CD, and free host with GitLab Pages.

Thanks Wordpress, Hello VuePress

Mon, 18 Mar 2019 13:00:00 +0000

Welcome, Howar31 Blog is moved again! We are now on GitLab Pages + VuePress.

New Blog in 2019

After hosting blog on Wordpress for several years, I found that it’s very hard and complicated to maintain the blog, since there are so many plugins and themes to take care of. Moreover, writing in HTML (rich editor) is not my type. I’d love to write docs in Markdown due to simplicity and efficiency. These reasons make me want to move my blog to a new home.

Slack 團隊通訊平台簡介與入門

Mon, 14 Sep 2015 00:00:00 +0000

Slack 是一款團隊通訊平台服務，豐富且高度自訂的功能，提供團隊一個方便、跨平台且多元整合管理的一個溝通管道，Slack 在國外十分熱門，許多企業公司都使用這個平台來做內部溝通，但在台灣很多企業還是習慣傳統的手機、簡訊、 Email ，或是頂多用 Line 、 Facebook 等，這些平台不是不好，只是因為他們是針對休閒社交設計，對於企業需求例如權限管理、訊息保存、共享分工等都不是很方便。

Slack 不但基本功能都免費，且提供完整方便的團隊溝通工具，甚至連美國太空總署 (NASA) 的噴射推進實驗室 (Jet Propulsion Laboratory) 都採用 Slack 進行團隊溝通，證明了 Slack 提供的工具與功能足以協助大型團隊進行互動。

到底 Slack 有什麼樣的功能？為何他比其他傳統社群軟體更適合工作團隊使用？本篇將針對 Slack 做基本介紹，並提供簡單功能教學讓剛加入的朋友可以快速上手。

Slack 簡介

Slack 著重於團隊任務溝通，包含許多方便的工具與特色。

Slack 官方網站: http://slack.com/ 下載網址: https://slack.com/apps

Slack 在多種系統上都有對應的程式可用，甚至也有網頁介面，在任何地方都可輕鬆存取，可以依照需求免費安裝或使用對應介面:

電腦版
- Windows
- Mac
- Linux (Beta)
手機版
- Android
- iOS
- Windows Phone (Beta)
網頁版

Slack 的架構與傳統一般即時通訊軟體略有不同，他並沒有一個「主帳號」的概念，而是每個平台都有自己獨立的空間，使用者加入一個平台則可在該平台內註冊身份，因此在參與不同團體的 Slack 時都可以有獨立的身份設定等等，不會互相干擾或共用。

每個團隊可以到 Slack 上註冊自己的專屬平台，然後就可以取得團隊專屬的 Slack 網址，所有使用者可以在平台上註冊該平台的帳號密碼，設定該平台專用的名稱、圖片與個人資料，甚至每個平台的設定等等都是獨立分開的。

加入 Slack

使用者想加入某個團隊的 Slack ，共有兩種方式:

由管理員經由 Email 邀請
管理員設定特定網域 Email 可直接註冊

必需要由團隊管理員邀請後才能加入 Slack 平台。Slack 以 Email 為身份辨識，收到邀請的 Email 即可在該團隊的 Slack 進行註冊與設定。

Ducky Shine 5 機械鍵盤限量首發特別版 082/100 開箱

Tue, 25 Aug 2015 00:00:00 +0000

本篇 PTT 討論文

Ducky Shine 5 Mechanical Keyboard

Ducky Shine 系列最新第 5 代在台灣正式上市，在台灣首發限量一百支特別序號版，九月之後會在澳洲進行國際首發，以及一般版本的上市。

機械鍵盤，雖然早有耳聞，但之前只有簡單接觸過試按一會兒而已，並沒有實際使用，因此原本對機械鍵盤沒有什麼特別興趣。前幾天 (8/19) 一個朋友拿了 Ducky Shine 2 7燈8軸特別版借我帶回家使用，長時間的常規使用才發現機械鍵盤的魅力。

Ducky Shine 2 78 Version

除了LED燈漂亮之外，最重要的是機械鍵盤按下去的手感果然是非常的舒服，尤其對於長時間使用鍵盤的 coder 來說，舒適度是挺重要的一項考量。

體驗了 Shine 2 78版之後才真正開始研究機械鍵盤，上網看了很多機械軸和鍵帽的文章，參考一些網友的建議與心得，最後在網友推薦下得知 Ducky Shine 系列即將推出新一代，就在 23 日臨時下定決心加入機械鍵盤行列，很幸運的在硬派精璽訂購到最後一支 Ducky Shine 5 英文茶軸首發版，硬派跟黑貓的效率都很高，在 24 日中午就拿到鍵盤了，首發編號是 082/100 。

Shine 5 First launch in Taiwan 082/100

簡單開箱

臨時才決定要買，跑了原價屋和 PC Party 都沒有英文版的，後來在朋友推薦下打電話到硬派精璽詢問，剛好剩下最後一支英文茶軸，就下訂了！

Change Windows Remote Desktop Listening Port

Mon, 17 Feb 2014 00:00:00 +0000

修改Windows遠端桌面連線Port

Open Registry Editor: Win + R > regedit
Navigate to registry on the left: HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\Terminal Server\WinStations\
Select entry on the right: PortNumber
Edit the value you want. Remember select Decimal base unless you know you are entering hex value.
Restart you computer.

Written with StackEdit.

Import Putty Settings from Old or Crashed System

Tue, 24 Dec 2013 00:00:00 +0000

從老舊或損毀的系統中取回Putty設定

Reference: Putty: Import settings from old HDD or crashed system

Putty只有單一一個exe檔即可執行，不需要外掛dll等附加檔案，但是Putty的設定檔卻都存在Windows的登錄檔(Registry)裡面，不但造成可攜性(portability)降低、也讓系統損毀或更換時轉移設定的麻煩。

一般轉移Putty設定檔，只匯出匯入登錄檔即可，但如果發生硬碟故障或系統損毀，造成舊系統無法開機，這時候要拿設定檔就沒辦法直接操作。本篇步驟可幫助你在無法啟動舊系統的情況下，直接從新系統撈回Putty設定檔！

適用條件

系統或硬碟損毀，但狀況輕微或有備份，仍可存取資料
舊系統登錄檔檔案(NTUSER.DAT)仍然完整可存取

救援步驟

以下步驟需按照順序不可跳過或省略

在新系統上先執行一次Putty，讓Putty在新系統的Registry內建立entry
關閉Putty
點選「開始_(Start)」>「執行(Run)_」(Win + R)，輸入「regedit」開啟登錄檔編輯器(Registry Editor)
登錄檔編輯器左邊，點選「HKEY_LOCAL_MACHINE」
點選「檔案_(File)」>「載入 Hive 控制檔(Load Hive)_」
接下來需要找到舊系統登錄檔的位置，請到舊的使用者設定資料夾內，例如: D:\Users\myusername\NTUSER.DAT

注意，這邊如果找不到檔案，先檢查是否有開啟顯示隱藏系統檔:
1. 開啟「我的電腦_(My Computer)」
2. 工具列點選「工具(Tools)」>「資料夾選項(Folder Options)」
3. 標籤「檢視(View)」>「進階設定(Advanced Settings)」
4. 不要勾選「隱藏保護的系統檔案(Hide protected operating system files)」
5. 按「確定(OK)_」後即可
如果這邊找不到或無法存取NTUSER.DAT可能就沒救了

找到檔案後點選，會跳出一個詢問對話框，要求輸入一個名字，例如: old-registry
現在在「HKEY_LOCAL_MACHINE」底下可以看到剛剛新增的entry old-registry
展開 HKEY_LOCAL_MACHINE\old-registry\Software\SimonTatham
右鍵點選「SimonTatham」選擇「匯出_(Export)_」
選擇匯出存檔位置與名稱，例如: putty-config.reg
剛剛的 old-registry 已經用不到了，點選 old-registry ，注意務必要選對 old-registry ，然後選「檔案_(File)」>「卸除 Hive 控制檔(Unload Hive)_」
成功卸載後，關閉登錄檔編輯器_(Registry Editor)_
找到剛剛匯出的登錄檔 putty-config.reg ，按右鍵「編輯_(Edit)_」，用記事本(或文字編輯器)開啟
將所有「HKEY_LOCAL_MACHINE\old-registry」取代為「HKEY_CURRENT_USER」
儲存檔案並關閉 putty-config.reg
點兩下 putty-config.reg 跳出登錄檔合併確認視窗，點選確定開始合併
合併成功後，開啟Putty就會發現舊的設定檔都回來了！

後記

Putty用Registry存設定真的很麻煩，所以也有網友自行重新編譯Putty，將存檔機制重寫，讓Putty的設定改存在一個檔案中，如果有需要可以參考使用: PuTTY for win32 storing configuration into file

Difference between JSON and XML

Wed, 04 Dec 2013 00:00:00 +0000

JSON與XML差異比較

JSON與XML是兩種常見的資料表示方式，雖然類似但是仍有一些不同的地方，在使用上也有些差異。

Definition

根據維基百科的定義:

JSON, or JavaScript Object Notation, is an open standard format that uses human-readable text to transmit data objects consisting of attribute–value pairs. It is used primarily to transmit data between a server and web application, as an alternative to XML.

JSON 是一種Object Notation，使用人類易讀的表示方式，來傳遞資料物件的一種標準格式，常用於網路應用程式與伺服器溝通。雖然JSON一開始是由JavaScript發展出來，但他是一個完全language-independent的資料格式，許多的程式語言都可以使用他。

Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable. It is defined in the XML 1.0 Specification produced by the W3C, and several other related specifications, all free open standards.

Linux Screen

Mon, 02 Dec 2013 00:00:00 +0000

Linux Session Manager - Screen

screen 是在Linux上用來做window或session管理的指令，可以用單一實體terminal模擬多個sessions同時多工執行

常用指令

screen -dmS <session_name>
- -dm 啟用screen並指定起始狀態為detach mode，會建立一個新的session但不會attach，特別適合用於system startup script
- -S 指定session名稱
screen -r <pid_tty_host>
- -r reattach一個session
- -R reattach一個session，若session不存在則先建立session
screen -d <pid_tty_host>
- -d detatch一個已經在遠端attach的session，當session已經在別的地方attach時，必須先detach才能reattach
- -D detatch並logout一個遠端的session
screen -DR <pid_tty_host>
- 如果session存在，則reattach
- 如果session在遠端已經attach，則detatch並logout
- 如果session不存在，則建立新的session
screen -ls
- 列出目前所有screen的pid.tty.host

組合按鍵

已經在screen中，使用組合按鍵操作screen，所有screen的組合按鍵都由Ctrl+A開始(後記為C-a)，為了操作方便，所有小寫的快速鍵，加上Ctrl一樣可以運作，例如，C-a c等同於C-a C-c

資訊
- C-a ? 顯示快速鍵幫助
- C-a " 列出所有window列表
- C-a w 顯示window簡單列表
- C-a * 顯示session attach資訊列表
- C-a i 顯示目前window資訊
切換window
- C-a ' 輸入數字或window name跳轉window
- C-a [0~9] 直接跳轉到0~9的window
- C-a C-a 切換到上一個window
Window操作
- C-a c 建立新的window
- C-a d detatch目前的screen
- C-a k 銷毀目前window
- C-a space或C-a n 切換到下一個window
分割視窗
- C-a S 水平分割window
- C-a | 垂直分割window
- C-a tab 在分割之間切換focus
- C-a X 關閉目前分割
- C-a Q 關閉所有分割，但保留目前使用的
其他
- C-a C-g 切換visual bell模式，用螢幕閃爍或喇叭聲響表示bell
- C-a x 鎖住terminal
- C-a : 進入command line模式

Command Line

使用C-a :進入command line模式，可以進行進階設定

Left-padding string with zero using JavaScript

Fri, 29 Nov 2013 00:00:00 +0000

使用JavaScript 左邊補零固定字串長度

有時數字字串要固定長度，需要在左邊或右邊補零，例如:

123 左邊補零為八位數 00000123
54321 左邊補零為八位數 00054321

以下簡短的JavaScript程式碼片段利用recursive即可達到這個效果:

function padleft (YourNumber, OutputLength){
 if (YourNumber.length >= OutputLength) {
 return YourNumber;
 } else {
 return padleft("0" +YourNumber, OutputLength);
 }
}

要改為右邊補零，只需要修改return值即可

Written with StackEdit.

Git 101 基礎入門

Fri, 06 Sep 2013 00:00:00 +0000

Git起源

Git是一種著重於速度的Version Control System和Source Code Management System，最初是由Linux Torvalds為了維護Linux Kernel而在2005年創建的。

Git特色

Git基於維護Linux Kernel這樣大型專案的需求與經驗，以及一些File System的概念而誕生，其著重的特色:

Non-linear Development
Distributed Development
Compatibility with existing systems/protocols
Efficient handling of large projects
Cryptographic authentication of history
Toolkit-based design
Pluggable merge strategies
Garbage accumulates unless collected
Periodic explicit object packing

Git基本指令

git init
- 起始一個git repository
git status
- 檢查git repository的目前(commit/push)狀態
git add [檔案]
- 新增commit檔案
git rm [檔案]
- 刪除commit檔案
git commit -m “[commit註解]“
- commit檔案並附上註解
git log
- 查看commit歷史紀錄
git remote add [repository名稱] [repository網址]
- 新增remote repository
git remote -v
- 列出目前設定的remote
git push -u [repository名稱] [branch名稱]
- 推送檔案到remote repository上
- -u 記住這次參數設定，下次只要git push即可
git pull [repository名稱] [branch名稱]
- 從remote repository上拉檔案下來
git diff HEAD
- 比較檔案差異，最新的commit指標為HEAD
git checkout –[目標檔案]
- 回復版本
git branch [branch名稱]
- 開新分支
git branch -d [branch名稱]
- 刪除分支
git checkout [branch名稱]
- 切換分支
git merge [來源branch]
- 合併分支

Git練習

這邊有互動式的線上模擬git練習，方便初學理解概念與操作方法

Why Programmers Work At Night

Mon, 26 Aug 2013 00:00:00 +0000

為何程式設計師總在深夜工作

Swizec Teller, A Geek With A Hat JAN. 14, 2013, 8:05 PM

原文網址 http://www.businessinsider.com/why-programmers-work-at-night-2013-1

有人說，程式設計師是專門把咖啡因轉變成程式碼的一種機器。

這話其實真有那麼一點道理，隨便找一個程式設計師來，問他工作效率最高的是什麼時候，雖然每個人習慣不同，或早或晚，但絕大部分都會說是在深夜時段，有些人喜歡在凌晨四點起床，然後在忙碌的一天開始之前先完成一些工作，而有些人則是喜歡挑燈夜戰到四點再就寢。

他們這樣的作息習慣，主要都是想要一個不會分心的安靜環境，既然如此為何不把門鎖上就好，幹嘛一定要熬到深夜？

我個人認為主要有三個重要因素:

創作者的時間規劃
疲倦的大腦
螢幕的光源

創作者的時間規劃

Paul Graham 在2009年撰寫了一篇創作者的時間規劃的文章，文中提到世界上基本有兩種時間規劃類型，一為 管理者的時間規劃 、另一為 創作者的時間規劃 。

傳統管理者的時間規劃一般是以小時為單位來分割，假設其中有十分鐘被其他分心事佔用，你的損失頂多也只是有一小時的規劃被打亂。

另一種叫做創作者的時間規劃，一般致力於產出產品的人都屬於這種時間規劃類型，這些創造者在工作的時候，都需要一段完整的時間，把整件專案的結構在心中建起一個龐大的抽象系統，這就好比是在用昂貴的水晶玻璃搭建一棟房屋，一旦有人打擾你，你的貴重房屋就會整個崩塌並碎落一地。

這就是為什麼程式設計師很討厭別人在他工作的時候打擾他。

因為這些心靈投資實在是太龐大了，所以當我們找不到一段完整且不被打擾的幾個小時時間，就不會想要開始工作，你不會希望花很多心力在你腦中建構這些模型，卻又在半小時後被打擾而崩毀。

事實上，跟許多創辦者交談之後，你會發現他們大部分都沒辦法在白天完成工作，各種源源不絕的打擾、重要的事情要處理、還有電子信件要回，就讓他們沒辦法專心，所以他們會選擇在晚上其他人都睡覺的時候，來完成他們的工作。

疲倦的大腦

但程式設計師不是超人，他們也是白天比較有精神、晚上要睡覺。

那為什麼我們要在大腦最渾沌的時處理複雜的工作，而在大腦最清楚敏銳的時候做簡單的小事呢？

因為疲累反而能提高我們寫程式的能力。

這情況類似Ballmer Peak效應，疲累反而能促進大腦專心，就是因為太累了所以大腦必須要專心才能工作，已經完全沒有多餘的腦力可以讓你分心了。

圖文翻譯

圖表

縱軸: 程式撰寫能力

橫軸: 血液中酒精濃度

下左圖: 「這現象叫做Ballmer Peak，在1980年代由Microsoft發現的，造成的原因不明。現象發現血液中酒精濃度介於0.129%到0.138%時，程式設計師會具有超人般的coding能力」

下中圖: 「但是這種微妙的現象需要細心的微調，你不能直接丟一卡車的威士忌，然後叫程式設計師們開始工作」

下右圖: 『呃…有這種事嗎？…』「記得Windows ME嗎？」『喔！果然是他』

通常我在喝太多茶或是提神飲料之後，都很難完成什麼工作，他讓我太亢奮了，一下看看Twitter、然後看看Hacker News，整個人忙東忙西的。

你一定會想，有這麼多的體力、還有充足的腦力，我應該可以把工作做的更好，但其實不然，我一直到處亂晃完全沒辦法專心，結果什麼事都沒有完成。

反觀我稍微有點疲累的時候，我就只想把自己釘在椅子上專心寫程式，稍微疲累的大腦，能讓我一小時一小時不斷的寫程式，完全不想去看Twitter或Facebook，就彷彿網際網路完全不存在一樣。

幾乎大部分的程式設計師都是這樣，我們花了過多的腦力在將近80%的的工作上，例如了解問題、設計一個酷炫的演算法等等，然後要再花十倍的心力去架構一個環境來執行他，即使你做先進機器學習之類的東西，你大部分的時間還是花在整理資料，或是美工排版輸出結果而已。

當你的腦袋不是全力在工作的時候，他就會想找別的事來做，而疲累讓你腦袋遲鈍的剛好能專心應付手頭上的一件事。

螢幕的光源

這點其實很簡單，在晚上眼睛一直盯著光源，就會讓你的睡眠週期延後，當你感到疲倦的時候才會發現已經凌晨三點了，然後你去睡覺直到早上十一點才起床，當隔天晚上又來臨的時候你當然又不累，因為，嘿！你十一點才起床耶！

不斷重複這樣的作息，會讓你好像生活在另一個時區一樣，有趣的是一旦你習慣凌晨三四點才睡覺，就很難恢復一般正常的作息了。

有時候或許這就是鬧鐘要忙的地方，把你在一般人所謂的「早上」把你叫起來，因為這社會就是認為，下午兩點才吃早餐的人，你一定是個很糟很糟的懶鬼。

結論

簡而言之，晚上的時間比較少干擾、時間比較完整，不會有零碎的事情中斷工作，讓你更輕鬆、大腦能專心工作，而螢幕的亮光也讓你保持清醒，這就是為何程式設計師總在深夜工作。

Enable Server Side Include (SSI) on Mac OS X

Mon, 05 Aug 2013 00:00:00 +0000

SSI on Ubuntu

To enable SSI on Debian Distribution (Ubuntu) is easy:

a2enmod include

SSI on Mac OS X

Mac OS X has no such command so that we have to manually modify the configuration files.

There are 2 ways to achieve this:

Global Configuration
- edit /etc/apache2/httpd.conf
- Uncomment AddType text/html .shtml AddOutputFilter INCLUDES .shtml
Per-User Configuration
- edit /etc/apache2/users/username.conf
- <Directory "/Users/username/Sites/"> Options Indexes MultiViews Includes AllowOverride All Order allow,deny Allow from all AddType text/html .shtml AddOutputFilter INCLUDES .shtml </Directory>

Then restart apache and all done. sudo apachectl restart

Configure Apache per-user Directory Settings

Thu, 18 Jul 2013 00:00:00 +0000

To enable Apache for per-user directory, there are some settings need to configure.

What is per-user directory?

Apache server default directory for webpage files is at /var/www. All website files are put here. Per-user directory let different user have different website root directories under their own home directory.

Environment

Ubuntu 12.04 LTS
Ubuntu default LAMP stack
Assume all default Apache, PHP, MySQL(LAMP) are already working on Ubuntu. Open http://localhost/ in your browser to check if Apache is properly working.

Now we just have to modify some configurations to enable per-user directory feature.

Thanks Blogger, Hello Wordpress!

Fri, 05 Jul 2013 00:00:00 +0000

記得一開始是從無名小站開始，後來因為Google的Blogger功能強大，而轉到Blogger去，但因為之前都很少在寫Blog，所以也覺得Blogger足夠。

最近又想開始用Blog分享一些東西、或是自己做筆記，因此投入更自由的Wordpress，很早就注意到Wordpress，只是一直沒有需要所以也沒轉移。

加入Wordpress！

這篇又是一個里程碑吧！當初轉到Blogger的時候也有寫了這樣的一篇XD

從這篇開始正式將主要Blog從Blogger轉到Wordpress，因為有Importer的幫忙，Blogger大部分重要的文章也跟著轉過來了！

時光傳送門

Wretch (已關閉)

Blogger

Wordpress

啊對了，Wordpress的網址還沒確定，目前還是用免費的 .tk (dot tk) 網域，之後應該還會再換吧 :P

Written with StackEdit.

Symbolic Links Are Not Working on Apache

Sat, 29 Jun 2013 00:00:00 +0000

Due to some cases, I wanna do CSS Injection with symbolic links to make coding easier. But I got errors (/var/log/apache/err_log) which said Symbolic link not allowed or link target not accessible.

And finally I found a solution works fine.

Generally speaking, because Apache default running as www-data or _www or somewhat whatever, it won’t have the permission to access the symbolic links. To solve this problem, simply set the user as yourself and restart Apache, let Apache run as your identity!

Install zsh / oh-my-zsh on Ubuntu

Tue, 25 Jun 2013 00:00:00 +0000

zsh是個很酷的shell，提供高度可自訂化的shell環境，更多詳細訊息請見 zsh官方網站

本篇筆記如何在Ubuntu環境安裝zsh，並使用oh-my-zsh客製化zsh環境，部分指令與OS X上有些許出入，OS X的安裝請見 oh my zsh Github

原始教學參考自 AJ ONeal的YouTube教學影片

Dim Powerline Theme by Howar31

Requirement

Ubuntu 本篇測試環境Ubuntu Server 12.10
bash 基本知識
- 例如 pushd、popd、apt-get 等等
vim 基本知識 或其它類似文字編輯器

Installation

ZSH

sudo apt-get update && sudo apt-get install -y curl vim git zsh

上述指令做了五件事:

更新apt-get
安裝curl
安裝vim
安裝git
安裝zsh

除了zsh是核心之外，其它是在等等過程中會用到的工具，如果系統中原本就已經安裝最新版，則會自動跳過

Oh My ZSH

一行指令就能裝好

curl -L https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh | bash

很多網站指令後面寫sh，但Ubuntu要改成bash

Setting Default Shell

將zsh設定為目前使用者的預設shell

sudo chsh -s $(which zsh) $(whoami)

$(which zsh) 表示找到zsh的位置

Android Studio VCS使用GitHub

Thu, 06 Jun 2013 00:00:00 +0000

使用Android Studio整合GitHub做VCS，不過Android Studio還沒完全，過程中碰到一些問題

測試環境

Android Studio 0.1.3 Build AI-130.700763

JDK 1.7.0_10 64bit

GitHub for Windows Version 1.0.48.0

設定環境

安裝Android Stuido

安裝GitHub client

Android Studio環境設定

Git
功能表列=>「Files」=>「Settings」(Ctrl + Alt + S)
「Project Settings」=>「Version Control」=>「Git」
修正「Path to Git executable」的位置，找到git.exe
Windows 7 安裝GitHub client後預設git.exe的位置
C:\Users\User\AppData\Local\GitHub\hqg3slvi.kac\bin\git.exe
按「Test」測試設定有沒有問題
GitHub
功能表列=>「Files」=>「Settings」(Ctrl + Alt + S)
「Project Settings」=>「Version Control」=>「GitHub」
Login輸入GitHub的帳號
Password輸入GitHub的密碼
按「Test」測試設定有沒有問題
下方「Apply」後Android Studio會要你設定令一組Master Password，用來保護Android Studio裡面的其他password list

創建repository

Git入門常用指令教學

Sat, 01 Jun 2013 00:00:00 +0000

git是現在常見的distributed revision control以及source code management system，詳細介紹可以參考維基百科的說明。
本篇簡單介紹一些入門以及常用的git指令，也可以參考GitHub和Code School共同提供的Try Git教學課程。

起始一個git repository
git init
檢查git repository的目前(commit/push)狀態
git status
新增commit檔案
git add [檔案]
刪除commit檔案
git rm [檔案]
commit檔案並附上註解
git commit -m “[commit註解]”
查看commit歷史紀錄
git log
remote遠端檔案
git remote add [repository名稱] [repository網址]
repository操作
git push -u [repository名稱] [branch名稱]
-u 記住這次參數設定，下次只要git push即可
git pull [repository名稱] [branch名稱]
回復版本
git checkout –[目標檔案]

先暫時筆記到此，之後再慢慢增加

全新改版！噗浪佈景主題 NeoPlurkCSS3 翻新上架！

Mon, 18 Mar 2013 00:00:00 +0000

噗浪(Plurk)是一個MicroBlog服務，在台灣受到熱烈歡迎，擁有許多使用者。除了河道顯示訊息的特別方式以外，噗浪還提供使用者使用自製CSS來展現個人河道特色。

2011年9月，當時我設計了一個清爽的噗浪佈景主題「Plurk 噗浪佈景，大河道爽快體驗！」，但由於時間以久，到目前為止噗浪官方已經多次改版噗浪的版面與功能，所以當時的佈景主題已經有了一些瑕疵不再適用，因此最近又重新著手進行佈景改版。本次改版配合官方最新的模版功能，結合過去一年半眾多使用者的回饋與建議，針對程式碼進行精簡與優化，修正了數個Bug與版面配置的微調，並進行了五天的測試，感謝來自Google+、Plurk、Facebook、甚至私下聯絡等眾多網友協助除錯，在今天發表正式版！

NeoPlurkCSS3 噗浪佈景主題

佈景作者: Howar31
安裝網址: http://www.plurk.com/installDesign/3295410-ebf9244ce3
最新版本: GitLab

](http://creativecommons.org/licenses/by-nc-sa/3.0/tw/deed.zh_TW)
NeoPlurkCSS3由Howar31製作，以創用CC 姓名標示-非商業性-相同方式分享 3.0 台灣授權條款釋出。

本作品在GitLab上維護，並會持續在上面進行更新或修正，使用佈景上有問題可以到GitLab上開issue反應或以任何方式聯絡我。此外，除非佈景有重大改版或修正才會重新發文，否則修正小錯誤、小改動或想follow最新版本，請到GitLab上追蹤囉！

以下搭配圖片，簡單介紹這次佈景主題特色，有些地方與2009年版類似或只是小幅改動，就快速帶過囉:

尚未登入噗浪的畫面

非本人登入噗浪的畫面

本人登入噗浪的畫面，這次改版把2009年版令人詬病的發噗框固定擺在上方，不再縮縮拉拉，此外河道中間下方放大噗浪時間方便閱讀

資訊看板部分跟2009年版差不多，沒有重大改動

發噗框架，平常固定在上方，當需要發噗的時候可以半透明漸層背景展開選項框架

未讀噗浪等提示框架微幅改動

這是單一噗浪展開的樣子

這是每個噗浪點「訊息網址」後的單一噗浪頁面

本佈景在使用其他Chrome等噗浪套件的時候，也可以完美融合，圖例是Chrome的「PlurkCustoms 自訂表情圖庫」套件所產生的分頁選項

此外本佈景也與內建的噗浪背景設定相容，可以直接在選項中挑選自己喜歡的官方噗浪背景。另外如果要自行貼上CSS程式碼(例如自行從GitLab取得最新CSS碼)，在圖中箭頭所指位置貼上即可套用佈景主題

以下是各種官方噗浪背景搭配起來的樣式

看圖不如趕快實際安裝體驗一下！記得安裝前要自行備份現有的佈景主題，若不喜歡才能回復原本的佈景喔！(噗浪官方提供的安裝連結，有快速回復原本主題的選項，想快速體驗嘗鮮，別害怕可以直接先點安裝連結！)

感謝各位支持，若有碰到任何問題或建議，歡迎上GitLab開issue反應或以任何方式聯絡我。祝各位噗浪愉快！

Plurk 噗浪佈景，大河道爽快體驗！

Mon, 05 Sep 2011 00:00:00 +0000

我最近因為之前的佈景用很久了，而且當初是隨便弄弄不怎麼好看，所以這次想佈景就自己來做吧:D

大河道噗浪CSS佈景 - Design by Howar31

設計者: Howar31

範例網址: Howar31的Plurk

安裝佈景: http://www.plurk.com/installDesign/3295410-a14f28c712

範例網址就是我自己的噗浪，我目前正在使用這個佈景，不過以後我可能會換掉佈景，那到時候就請各位參考以下介紹的截圖囉:D

前面提到，噗浪的一大特色是河道訊息顯示，因此這次的佈景主要在於把河道放大，並且希望可以在不要上下捲動網頁的情況下裝入整個噗浪(也就是不想讓右邊出現捲軸)，因此原本預設在底下的個人資訊、卡馬、獎章、好友、粉絲那些得統統移走，這樣才有可能實現單一頁面的噗浪，這兩個重點是這次噗浪佈景製作的主題。

首先看幾張噗浪主要畫面:

尚未登入

非本人登入

本人登入

這邊順便圈了幾個特點來說明一下:

左下角可見有新噗浪和未讀噗浪的通知區
左上角方框是未讀的噗浪，會有加深陰影標示
中間的圓圈是該噗浪的回應數，放大顯示:D
右邊的圓圈是原本私噗圖示，轉噗圖示也是顯示在這喔:D
最右上角沒框選的一個地方是發噗的位置，暫時隱藏在那邊，後面會介紹XD

此外明顯可見的加大頭像，還有資訊面板全部移到左邊去了:D
(喔對了我個人使用英文版的噗浪介面，但中文介面也測試過沒問題喔:D)

左邊的資訊面板在滑鼠滑過去的時候會展開:

個人資訊

這個不管是本人、朋友、訪客登入都差不多，朋友的話會出現傳送私噗的按鈕，而有些人個人自介會打很多，或是有噗浪官方認證圖示，所以下方預留空間

卡馬資訊

這也是任何人看到都一樣，不過值得一提的是，下方獎章有些人拿很多，所以預留了第三排的空間，另外卡馬趨勢圖也移到右邊不要擋住其他資訊

朋友欄，訪客登入下方會有「加為好友」的按鈕

好友登入會有「不跟蹤」和「移除好友」的按鈕

而本人登入下面會有「搜尋噗友」的框框

粉絲欄，訪客登入下方會有「成為粉絲」和「封鎖」的按鈕

好友和本人登入都一樣

發噗的表格縮小到右上角，滑鼠滑過去的時候會自動展開

再來是噗浪有內建視窗，採用透明邊框陰影設計:

噗浪設定

好友設定

內嵌圖片

內嵌影片

另外這是噗浪單體

這邊可以清楚看到回文部份右邊有美化過的捲軸，不過這個只有webkit引擎有支援(也就是Chrome、Safari瀏覽器)，其他可能沒辦法看到喔:P

然後是噗浪單頁，單頁這部份平常不常看到，但有時候要分享單一噗浪的時候，訪客就會點進這樣的頁面，所以也稍加美化:D

主要風格跟河道主頁一樣，改造重點是把底下的回文部份往上拉，盡量縮減網頁的長度，然後上一則、下一則導覽按鈕改在左上、右上角

以上截圖都是在1280x800的解析度下截的，而本佈景主題建議最低解析度為800x600，如果你的解析度更高，河道會自動放寬寬度，高度則不變維持在600px(以免最低解析度的使用者河道放不下)，相關面板也都會自己調整，不需要擔心:D (不過聽說高解析度螢幕，例如1920x1080，河道下面會空很大就是了…那…請把視窗縮小?!XDDD)

另外幾個小地方就是右下角的語言選擇，其實是隱藏了整個噗浪原始版權宣告等連結，滑鼠放在上面三秒就會浮現唷！還有就是原始碼裡面有一段是可以讓大家自己放Logo的，按照原始碼裡面的註解填上圖片資料，就可以顯示在河道右下方，有興趣的大家可以試試看！

最後是一些相容性的問題，這個佈景主題使用了大量的CSS3語法，不過CSS3語法目前還沒有完全普及，各家瀏覽器支援度不一樣。這個佈景我是在Ubuntu 11.04的Eclipse 3.7.0底下開發完成，經由Chrome 15.0.865.0 dev測試通過，所以如果使用Chrome就可以完整的看到這個佈景的所有功能，而Firefox或Opera只有極少數的小地方不支援(例如美化捲軸、淡入淡出動畫等)，而IE瀏覽器沒有測試過並且完全不支援，IE對CSS3的支援很差，所以這個佈景在IE看會有很多問題，我並不打算做個IE相容的版本，如果要遷就IE會犧牲掉很多東西，所以請各位使用先進的Chrome、Firefox、Opera或Safari瀏覽器吧！

來自地球另一端，Google的聖誕禮物，CR-48開箱！

Wed, 29 Dec 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to Min.us service issue, some images in this post were lost.

2010年12月，Google的Chrome OS越來越成熟，同時Google推出了Pilot Program這項計畫，這項計畫預計要送出六萬台搭載Chrome OS的測試筆電CR-48給有興趣的使用者，讓他們先使用最新的Chrome OS Netbook，測試新系統的功能與評價，並且幫忙Google找出其中的問題與癥結。

2010年12月8日早上起床時，看到Email信箱裡有一封Google寄來的信，信件內容如下:

Greetings, A while back, you signed up to receive news, updates, and launch information about Chrome and Chrome OS. We have good news: Chrome notebooks are here, and you’re eligible to receive one! Chrome notebooks are for people who live on the web and want a faster, safer and more secure experience without all the headaches of ordinary computers. To apply to get your Chrome notebook, please provide your US mailing address by clicking the link below no later than Friday, December 10, 2010 at 11:59 PM PST. Request a Chrome notebook Cheers, The Chrome team

經典冒險解謎遊戲Portal，5月24日以前免費取得！

Thu, 13 May 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

Portal免費！由Valve公司開發的經典冒險解謎遊戲Portal，創造了許多遊戲界的奇蹟，簡單而趣味的解謎遊戲讓所有玩家一致好評。現在，為了慶祝Steam遊戲平台登陸Mac，Valve決定在5月24日以前開放玩家免費索取Portal遊戲！

以下是官方新聞以及筆者的簡單翻譯:

[tip]

遊戲名稱: Portal
開發公司: Valve
遊戲平台: Steam on PC or Mac
官方網址: http://store.steampowered.com/app/400/
遊戲影片: http://store.steampowered.com/video/400
免費資訊: http://store.steampowered.com/freeportal/

[/tip]

****Portal used to cost money. Until May 24th, it’s free. End of story.

五月24號以前，Portal免費****

Well, technically speaking, there are some strings attached. Fortunately, they’re entirely decorative. We just like the way they look, swaying in the gentle breeze created by a million people simultanously fainting from shock at the news that Portal is free. Now you have no reason not to try Portal.

經典PC機甲遊戲，機甲爭霸戰4 MechWarrior4 開放免費下載

Tue, 11 May 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

說到機甲遊戲，PC平台上真的沒有幾款，老一點的玩家都會想到「機甲爭霸戰」這個系列遊戲，這是難得在PC平台上經典有名的機甲遊戲，不過這系列在2002年推出第4代以後，微軟就因某些因素關閉了開發工作室。前些日子官方宣布機甲爭霸戰4開放免費下載！這套經典的遊戲將讓所有玩家免費體驗！

我這邊對這個新聞做一些簡單的翻譯:

[note]

機甲爭霸4免費釋出

http://www.shacknews.com/onearticle.x/63592

作者: Brian Leahy 2010.04.30 9:00pm GMT - 5:00

機甲爭霸戰4現在開放PC玩家免費下載！並且做了許多的改進、以及增加了自動更新的程式，遊戲網站表示：「Studio MekTek, in association with Smith and Tinker, INC.,Virtual World Entertainment, LLC, Catalyst Game Labs, and Microsoft Games等廠商很高興的宣布機甲爭霸戰4免費釋出！」

機甲爭霸IP (The Mechwarrior IP) 的擁有者Smith和Tinker去年授權MekTek.net免費釋出遊戲，至於原來的發行者微軟…(然後後面這句不太會翻…但是不重要www)

免費包裡面包含了:

111種從20頓到100頓等不同的機甲
9套戰鬥裝甲
6種步兵
32種光束武器
43種彈道武器
44種飛彈武器
7種電子元件
3種不同的裝甲

改進的部分包含了:

Clan和IS Mech Pack mechs現在在戰役模式中可以使用

SpeedTest、PingTest，測試你的網路品質與頻寬

Wed, 14 Apr 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

你的網路有多快？連線品質好嗎？真的像是ISP告訴你的數據一樣嗎？別擔心，SpeedTest和PingTest是一個精美的Flash網頁，能幫你測試你的網路頻寬與品質！

[note]

網頁名稱 SpeedTest
官方網址 http://www.speedtest.net/

[/note]

[note]

網頁名稱 PingTest
官方網址 http://www.pingtest.net/

[/note]

SpeedTest

SpeedTest是一個能讓你測試你的網路速度的網站，使用者可以選擇世界上各個地點的伺服器做連線測試。

首先進入SpeedTest網站後，先在左上角找到「Setting」的按鈕，我們要先做一些小小的設定。

要設定的部分是「Speed Measurement」和「Distance Measurement」兩個，請把「Speed Measurement」選擇「megabytes」才是我們平常常用的MB/s這個單位，如果是預設的「megabits」則是一般ISP告知使用者的速度單位，例如ISP告訴你你的網路有10M、8M、2M、1M這些，這個「M」就是代表「Megabits」，但是我們平常不用這個單位，所以改成「megabytes」才是慣用的「MB/s」。至於距離單位原本預設是英制的「miles」，如果要選用公制的「公里」請選擇「kilometers」。「Date Format」是指日期的格式，如果有需要的話也可以自行修改。

接下來看到下面的主畫面

主畫面左下角顯示你目前網路的IP位置、以及你的ISP名稱。例如筆者的網路是中華電信的，圖中左下角就顯示「CHTD, Chunghwa Telecom……」，你如果有興趣的話下面還可以給你的ISP做評分！接下來看到畫面中間，中間全球地圖上的點表示該地點有測試伺服器，使用者可以選擇任何一個伺服器做連線測試，如果想直接開始測試可以點選上面的「Begin Test」，他會馬上開始測試。

接下來我們實際示範一個例子:

我選擇了台灣的台中伺服器

點下去以後他就開始連線台中的伺服器做測試，右邊可以看到台中的伺服器是由東海大學提供的。首先他會測試你的Ping值，這個數值代表網路延遲的時間，單位是毫秒(ms)，數字越低越好。

接下來他會測試下載速度，左邊的儀表板顯示下載進度，右邊的儀表板則是目前下載速度。

然後測試上傳速度，左邊儀表板同樣顯示上傳進度，右邊是上傳速度。

最後結果出來了！

測試結果出來，左邊可以看到他幫你估計你下載各種檔案可能需要多久，還有你的網路結果和平均ISP結果的比較，中間可以詳細看到本次測試的上傳、下載速度以及Ping值，還有大家給ISP的平均評分、與測試伺服器大約的地理距離。中間下面還有兩個按鈕，可以把結果的連結複製下來！分為直接連結與論壇格式的連結，方便你把結果分享給別人！:D

筆者的網路是中華電信光纖10M/2M，這個網站顯示結果下載速度是「1.13MB/s」，上傳速度是「0.24MB/s」，與ISP告訴我的差不多！這樣表示網路很正常:D

話說單位換算: 1MB/s = 8 Mb/s，大寫的「MB」表示「MegaBytes」就是我們常用的「MB/s」，小寫的「Mb」表示「Megabits」就是ISP業者告知我們的「10M、8M、2M、1M」這些「M」，所以換算過來下載速度10M的光纖網路 = 1.25MB/s，2M上傳速度 = 0.25MB/s，與我上面測試的結果很接近！表示我的網路能夠發揮極限功效！

Alteam USB-584M 7.1聲道耳機麥克風開箱!

Tue, 13 Apr 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

Alteam USB-584M 7.1聲道耳機麥克風！

終於在千辛萬苦下購入了:D

這件事說來話長…

我舊的耳麥是傳統紅綠插頭的類比耳麥，因為接觸不良的關係，所以我有想要換一支，因為我有使用麥克風的需求，所以不考慮耳機只考慮耳麥。查了很多資料＆爬文以後，發現Alteam USB-584M這支耳麥還蠻多人推薦的，是款專業級的電競耳麥，剛好我是重度遊戲玩家，所以就打算採購這支。

某天在PTT的C-Strike板上看到有一位大大有意願＆門路可以開團購這支，我就和他聯繫了，不過他真的是很忙，過了很久都還沒開，所以他就直接給了我直銷商的MSN，換我來開團xDrz。其實我之前沒有開團的經驗＝A＝，我就上PTT的C-Strike和Shooter-game板上PO文問有沒有人要跟，結果受到熱烈迴響xD，有十幾個人要跟團:P。然後就順利開成啦！

我和一位板友昨天晚上先拿到貨，因為我們是面交的，其他團員用郵寄的就稍慢了一些。說到面交，這又有一段小插曲…昨天面交的時候，本來約在北車東門，後來因為直銷商塞車等等因素，改約在台北轉運站，結果我們走到轉運站時，看到個人拿著一盒東西微笑向我們招手，我跟另一位也是一同面交的人就向前過去，那人把手上那盒給了我們以後轉身就走，我想奇怪怎麼面交不用收錢囧rz，低頭一看更奇怪，怎麼是Nike盒子囧rz，打開來還真的是一雙白色Nike鞋……orz，我和另一位正一頭誤水時拿盒子給我的先生才發現他給錯人了囧rzzz…。後來遇到正牌直銷商後，順利拿到耳麥！直銷商是個年輕有為的帥哥，他騎車來面交路上飛車了腳還順便受傷…所以才遲到了orz

以上都是廢話xDDD，恭喜你看完了一長串跟開箱一點關係都沒有的廢話xDDDD

進入正題！首先我們直接來看圖吧！(本人只有小小手機沒有相機，所以照片模糊請見諒<(_ _)>)

拿到的時候就是這樣！一袋裝好一人一份～耶？眼尖的觀眾發現怎麼破破的囧，前面那串廢話有提到直銷商帥哥摔車了嘛…

附送精美收納袋一只＆布耳罩一對！(裝在耳機上的是皮耳罩，可自行更換)

塑膠袋拿掉後就清楚些啦～

唷…真的是摔車，不過盒子只有輕微磨傷，裡面的耳麥沒什麼事＠＠"

開盒！左邊是說明書、中間耳麥、右邊是保證書

不過說明書和保證書都是簡體字讓我有點不悅…＝A＝，不過算了反正耳機戴上後這兩張應該都不會再用到可以丟了

耳麥出爐啦！這耳麥本來就可以扭成這樣不是我硬拗他的囧rz，他身上有很多「關節」可以讓耳罩隨意扭轉，如此一來可以貼附任何頭型:D

這是線控器，可以分別調整大小聲、耳機靜音、麥克風靜音。USB插頭就是一般USB插頭的大小，沒有特別大也沒有特別小

USB第一次插上去的時候我還真有嚇到，因為這藍光LED真的是超級亮！眼睛直視真的很刺眼 (請勿直視或照射他人眼睛) ，看起來很漂亮～:D

這是耳麥本體

詳細細部近照

Goo.gl by Alexandre Gaigalas，在網頁上使用Google縮址服務

Thu, 04 Feb 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

Goo.gl是Google推出的縮短網址服務(簡稱縮址服務)，這項服務推出已經有一段時間了，當初推出的時候，Google官方並沒有提供網頁的縮址方式，只有提供API讓程式開發者使用，雖然說現在已經有很多套件能夠讓使用者使用Google的縮址服務了，但是沒有網頁版本還是有點不方便。

Alexandre Gaigalas做了一個網頁版本的Google縮址服務，讓一般使用者能夠透過網頁的方式簡單縮址。

[note]

官方網站 http://gaigalas.net/
下載位置 http://gaigalas.net/lab/googl

[/note]

這個網站很簡單只要輸入網址、按下按鈕、就可以得到短網址。

[warning]

記得一定要加上「http://」，沒有加上去的話縮址會失敗

[/warning]

填寫好網址後按下「Shorten」這個按鈕即可得到短網址！

很簡單吧！有了這麼便利的網頁，歡迎大家來我的部落格坐坐，歡迎大家使用Google的縮址服務唷！:D

超高畫質 Full HD 俄羅斯方塊，螢幕有多大就有多大

Tue, 26 Jan 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

第一人稱的俄羅斯方塊不知道各位全破了沒？現在要介紹另一款很特別的俄羅斯方塊。

俄羅斯方塊大家都玩過，但是超高畫質Full HD的俄羅斯方塊就比較少看到了吧！現在的電腦顯示器都越做越大，解析度也越來越高，NG Works團隊也幫咱們經典的遊戲「俄羅斯方塊」推出了Full HD高畫質版本，基本上他的解析度是…很高！
(廢話)
所以整個遊戲的「場地」也很寬闊，那就不多說了咱們來看看介紹吧！

[note]

中文名稱高解析度俄羅斯方塊
英文名稱 Full HD Tetris
日文原名フルHDテトリス
官方網址 http://www.ngworks.net/

[/note]

點進官方網址後會看到一個遊戲開發團隊NG Works的Logo和五個連結，因為網頁是日文，所以這邊幫讀者簡單翻譯一下:

[help]

[/help]

第一個連結是官方部落格，懂日文或有興趣的朋友可以進去看一看。我們從第二個連結開始介紹。

首先來看看「Full HD 高畫質版」，「啊這圖怎麼這麼小啊上面寫什麼都看不清楚」讀者一定這麼想…這個嘛…請原諒我因為解析度太高把圖縮小後就變成這樣…orz，總之，點了第二個「Full HD 高畫質版」的連結後就會跳出這個畫面，直接點Start就可以開始玩了。等等！還不要開始讓我先來介紹一下介面，整個網頁的上方有一條放廣告的地方不是遊戲區，想要把他移除只要點選最右上角的這個連結:

這樣就能把上面隱藏而用最大畫面來玩遊戲！整個畫面都給你堆方塊這下刺激了吧…xD，遊戲畫面左上角四行字寫著你的最高分、現在的分數、消去了幾行還有用了多少時間。而右上角有兩個小圖示，點選喇叭符號可以切換聲音開關，而那個「Key」的按鈕是讓你切換遊戲按鍵模式，這遊戲不能自訂按鈕，遊戲直接提供了兩種按鍵配置給玩家選擇:

[tip]

紫色「Key」
Z、上、下: 逆時針旋轉方塊
X: 順時針旋轉方塊
左、右: 平移方塊
空白鍵: 加速落下速度
Enter: 超快落下速度

[/tip]

[開箱] Left 4 Dead 2 - 惡靈勢力2

Thu, 14 Jan 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

Left 4 Dead 2 - 惡靈勢力2 入手！

這款遊戲已經出了很久了，最近看到很多人在玩，加上VALVE出品的遊戲都深得我心，因此就……xDrz

其實我個人不喜歡恐怖、噁心、驚悚的遊戲…所以這款遊戲從一代(Left 4 Dead)開始一直到二代(Left 4 Dead 2)出來我都直接把他忽略xD。最近接觸Steam平台後，發現VALVE公司出品的遊戲都很有品質，因此也就想說來看這款遊戲怎麼樣。

啊當然不是直接買來啊如果踩到地雷不就爆炸了？

經過一些「人脈」，我試玩了一會兒L4D2，結果發現他一點都不恐怖，雖然說殭屍還是一大堆，打下去不但會
噴血爆炸還會分屍
很有視覺效果…但是不知道為什麼玩起來感覺一整個很歡樂囧>，所以呢，好遊戲要支持一下，我就去支持了！xDrz

廢話不多說了先來看圖片
，要不然全部都文字的開箱文應該沒有人會想看吧。

小弟沒有數位相機因此照片都是用手機拍的請見諒<(_ _)>

這是遊戲外盒封面

這是外盒背面

嘛…接下來這當然就是側面囉:P

哈哈，被發現了，小弟是在光南買的這款遊戲。光南賣這款1169$NTD，剛好現在又有活動，滿五百送五十，所以我拿到了一百元的兌換券，比價很多地方後，11xx這價位是差不多的。

看完了外殼，來打開來看看吧!

裡面的內容有一張L4D2快速指令卡、Steam平台說明書、一張L4D2雙層DVD還有……嘎…中間那本是啥……＝口＝

我自己也不知道，邊開箱來邊拍照，拍到這裡就傻掉……奇怪了我買的時候看外盒上面沒寫裡面有多東西呀囧

我趕緊把整盒掏出來看…

Surprise!!!啊啊附贈雷神之錘4耶！而且還是CD版的才這麼多片…

看外盒包裝都沒寫有什麼活動，不過既然要送我那就心領啦！(之前是有個買了以後剪角寄回去可以抽獎，不過那活動2009.12.31就結束了所以我也沒跟到)

正所謂購買證明

哈哈，上面還看的到「已兌換抵用券」xD

這遊戲玩起來真的不恐怖也不噁心，其實讓我想買的最大動力是他的玩家和玩家的合作模式，很多遊戲都是玩家殺玩家
、你桶我我桶你、你陰我我陰你、你我我你
……不但打的很緊張，打太厲害還會被罵作弊傷感情囧rz，我絕對沒有在說某一個在去年底轟動全球但台灣沒有代理的FPS射擊遊戲(喔那也超讚正存錢想買，目前看到價位都好貴orz)
，因此玩家和玩家互相合作宰電腦就讓我很心動:D

哈！題外話一下。Steam平台做的真的很棒，有雲端技術的感覺，不管到哪台電腦，只要登入了帳號，就可以看到你買了什麼遊戲，還可以直接下載來玩，這樣做是正版的唷！而且Steam的好友訊息系統也做的很好，不但在遊戲中可以直接打開Steam視窗，沒玩遊戲的時候也像Skype一樣可以跟好友談天甚至支援多人語音聊天。
不像某個大公司做的遊戲平台沒有即時聊天系統只能用「寄信」的方式跟玩家對談超麻煩。

鼎豐在線K歌系統，讓你的電腦變成免費KTV

Sat, 09 Jan 2010 00:00:00 +0000

Warning

Edit (2019-03-18): Due to ImageShack service issue, all images in this post were lost.

三五好友想唱歌，但是時間或地點不方便到外面的KTV歡唱，或許在電腦前面一起同歡也是一個不錯的選擇。

鼎豐在線K歌系統是一套全部使用Flash做的線上KTV系統，不需要下載、不需要安裝，只要一支麥克風、一個喇叭、然後連上網頁就可以盡情歡唱，系統介面簡潔、操作也簡單。進入網頁後最右上角可以選擇語言，目前支援「English」、「繁體中文」和「簡體中文」。

[note]

中文名稱鼎豐在線K歌系統
英文名稱 DF KTV Online
官方網站 http://playinmel.com/
下載網址 http://ktv.playinmel.com/

[/note]

鼎豐KTV提供十分完整的功能，歌單包含了港台大陸的男女歌手，歌曲也不算太舊。系統內的搜尋系統依照歌手排序，點選了歌手後選擇歌曲，歌曲選擇後系統會在網路上找到那首歌的KTV，只要選擇其中一個就可以開始播放。影片通常為分聲道製作，在影片下方點選「聲道」即可切換左右聲道來切換人聲。

如果想要紀錄最愛的歌曲，可以免費申請帳號，就可以使用我的最愛功能。影片的播放按鈕下面有一個愛心按鈕，點擊那個按鈕就可以把歌曲加入我的最愛中。而愛心按鈕右邊的按鈕是將歌曲加入播放列表中，最右邊的綠色箭頭按鈕要登入帳號後才會出現，可以把影片下載回電腦！另外這個系統也可以換佈景，最右下角有一個下拉式選單，點下去後有幾個佈景可以選擇唷:D

說到唱歌，當然要有麥克風啦，雖然說在電腦前面唱或許不用麥克風也很開心，但如果想用麥克風的話可以點選影片下面的「麥克風」按鈕，然後選擇「打開麥克風」，這時Flash會跳出警告視窗問你要不要讓這軟體存取你的麥克風，點選「允許(Allow)」就可以囉，按鈕旁的滑棒是調整麥克風音量的，不過這功能蠻陽春的，不能升降Key也沒有回音。＝___＝

喜歡唱歌又不想常常花錢跑去KTV的朋友可以試試看這款鼎豐在線K歌系統，不但省荷包又可以拉近親朋好友間的距離唷！:D

Google Chrome 擴充套件 Extensions 精選更新

Tue, 05 Jan 2010 00:00:00 +0000

上次發的那篇「Google Chrome 擴充套件 Extensions 精選」

希望對大家都有幫助:D

由於Google Chrome的套件還在成長中

因此會不斷有新的好套件出來

為了維持版面整齊與更新的方便

我不會在部落格上一直修改文章

但是我會繼續在Google Notebook上更新我的精選套件清單

歡迎喜歡的朋友繼續支持唷:D

有意見或反應請在這篇文章底下回覆! :D

Google Chrome 擴充套件 Extensions 精選

Sat, 12 Dec 2009 00:00:00 +0000

   為了維護版面整潔以及我更新上的方便
   除非有大量推薦套件的更新否則我不會在這邊一直修改文章
   但我會持續更新我在 Google Notebook 上的清單
   歡迎大家來參考:D
   Google Notebook - Chrome精選套件 by howar31 [ http://goo.gl/k3hk ]
   有任何意見或反應歡迎在我部落格這篇文章下留言[ http://goo.gl/tIQ4 ]

大家好不知道大家玩Google Chrome Extensions玩得怎麼樣了:D

相信數量超龐大的套件庫讓大家都很開心:)

不過也因為數量之龐大

讓之前沒用過含有擴充套件功能瀏覽器(i.g. Firefox)的玩家不知所措

因此我在此提供並推薦一些好用套件給大家參考

也歡迎大家一同推文推薦更多好用的套件唷！

本片開始…… (誤

不論你有沒有玩過Firefox套件

沒玩過的在下面看看有沒有很酷的東西趕緊裝在你的Google Chrome上面！

有玩過的在下面看看有沒有很眼熟的套件是不是也來到Google Chrome了！

以下我只做簡略的介紹詳細的介紹(包括套件截圖)直接點進連結就可以看到

喔對了下面將分為兩大類

公用電腦: 這些套件不需要登入也不會紀錄任何東西，就算在公用電腦也適合安裝

私人電腦: 這些套件需要登入某些服務(Google、Facebook等)，建議只在個人電腦上使用

另外我稍微用「==」分隔線把不同類型的套件做個小小區分

而我個人強力推薦的套件我會標上這個顏色 歡迎大家一起推廣好套件！

==公用電腦==

Chrome Touch

讓你可以用滑鼠直接拖動頁面，就好像Adobe PDF或iPhone那樣拖拉

https://chrome.google.com/extensions/detail/ncegfehgjifmmpnjaihnjpbpddjjebme

Chrome Reload

自動重新整理頁面的功能，每個分頁可以獨立設定

https://chrome.google.com/extensions/detail/njoipeaphfnaplplihpbgndfojhdhmjo

SmoothScroll

平滑的捲動頁面，而不是原本的一格一格的感覺

https://chrome.google.com/extensions/detail/cccpiddacjljmfbbgeimpelpndgpoknn

Timer

小小計時器，可以設定時間倒數，時間到了會跳出訊息警告

https://chrome.google.com/extensions/detail/hepmlgghomccjinhcnkkikjpgkjibglj

Session Manager

換腳踏車胎

Sat, 16 May 2009 00:00:00 +0000

昨天要出門時發現腳踏車後輪沒氣，可是正好要去考試所以暫時沒處理

考完試回來一打氣……內胎竟然就跑到外胎外面＝＝"

我只好把腳踏車牽到旁邊的腳踏車行去

請老闆幫我測試，發現外胎有破洞

我以為是因為破洞才沒氣…(可能也是如此)

老闆接著檢查內胎

內胎才打一點點氣……我和老闆的臉就變成這樣->

老闆：「你這內胎有點不正常…」

(指著內胎)

我：「怎麼會有氣球？＝＝…」

老闆：「大概是內胎老化了吧…Orz」

結果昨天就多花了五百塊換整顆後輪…Orzzzzz

我還第一次看到內胎會這樣…Orz

3Ds Max 8 - GM Camouf

Fri, 08 May 2009 00:00:00 +0000

GM Camouf

這是我第二件3Ds Max鋼彈系列作品，也是我第一件獨立完成的鋼彈系列作品:D

背景…xDDDD

這次背景算是一個測試，第一次用Environment放背景

上次看了PTT Gundam板上wuminwha大大用MAYA做的攻擊自由鋼彈

文章代碼(AID): #19ws2San (GUNDAM) [ptt.cc] [分享] MAYA作攻擊自由~~

我就趕緊跑去拜師學藝xDrz

wuminwha指導了我許多技巧，在這裡先感謝他

做GM Camouf，原因是我剛好找到GM Camouf完整的三面圖與設定圖，所以就先做這個

這次製作的重點是細部雕琢，有鑑於上次Gundam RX-78-2似乎太粗糙…:P

因此這次製作時有再精細的雕塑模型，上色和材質也比上次用心點

這個GM Camouf是我從建模、上色、材質、骨架、環境全部親手打造，沒有參考網路教學

因此對我來說這件作品算是一個新的里程碑！:D

嗯來看圖吧，從建模開始

首先是頭:D

再來是身體:D

然後是手臂:D

最後是腳囉:D

機體部分主要是這樣，接下來是配件

光束槍的部分我忘了拍圖…Orz，所以先來看盾牌吧…光束槍等等直接看成品:P

其實啊上面這些圖是最初步建出來的模型

後來我在組合和上色的時候發現某些細節不太精確，有另外再微調過

所以後面的成品可能會和上面的圖差一點點細節部分

先來看組合圖:D

可能是我自己做而沒有看教學之類的關係，各個部件一組合起來我就覺得怪怪的

好像有哪裡不對勁可是我卻說不出來…Orz

組合的時候有把大腿拉長、小腿前部重做，看起來有稍微好一點點

前面有說這次的重點放在細節建模、上色和材質

所以看起來會比之前的RX-78-2還有質感

來看看成品圖吧:D

首先先看看前面沒看到的光束槍:P

再來順便看上色與材質後的盾牌:D

可能有人會想問: 為什麼背景黑白黑白的？

喔那是因為我在水平面上有墊著一層黑色會的大平面，而白色就是上面天空的部分

天空是有設定一張圖，不過因為先看模型主體，所以我先把背景拿掉了

但是模型上面還是可以看到背景的反光唷:D

看了槍盾，接下來看GM Camouf完成後的整體

有比較細緻嗎？我有比較用心唷:D

來看看部分放大的圖，證明我有用心雕塑細節XD

這是噴射器的部分

3Ds Max 8 - 光束棍

Sun, 19 Apr 2009 00:00:00 +0000

呃…最近沒梗了所以就再翻舊梗，光束棍:D

棍柄部分有特別花時間雕刻就是了～:P

其實和光束劍根本同樣道理XD

好看就好:D

呵呵背景換個深淺再Render一次，不過好像沒差多少…Orz

下面兩張我把棍柄拿一支出來，比較清楚看到棍柄本身

呃啊哈哈如果誰有什麼比較有趣的梗再提供給我吧xD

3Ds Max 8 - Gundam RX-78-2 鋼彈

Sat, 18 Apr 2009 00:00:00 +0000

完成了！我目前為止最大的一個3Ds Max作品！

這是Gundam RX-78-2，使用3Ds Max 8製作

Gundam RX-78-2系列是UC紀元裡的鋼彈

這篇文章不是介紹鋼彈的，所以我在這裡就不贅敘囉

想更深入瞭解Gundam RX-78-2的朋友可以參考維基百科的解說

http://zh.wikipedia.org/w/index.php?title=RX-78

首先我要先感謝PTT上的kuan30407

之前在Gundam板上看到kuan30407發的3Ds Max創作的F91

「文章代碼(AID): #19KrIkiX (GUNDAM) [ptt.cc] [分享] 3D max 新安州建模」

因此當初還不會3Ds Max的我就寄信詢問該如何入門

kuan30407很熱心的回信給了我許多新手入門資源並告訴我學習方向，讓我能夠很快的入門

之後我在網路上找了很多相關學習教學，慢慢瞭解了3Ds Max的操作方式

後來在Escalight教學網站上看到了Didik Wijaya的RX-78-2教學文章

http://www.escalight.com/tutorials/3dsmax-tutorials/mecha-modeling-gundam-rx-78-2.html

Didik Wijaya的教學非常的詳細，從建模、貼圖一直到骨架系統都有詳細講解

只要瞭解3Ds Max基本操作就可以照著做

因為這篇文章，加上RX-78-2的結構比較簡單

因此第一的大型3Ds Max作品決定做這個！

好！感恩完馬上進入我的心得！為了避免枯燥本篇會有大量的圖:P

首先製作頭部，頭部雖然不大可是細節很多，所以也花了很多時間

頭部建模後接著建立身體部分，身體部分由主體、推進器、大腿護甲分別建模然後合成

接下來手部建模，包括整隻手臂以及手掌和手指

手指真是讓我印象深刻…兩隻手共28跟指節

這些指節的建模還好…後面會有更刺激的……Orz

腳部的建模就簡單一點了～因為不用建立腳指頭xD

腳部比較特別的地方是小腿上面的那塊肌肉！xDDD

3Ds Max 8 - 光束劍

Sat, 18 Apr 2009 00:00:00 +0000

光束劍，上次做RX-78-2時沒有做光束劍

剛好光束的部分我也不太會做光暈效果，所以上網查了資料試做一次

光暈效果我找到兩種教學，我只採用了其中一種

因為另一種的Render設定太麻煩，而兩種效果差不多

所以我就選了方便Render的方法

這支是第一支做出來的光束劍

主要在嘗試光束的作法，所以劍柄的地方就隨便了一點

光束研究好了，接著就把劍柄做出來

並且做了三個顏色，然後配上背景

我發現背景顏色的深淺會影響到光束的清晰度

深色的背景光束很清楚，但是金屬的劍柄就看不到了囧rz

目前這光束劍感覺還可以，不過總覺得好像還有地方可以加強

若研究出新的製作方法那再分享給大家囉:D

3Ds Max 8 Mental Ray Render 各種材質效果比較

Wed, 15 Apr 2009 00:00:00 +0000

Mental Ray 是 3Ds Max 內建的一個渲染器(Render)

我搭配了不同的材質來測試效果和效能

以下列出19種不同的測試結果

P.S.杯子原本的材質顏色就是黃色，不過很多圖因為使用光線追蹤所以看不到黃色

Standard材質

焦散光子: 1

GI光子: 1

運算耗時: 5秒

Standard材質

焦散光子: 100

GI光子: 100

運算耗時: 72秒

Standard材質

Ray Trace: 反射

焦散光子: 1

GI光子: 1

運算耗時: 74秒

Standard材質

Ray Trace: 反射

Ray Trace: 折射

焦散光子: 1

GI光子: 1

運算耗時: 144秒

Standard材質

Ray Trace: 折射

焦散光子: 1

GI光子: 1

運算耗時: 15秒

Standard材質

Ray Trace: 折射

焦散光子: 100

GI光子: 100

運算耗時: 87秒

Standard材質

Ray Trace: 高光顏色

3Ds Max 8 - 翡翠手鐲

Mon, 13 Apr 2009 00:00:00 +0000

這是翡翠手鐲，有像嗎？有像嗎？XD

這次主要是練習3Ds Max內建Mental Ray的Refraction Caustics

所謂的Refraction Caustics，中文翻譯叫做「折射焦散」

呃翻譯後還是看不懂吧…xDDDDD

焦散(Caustics)簡單來說可以看成是一種渲染(Render)的演算法(Algorithm)

至於渲染是什麼…囧你確定要問下去？再問下去就沒玩沒了了:P

好啦簡單講一下XD

所謂的渲染(Render)就是用軟體從模型生成圖像的過程

至於演算法……呃不懂的人再來問我好了囧rz

回歸正題！

這次做翡翠手鐲其實是想要練習折射焦散

大家都知道光線透過了翡翠手鐲或玻璃杯之類的透明物體會產生折射的現象

而這種折射現象在3D繪圖時是要另外計算的

軟體根據光源、物體材質、材質係數等等各種資料算出來才行

有了折射焦散，透明的3D物體看起來會更逼真更真實！

說了這麼多可能很難懂xD

來看幾張圖片就懂了！

這張圖就是單純的3D建模，有打光、有材質，但是沒有啟動焦散計算

這張圖啟動了焦散功能，焦散光子設定為1、GI光子也設定為1

這張圖也是啟動了焦散，不過焦散光子設定為100、GI光子也設定為100

看了三張圖應該比較瞭解折射焦散是什麼了吧！:D

焦散光子和GI光子設定數值較高時看起來比較接近真實也比較漂亮

不過這樣子的畫質相對的要犧牲的就是運算時間

高設定的焦散計算要很長的時間的:P

在嘗試製作的過程中其實還有幾張圖片

我傳上來給大家看看XD

看看就好請不要問我翡翠手鐲為什麼是藍色…Orz

焦散光子設定: 1

GI光子設定: 1

焦散光子設定: 100

GI光子設定: 100

好啦！練習完折射焦散，下次就要練習反射焦散囉:D

喔有折射焦散當然也有反射焦散呀！:D

簡單舉個例子就像是游泳池水面上的漣漪在天花板產生波光粼粼這樣:D

3Ds Max 8 - 玻璃球桌布

Fri, 10 Apr 2009 00:00:00 +0000

特別做給自己的桌布:D

桌布好久沒換了，所以想乾脆做個新的桌布

然後我又覺得玻璃材質實在是很有趣xD

所以就用3Ds Max弄了一個桌布給自己:D

成品出來我個人是蠻滿意的:D

這幾天幾何體玩得差不多了

接下來可能要開始弄一些進階一點的東西

開始試著模仿生活中的物體＠＠a

3Ds Max 8 初體驗

Wed, 08 Apr 2009 00:00:00 +0000

很早就開始想要玩3Ds Max，最近終於玩出點東西了:D

這是橡皮艇雖然簡單，但這是第一個做出來像樣的東西:P

以前只會畫圓畫方塊…Orz

網路上關於3Ds Max的資源很多，但也因為這樣很不容易找到完全初學者適合的教材

感謝PTT上的kuan30407給了我意見

我參考了他給的網路資源終於大致瞭解該從哪裡著手了！:D

按照網頁上的教學，第一個做出來就是剛剛上面那個橡皮艇

很簡單，連貼圖打光都沒有

後來我跑去玩玩材質這東西，我覺得玻璃很有趣所以就去找了教學來試試看:D

簡單的做了一個玻璃球

因為沒有打光，所以看起來暗暗的，後面那個茶壺是現成的東西不是我畫的xD

弄出玻璃球後感覺很棒！因此又去找了另一篇教學

這篇教學教我們做可樂瓶，從建模、塑形、場景、打光通通都有

貼圖部分講的並不多，但是我還是把貼圖弄出來了！:D

我在這篇學到非常多，尤其是瞭解了很重要的LOFT建模方法

這個就是按照網頁教學做出來的可樂瓶！不過才剛做好還沒打光處理

這張是許多可樂瓶！XD而且有打泛光泛光渲染速度比較快大概幾十秒就運算完了

而這個跟上一張一樣，不過光源打的是天空光比較真實自然可是渲染要幾十分鐘…Orz

喔耶終於開始慢慢瞭解3Ds Max了！希望以後可以做出心目中的作品！>/////<

一次下載全部的洋蔥頭表情符號 (使用迅雷)

Thu, 29 Jan 2009 00:00:00 +0000

唉呀又好久沒寫網誌了XD

趕快來寫篇實用的東西～

我是洋蔥頭表情符號的愛用者XD

好久沒有更新表情符號了剛剛心血來潮想來看看有什麼新的表情符號

在洋蔥頭官方相簿一看發現有133張圖總共113種表情符號！

數量之多我想乾脆全部重新抓過

大量抓檔我首先想到FreeGrab

我用FreeGrab 1.2.3.4.5把相簿網址貼上去

可是他怎麼樣也抓不下來

我只好另外想辦法

因為洋蔥頭表情符號的檔名是序號的

就是網址裡面只有幾個數字不一樣

因此我就想到用迅雷的批次下載

這回很順利的抓回了大部分的檔案！！

喔對是「大部分」不是全部喔

因為洋蔥頭表情符號有幾張檔名特殊…Orz

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/012_a.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/012_b.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/013_a.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/013_b.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/015_orz.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/020_bingo.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/022_a.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/022_b.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/036_omg.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/038_jolin.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/053_XD.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/066_Hi.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/070_goodjob.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/089_01.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/089_02.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/093.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/094_01.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/094_02.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/094_03.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/094_04.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/096_K.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/097_01.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/097_02.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/097_03.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/097_04.gif

因此會下載失敗

特殊檔名的檔案其實也蠻多

所以我想到了另一個方法: 迅雷的「輸入下載清單」

雖然迅雷的下載清單是「.lst」檔

不過簡單說穿了就是用.txt把網址都打進去然後改名.lst就可以了

所以我稍微整理了一下

大家只要把下面的網址通通貼到記事本裡然後存檔成.lst就可以輸入到迅雷裡囉！

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/001_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/002_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/003_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/004_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/005_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/006_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/007_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/008_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/009_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/010_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/011_.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/012_a.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/012_b.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/013_a.gif

http://i237.photobucket.com/albums/ff133/onionethan/onion_Emoticons/013_b.gif

從 AMD Athlon64 LE 1640 淺談多核心處理器

Sat, 23 Feb 2008 00:00:00 +0000

Warning

Edit (2019-03-18): Due to image host service issue, some images in this post were lost.

這張圖是AMD Athlon64 LE 1620的CPU-Z資料圖

想換CPU了

可是不想換雙核心

現在的作業系統、程式、遊戲等等都還沒有辦法完全利用多核心

而多核心處理器如果沒有完全利用

其效能甚至會比單核心還要弱

這麼說吧

為什麼會有雙核心的出現？

記得當初處理器

從很早很早的MHz時代到現在的GHz時代

一直到現在處理器的時脈發展遇到了瓶頸

可以說是已經到了一種極限了

但生意還是要做

聰明的商人把舊的處理器把他裝在一起

告訴你說我這是顆劃世代的多核心處理器喔

這麼來看吧

單核心處理器從一開始一路上揚發展到極致

到最後走投無路了開始回頭拿低時脈的處理器發展雙核心

接下來雙核心又達到了極致

很快的四核心、十六核心就來接手

如此才有賣點

我不是否定多核心的技術

我相信能把好幾顆處理器塞成一顆一定也要有點技術

而且多顆核心加起來跑一定也比較快

現在重點是在軟體真的有多顆核心在跑嗎？

處理器已經多核心了

那我們的軟體呢？

當初軟體設計時

那時並沒有多核心處理器

因此程式很自然的是適用於單核心

現在掛到多核心電腦上跑

因此也只用到多核心處理器其中的一部份而已

剛剛說過多核心處理器如果單看其中的一個核心的話

那單個核心是不會比單核心處理器強的

因此目前絕大多數的軟體沒辦法讓多核心處理器發揮極致的效能！

「軟體都推新版本出來了，新版本有支持多核心吧！」

打破新版本的軟體支持新硬體的迷思吧

誰說新版本的軟體一定支持新硬體？

用Email在Blogger發佈文章

Thu, 14 Feb 2008 00:00:00 +0000

[

發文章一定要上部落格？

不用！善用Blogger所提供的電子郵件發文

即可透過E-mail的方式發佈新文章！

要怎麼設定呢？

如圖所示在導覽列點選「自訂」後進入後台控制畫面

選擇「設定->電子郵件」

其中「BlogSend地址」是指您要從哪個信箱發佈文章

Blogger會認定這個信箱

只有這個信箱寄來的信才會被發佈

「Mail-to-Blogger地址」則是要寄到的地址

從「BlogSend地址」把信寄到「Mail-to-Blogger地址」

就可以發佈新文章囉！

下面兩個選項決定是否要把寄出的信立刻貼在Blogger上

最後記得點選「儲存設定」就完成了！^^

祝大家使用順利！:D

Windows Update 20071212

Wed, 13 Feb 2008 00:00:00 +0000

Windows Update 20071212

今年一月一號

把Windows所有的update通通抓下來包一包

做成一個自動安裝整合包

只要點下去就會開始安裝

Update的版本為20071212

封裝時間是20080101

這是我自己包裝的

所以不會有什麼病毒的疑慮XD

如果想看裡面有什麼

可以用WinRAR打開這個檔案

整個檔案大小為141 MB (148,311,091 位元組)

網路存放空間為Badongo

](http://www.badongo.com/file/7507604)

安裝過程時間是用我的電腦來估計的

實際時間依照個人電腦等級而有差異

載點若失效了請回報＠＠

-下載說明-

因為這個檔案大小超過100MB

被便當狗強制分割成兩個檔案＝ w ＝a

所以要這樣做……

下載畫面

請點擊下載
「Part #1: WindowsXP_Update_20071212.exe.aa」
「Part #2: WindowsXP_Update_20071212.exe.ab」
「WindowsXP_Update_20071212.exe.badongo」
「Windows File Merger」

共四個檔案

檔案被拆成.aa和.ab兩個檔

而Reference File是Badongo合併檔案實用的參考檔

而Windows File Merger是合併檔案的批次檔

通通下載好後放在同一個資料夾

然後點擊WindowsXP_Update_20071212.exe.bat就可以囉！^^

微軟一月又出了新的Update了

近期會再打包新的Update :D

Recent Posts on Howar31 Blog

升上 VuePress v2 RC 五個月後，決定再遷移到 Hugo 的紀錄

前言

為什麼升 v2 才 5 個月就要再搬？

Discord 完全隱藏封鎖/忽略的訊息

前言

實作

為什麼選擇 CSS Injection？

解除 Developer Tool 防護

1. 無法開啟開發者工具

Windows

從 VuePress v1 升級到 v2

為什麼要升級？

環境

Enable Sidecar for Old Devices

Made with Love Snippets

Typing the Heart

Unicode Character

UTF-8 Miscellaneous Symbols

HTML Entities

Icon

Proxy Settings Note

Ubuntu

Setup Dockerize GitLab Runner on Synology NAS

Environment

Setup VuePress with GitLab Pages on Ubuntu 18.04 LTS

Environment

Setup VuePress

Install VuePress

Config Build Path for GitLab Pages

Secure GitLab Pages with Let's Encrypt Certificate

Enable PWA Support for VuePress

Environment

Create a Blog with VuePress on GitLab Pages

Thanks Wordpress, Hello VuePress

New Blog in 2019

Slack 團隊通訊平台簡介與入門

Slack 簡介

加入 Slack

Ducky Shine 5 機械鍵盤 限量首發特別版 082/100 開箱

Ducky Shine 5 Mechanical Keyboard

簡單開箱

Change Windows Remote Desktop Listening Port

修改Windows遠端桌面連線Port

Import Putty Settings from Old or Crashed System

從老舊或損毀的系統中取回Putty設定

適用條件

救援步驟

後記

Difference between JSON and XML

JSON與XML差異比較

Definition

Linux Screen

Linux Session Manager - Screen

常用指令

組合按鍵

Command Line

Left-padding string with zero using JavaScript

使用JavaScript 左邊補零固定字串長度

Git 101 基礎入門

Git起源

Git特色

Git基本指令

Git練習

Why Programmers Work At Night

為何程式設計師總在深夜工作

創作者的時間規劃

疲倦的大腦

螢幕的光源

結論

Enable Server Side Include (SSI) on Mac OS X

SSI on Ubuntu

SSI on Mac OS X

Configure Apache per-user Directory Settings

Environment

Thanks Blogger, Hello Wordpress!

加入Wordpress！

Symbolic Links Are Not Working on Apache

Install zsh / oh-my-zsh on Ubuntu

Requirement

Ducky Shine 5 機械鍵盤限量首發特別版 082/100 開箱

Alteam USB-584M 7.1聲道耳機麥克風開箱!

Google Chrome 擴充套件 Extensions 精選更新

一次下載全部的洋蔥頭表情符號 (使用迅雷)