作者: ngonewstw

https://twngo.xyz b: https://medium.twngo.xyz t: @ngonewstw

NGO網站建置－動態網頁


繼上一篇談NGO官網建置入門系列的文章，中間已隔了五週左右，所以先稍回顧一下此系列已發表的文章：

本來一開始在這系列網站建置的入門教學文整理中，並沒有打算寫這篇利用虛擬主機架設網站介紹，不過。。。還是稍微談一下好了。

在本系列網站建置的後二篇文章介紹的是屬於靜態網頁類型。因為靜態網頁的部署只要有一處網路空間即可，之後再把網路上一些可用的服務外掛附加元件嵌入，即可弄出一個有模有樣的專業網站。但如果希望網站是建構在需用到資料庫軟體的內容管理系統，則不只是找到一處提供「免費空間」的網路服務，還得要包括資料庫與相應軟體版本等能配合支援，其要求的系統條件比較多，相較之下並不容易找到免費又穩定的虛擬主機服務商。因此如果NGO/NPO決定採這種方式建網站，更該考慮選擇能力範圍內可接受的虛擬主機租用。本文將介紹我個人近期試用過的免費虛擬主機商，以及付費的虛擬主機商。

一、免費虛擬主機（含自定網域服務）

  1. 000webhost: 這家虛擬主機商我註冊會員資格已有了近十年的光景，可見其屹立不搖。最近重新登入來熟悉它的後台，其免費版基本上提供二種建站選項：一是套用其模版的靜態式網頁，若想用動態網頁，則唯一的選項是由其自動代為安裝wordpress。我個人還是蠻推薦技術能力不強，但網站訊息更新率中上的中小型NGO，可以採用wordpress 這套流行的部落格軟體來架站，除了其版型主題多樣外，豐富的外掛功能也可讓許多數位工具（如電子報、線上捐款系統、報名或連署活動）整合到wordpress網站上。這就是我利用000webhost上的wordpress 加上自定網域名作出來的網站：http://hello.twngo.xzy 。 但此類型的虛擬主機，雖提供免費帳戶容易入門方便安裝的好處，也必須了解它的潛在問題：a)每月流量與資料用量限制（可在後台Settings/Statistics底下察看）。b)訪客瀏覧該網站的安全與加密，000webhost雖然本身有支援ssl加密，但如果是用戶自定網域名，則ssl密鑰憑證則會被瀏覧器解讀為新增的自定網域名非原憑證授權對象，雖然可以勉強繼續使用加密式或一般無加密地訪問瀏覧，但是每看到瀏覧器網址列出現很醜的紅色警告號誌就讓我很不舒服啊。
  2. byet.host：這家網頁主機虛擬空間服務商應該也是老牌子字號了，我是最近從coursera初級網頁實作課程才知道這家公司。相較於前者000webhost只有提供單一網站內容管理系統CSM，byet免費版scriptinstall相關網站軟體包快速無痛安裝，則應有超過一百種以下的各式軟體(blog/micro blog/ portals CMS/ forrm/ e-Commerce/ wiki等等族繁不及備載，但也不是都能順利成功地安裝使用就是了XD)讓免費用戶可以快速地一鍵安裝。byethost雖然看似支援各類架站軟體包的自由與選擇更多，但其免費版一樣和000webhost有著流量用量限制以及ssl自定網域名支援不足的問題。


再次強調：我不建議NGO/NPO把網站內容資料放在這種免費型的虛擬主機上，但如果個人或單位想要做測試或摸熟某些軟體介面操作，倒是可以偶而用來玩玩作練習。

二、付費虛擬主機

如果決定要採動態網頁/CMS等方式架設正式官，那最好還是挑選一下使用者口碑與品質不錯的付費虛擬主機商。我個人用過的付費服務其實不多，若下決定要找一家付費虛擬主機商，建議讀者可進一步參考「網路免費社群資源：https://www.free.com.tw」相關的整理。以下簡單提幾家我個人使用過的服務

  1. siteground：大約是從2005,06開始租用這家主機商，一方面其價格公道服務效率也算不錯。
  2. ipage.com：當初純粹因為便宜，一口氣買了三年主機租約，但便宜的代價果然就是有些服務變得很陽春，例如用慣了cpanel後台管 理，就不太能接受vDeck功能遭閹割的感覺。故我用了一年半左右，中期之後就改用mardown文件格式/靜態網頁產生器與gitlab免費空間來存放自己的網誌了。
  3. 智邦：台灣NGO若有使用其電子報發送系統，則可申請免費linux A方案，用來建置wordpress/ drupal/ joomla等流行的CMS已非常足夠了。選擇國內主機商的好處可能是管理後台的語言介面純中文化，遇上問題也比較敢跟客服人員直接溝通反應。不過國內主機商的價格相對比較昂貴，流量額度也非常小氣。
  4. 網易，也是一家台灣的虛擬主機商，雖未曾使用過其服務，但看到它也有提供給台灣公益慈善團體的贊助方案，而其後台的軟體架設管理則和ipage.com 一樣，以採softaculous。
  5. greenhost：我並未使用過這家主機服務商，為什麼會把它列在我的名單上呢?因為這是一家不但以綠能低碳為目標的環保價值企業，還提供了riseup, tor等自由網路工具或社運人士確保上網安全通訊的許多技術支援與資源贊助等社會投入。不過它的價格相較於殺價殺到眼紅的藍海虛擬主機市場，的確是昂貴不少。如果口袋深度夠又沒來由地佛心，不妨可以考慮租用他們家的服務，多花的錢當是贊助支援開源與自由網路社群吧。

三、啟用虛擬主機之後

其實接下來差不多就是「自己的事了」。早年許多套件軟體的安裝還是從下載程式、解壓縮、上傳ftp、建立資料庫帳密、進入安裝設定等等繁雜的手續，而如今虛擬主機商提供的後台管理的軟體安裝腳本，讓用戶可以一鍵輕鬆地安裝許多架站軟體包，讓用戶可以把精力時間放在網站前台建置好的一些模版主題調校或是外掛功能補強。

目前最主流的架站軟體當是：wordpress, drupal, joomla 三大領頭羊。我個人是建議先入手採用wordpress即可，後二者架構稍微複雜。

wordpress 教學：官方版的中文教學，從第四步「設定」開始看起即可。

drupal 教學：Drupal 新手筆記

joomla 教學：夏本樂教學

從去年11月23日開始，以medium平台為主的每週至少一篇文章寫作，至今也整整滿3個月。其間我不斷在思考，到底要提供什麼樣的資訊，寫什麼題目內容才能幫助NGO在判斷與採用各式數位網路工具上，具備基本的知識，並進一步強化其安全與自主性（不用臉書，我的讀者在哪裏啊?）。這樣的嘗試只能說還在繼續模索當中，目前除了把medium平台的資訊設定每週至少一篇文章的週報頻率外，接下來週報的內容形式會稍加調整，除了介紹一個小主題外，再搭配近來一些與本站主旨相關的資訊摘要整理。

網路數位安全保護小提醒

https://equalitylabs.org

因為今天正好是網路安全日（Safer Internet Day），所以twngo.xyz 本週的例文要來分享一個由南亞裔美國移民所成立的新創團體equalitylabs.org為2017年美國新移民社群所制作的一份自我防衛的網路數位安全保護小文宣。

2017年一月底，美國第45任總統上任不到10天即簽署對以穆斯林為主的七國國家入境禁止、暫停接收難民等一系列行政命令。這番舉動也引發自由派民間人士的反彈，各地機場抗議與專業法律人的法庭緊急禁制聲請等反制行政權的一連串令人目不暇給的行動。

我想equalitylabs這個計畫原本該是更早之前，在南亞裔美國移民社群中即有一群女性主義、性別運動者想推動一些工作，但遇上了這名奇怪的總統，也逼得他/她們在步調與策略上不得不加快與回應。我即是在行政命令發佈的當週週末接到了翻譯社群的緊急求助信件，徵求多種語言志工能把這份針對給新移民者閱讀的數位安全保護小文宣翻成其母語，於是我便過了一個充實的春節假日…….。

老實說，這份資料的內容整理並不是最佳的，除了提供的資料連結或工具介紹上出了一點錯誤小問題外，其實最大的困難之處在於：「安全」這回事到底要如何被看待？而所謂的被看待，本身即暗示了因為「人」之各異，所處的環境與面臨的威脅模型情況不一，故在回應安全措施上也必然有不同的態度與策略。那麼如果回到這份文宣的設計，讀者是非白種人的亞裔移民，更可能是其中性別少數或權力弱勢者，而欲防備的對象可能是美國行政當局或其支持的極右派人士，那「他們」是如何來思考這種情況下的威脅模型呢？這份文宣共分成了七個部份：安卓手機使用、蘋果手機、電腦、通訊、瀏覧器、身份識別、社交網絡，從這幾個面向直接提示了要安裝使用哪些工具，如何進行設定以提高自身的數位安全。這樣的安排或許是受限於急迫或篇幅，又或者是讀者根本沒興趣和沒時間去理解安全專家的各種理論。

在「事後」仔續閱讀這份資訊時，讓我總不禁思考著：對絕大數台灣民眾「我們」而言，所面臨的安全威脅狀況又是什麼模樣？又或者，到底我們是否有把「安全」這回事放在心上，還是任放於讓他人來保護自己的安全就好？（總感覺自己近來有著某種被排拒的焦慮感，因為在當下的台灣似乎某種網路上的討論與交流都被不同機制算計構築的長廊與圍牆所阻隔起來。）是不是在這樣許多取捨、不可求的妥協之間，蠻容易讓人變得放棄追求「安全」、不再起身「反抗捍衛權利」、變得沈默甚致犬儒地嘲笑行動者。這樣的氛圍不就是造就人類大規模毀滅戰爭的溫床嗎？除了繼續借鏡他人案例與實踐的教訓外，希望有一天，自己能準確地理解並捕足到讓人們可以認同數位網路安全之必要的某個要點吧。

網路數位安全保護提醒中文版線上閱讀

TWNGO 線上電子書圖書館 http://books.twngo.xyz/

https://equalitylabs.org

網路數位安全保護提醒中文版線上閱讀

TWNGO 線上電子書圖書館 http://books.twngo.xyz/

活動推薦－webinar 10 Signs Your NGO Excels At Social Media

Nonprofit Tech for Good

明天上午(2017年1月18日)台北時間11：00~12:00 網路上有一場小型研討直播，主講人Heather Mansfield 長期觀察NGO/NPO如何擅用數位工具，協助NGO/NPO能更有效實現社會改善的組織宗旨。這場網路講座，談的是社交網站社群媒體應用。社交網站這個題目在某些人耳裏聽起來有點爛掉，就像本站從基本的域名Domain Name申請到官網建置這種最基本的ABC開始談，寫了一兩個月都還沒碰到2017最炫最火的技術應用。然而在台灣的現實卻是：許多NGO/NPO已逐漸拋棄對自家網站的經營，「義無反顧」地擁抱著臉書平台，而本站鼓吹的網站自主，畢竟只是蟻吠火車的心酸。

回到社交網站這個主題，之所以自嘲此題目有點爛掉，正是當大多數上網族群集中地依賴少數幾家網路巨擘作為其吸收資訊的來源，而其高明計算個人量身的同溫層演算法，多少也讓品牌者在經營社群網站上摸不著頭緒，兩三年前有效的文章議題擴散提高能見度作法，如今早已不再奏效。那麼我們今天還在談所謂的社交網站經營，到底還能談出什麼新鮮事？（台灣的NGO/NPO快醒醒吧）

Heather Mansfield的專業經驗乃建立在其協助許多NGO/NPO 採用數位工具過程産生的客觀數據，並從中檢討與檢驗不同戰術的有效與否。當然她也知道如今NGO/NPO在社交媒體的世道不可與三四年前同日而語，在此次網路研討會中，她希望能透過現實數據反應的現象，盡可能地從中整理一些最佳示範作法。她長期一系列談這些操作技巧與經營策略，從來就沒有叫NGO/NPO放棄自家網站，當然也沒有讓NGO/NPO放棄社交網站的經營，但什麼是主什麼是客，其實應該很清楚才是。

Heather Mansfield從2010年開始利用webinar方式向NGO／NPO工作者介紹相關的社交網站管理策略，自從每年她大約會安排3～4場免費的網路研討會活動。我大約是在2011左右，第一次參與Heather Mansfield利用網路研討室轉播，第一次聽當然是受益不少，後來場次的內容其實變化不太。故強烈推薦從未上過這門課程的NGO/NPO工作者有機會一定要參加，特別是如果會議時區剛好是亞太區域網民方便的時段。

報名請看這裏：10 Signs Your NGO Excels At Social Media

寫到這裏，順便轉一下最近從友人處才知道台灣政府（國發會）有整理行政院下各機關回報的：中央及所屬機關網站 Web2.0（其實說社交網站比較準確吧）服務一覽表（下載cvs原始資料），以及縣市地方政府社交網站一覧表。當然光從這些一覧表我們畢竟無法得知社交網站經營與表現的真實狀況，就像＠ngonewstw 目前所作的是簡單地先整理台灣NGO/NPO網站略表並作部份可抓取的訊息轉推。至於NGO/NPO利用數位工具（含社交網站）對其議題倡議或募款支持增長是否有什麼關聯，還是得需要有團體願意提相關數據與切身經驗才能慢慢看出其在台灣的變化趨勢吧。

相關文章：

M+R’s 2016 NPO線上指標報告

2016全球NGO線上使用調查

digitalinformationworld

NGO官網設計的必備要件？

dotOrgStrategy

之前寫了一系列關於NGO/NPO如何申請自家網域，以及擅用各類（盡可能免費無料的）數位資源來建置自家網站的半教學介紹文章。這些文章的前提都是建立在：這些社會公益性質的非營利組織，願意相信透過互聯網的資訊傳播，一方面突顯自家的品牌地位，向支持者或議題好奇人士相關其議題觀點的立場主張，以爭取更多的社會基礎。而另一方面，則對內部組織而言，是否有需求去學習使用各種數位工具，以期待能在某些利弊條件交易權衡下，可降低成本或能更有效地解決某些問題達成目標。如果NPO/NGO沒有某些社會價值驅策的能動性，那其實和一般的網購團或跑者俱樂部沒什麼差異，只需要找到同好們都能使用的通訊交流平台（如臉書或line群組/PTT）即可。

故前述所稱的前提成立，則NPO/NGO官網很可能是對外界公開揭示邁向目標的第一步，而社交媒體/其它外展計畫則是在此基礎上的各種策略管道應用。必須強調的是：數位資訊技術很強的NPO/NGO與其在現實世界裏的組織動員不見得成正比，畢竟後者要花上不少精力在許多人際上的經營和耕耘但其影響收成的變數又太多而較難預期。但是在一個益趨資訊化的社會裏，佔有數位技術識讀和應用能力的NPO/NGO，其在現實草根社群的實體經營上，當已佔據了一些優勢才是。

不過話說回來，本站也沒有太多直接人與人接觸的完善經驗可供借鏡，故還是先專注在：「如何選擇適當的數位工具以及提高社運工作者的資訊能力」這個主題上吧。

話說之前談了一點如何做出NPO/NGO自家官網的免費方式，但如果回到每一個NPO/NGO身上，到底這些NPO/NGO工作者又是怎麼想的？其希望利用官網達成什麼東西呢？而這些想像又會與其設預的讀者、訪客、潛在支持者有什麼關係呢？當我還在NPO/NGO部門服務時，也曾經兀自惴想或是試著從使用者（管理者）讀者的反饋意見中整理出一些頭緒。這也是本站在寫了四五篇從網域名註冊到部落格服務平台選擇、靜態網頁建置等等文章後，反省到：必須再重新回到NPO/NGO所面臨的情境與挑戰來思考，或許才能協助NPO/NGO在做決定時有一些作為參考以及協助摸索前進的方向。

未來，本站會慢慢走紙上談兵的冷眼觀察，期能以有限的資源來協助有迫切需求的NPO/NGO共同一起㝷求出符合自身需求的數位工具。因此先姑且以這篇：7 Elements Every Nonprofit Website Must Have in 2017作為起點，從國外NPO/NGO在經營網站的經驗來看，到底台灣的NPO/NGO的自家官網是否有具備這些要件；又或者：台灣NPO/NGO網站經營根本沒必要學習仿效國外的經驗，那麼自身的需求和想像又是什麼呢？這些台灣本土在地的需求和想像當中，twngo.xyz有沒有什麼可以協助之處？（哦，對了，雖然從沒明說過，但不難看出本站很清楚的立場：拒絕使用臉書。本站尊重NPO/NGO是否要利用臉書作為散佈溝通平台的自主決定，但會非非常常遺憾NPO/NGO已僅以臉書為基地，完全放棄自家網站建置經營，其理由自不必詳述。）

7 Elements Every Nonprofit Website Must Have in 2017此文從長期觀察整理網站設計使用的流行趨勢再考量NPO/NGO本身稍迴異於商業型網站的功能與訴求，整理其認為每一個NPO/NGO的網站在2017年代必須要放入的要點有以下7大項：

  1. Responsive Web Design響應式網頁設計
  2. Email Signup Forms電子報或郵件群組訂
  3. Prominent Calls to Action 小小動作提高參與
  4. Customized Social Media Sharing 合適的社交媒體網站分享鍵連
  5. Effective Search Engine Optimization (SEO)優化的搜尋引擊
  6. Insightful Analytics 深入的流量分析
  7. Rich, Engaging Visuals 豐富互動的視覺效果

列表中的前4大項，外部訪客不難從造訪該NPO/NGO網站即可檢查是否具備其要項，而後3項則是網站管理者或設計者在建置網站時必須考量的策略以及採用各種適合的工具來做測量，外人一般較難以得知其表現情況。我試著從這7個NPO/NGO網站元素要件來評估台灣NPO/NGO網站在2016～2017年的表現。

先看看第一個所謂的響應式網頁設計好了，在收集全台129家NGO/NPO網站中僅有四分之一的NPO/NGO網站支援RWD。其實這129個母數中不少NPO/NGO是以wordpress, drupal 等開源的CMS系統架站，或是寄居於google blogger方式管理自家網站，故我心中原本估算的數字是至少有一半可支援RWD吧？沒想到許多NPO/NGO居然沒選用responsive theme。如在blogger上的民主平台、經濟民主聯合、親子共學，使用drupal 的華人民主書院、台權會、廢死聯盟、青平台、高教工會，使用joomla的陳文成基金會、使用wordpress的障礙者權益促進會等等，甚致連全球性組織在台灣的分會，如綠色和平、國際特赦組織強調全球各分會統一性的品牌設計，在2017年的今日尚無支援RWD，真是完完全全跌碎我的眼鏡。喂，難道你們從沒有用過手機或平台上自家的網站看看嗎？(丢筆)


隨著智慧型手機的全面呑食，網頁設計自然得適想著用戶們從不同的載具觀看網頁造方網站時，能一致地提供最佳的視覺體驗。這就是RDW所強調：以彈性的畫面設計，在不同解析度下改變網頁頁面的佈局排版，讓不同的設備都可以正常瀏覽同一網站。台灣從2013年智慧型手機普及率為50.8%到2016年成長到82.6%(來源：https://www.thinkwithgoogle.com/)，許多NPO/NGO或許在這三四年間還來不及改版因適移動閱讀的變化。而在新的2017一年之初，這74.4％台灣NPO/NGO或許可以考量是否要將RWD放入新年度的網站重整規劃的工作清單上吧。

NGO網站建置－git pages/網頁產生器

在NGO網站建置系列文章中，分別相繼整理了：利用免費部落格平台與自定網域名功能；提供自定網域名的免費線上編輯工具來架網站後，本系列關於網站建置的第三篇本文則是介紹的是相對近兩三年來繼部落格CMS等須資料庫軟體支援外（動態網頁），另一種新興的方法：「靜態網頁產生器 」以及代碼資源寄存庫提供的靜態網頁存放與網頁範本利用。

話說不是電腦處理能力越來越強，各類CMS安裝架設方式越來越簡便容易，怎麼最近反而出現靜態網頁回歸流行的走勢呢？從總體效率節能的觀點來看，有人分析：因為靜態網站效能更好，維護比較單純，不需要太多的設定，只要有 Web Server 就可存放，整個網架前後台的呈現與支援都更為輕盈和輕爽，因此有不少個人網頁或組織型的網站轉而選擇跳台改用靜態網頁架𦣓構呈現。NGO/NPO在決定要採用何種方式架設自家網站，管理發佈訊息之前，不妨先評估一下：組織的訊息頻率、人員的網站架設管理知識與可投入時間等要素。鄙人最大的希望是讀過本系列文章的介紹後，即便是沒什麼電腦技術能力的社運工作者，也可以輕鬆地為組織找出其符合使用需求與條件限制下，發揮最佳效益與友善近用、安全私密又易於維護運行的NGO/NPO網站網頁建置方式。

一、利用代碼寄存網站的靜態網頁

git是一個分散式版本控制軟體，它是由linux最早的開發者Linus Torvalds為能解決Linux作業系統內核開發版本管理，所開發的一套工具。因為其功能強大，很快受到許多開發者的青睞，許多提供git的源碼存取服務的網路平台也紛紛問市，其中知名度最高、註冊用戶最多、開發專案數最多無疑當屬GitHub。其實除了GitHub，另有一些更優的替代選項如bitbucket(免費註冊用戶也可以將其碼源專案資源庫設定為私人不公開，這點功能在github得要付費才能使用)， gitlab更是把整個網站源碼開放讓人可自由下載安裝在自家的機器上。這三大git源碼存取平台也都有提供靜態網頁存放服務，本文仍以台灣用戶較熟悉的GitHub為主要介紹，雖然這三大家代碼存放平台目前都尚未提供中文介面支持，不過因市場與社群影響力最大的github中文教學資源比較豐富，故先以它為示範案例，或許當NGO稍熟悉了其操作環境後，可再考慮其它另類選項。

教學文：如何在GitHub建立靜態網站

不管是github/ gitlab還是bitbucket，其提供的靜態網頁寄放服務都可以讓用戶自行設定網域名轉址(通常在repository Settings 底下可找到相關訊息指引)，例如以下是twngo簡單利用github 範本所作的一張入口網頁(看看就好，懶得作它的DNS/Cname設定了)

https://twngo.github.io/

二、認識md, static page generator

利用github網站上現成的靜態網頁範本，其實與前一篇文章：利用website builder服務操作比較類似，差不多都是利用現成的線上範本直覺式的調整操作，不過因為github主要服務的社群客層以開發者為對像，故使用者最好需可稍微了解一點基本的MarkDown/ html語法。說到這裏，也稍微插入另一個話題，介紹一下所謂的markdown文本。

Markdown 是一種輕量級標記語言，也就是在文件中使用一些標記（markup）來表示原始文本中的某些次序結構和信息，其特色是格式簡單，源文件容易閱讀和編輯，使作者的注意力集中於撰寫內容而非形式；且純文本格式具強大的跨平台特性，因此廣受開發者社群的愛用。我自己這兩三個月來，也逐漸習慣使用簡單的文字編輯器把文件存成markdown 格式，而很少需要開啟office等肥大又操作麻煩的文書編輯軟體。學習一些基本的markdown，可以在利用上文github pages或是接下來談的靜態網頁生成器的使用上，發揮不少效用。因為大部份的靜態網頁生成器都支持markdown文本，可自動地把markdown文件轉換成為html網頁檔案。

要利用開源靜態網頁生成器來作為網站架構後台，則使用者得要有點信心可以在純文字指令環境下安裝相關軟體，並能操作簡單的git 指令來更新網頁資源庫。

雖然這兩年來，台灣出現議題性的網站偶會使用靜態網頁或利用靜態網頁生成器來製作(如推動同志平權的婚姻平權大平台)，但我很少看到台灣NGO長期維護的官網使用這種方式來架設管理（例外是民間司改會,不過人家是算是「台灣大聯盟」等級的NGO，非一般人力資源較窘迫的NGO能望其項背）。故我個人是不太建議資源與數位能力有限的台灣NGO，在此階段完全跳入使用靜態網頁產生器工具來維護管理自家的網頁訊息內容，畢竟其學習曲線可能處在前初期要投入大量時間人力成本而回收有限的狀況。但我們多少要知道一下這個世界與外面的世界走到什麼境地，若有興趣了解學習「靜態網頁產生器」，或可參考一下我過去寫了一些流行的靜態網頁產生器安裝與部署的部落格記錄文章。

開源靜態網頁生成器網站


jekyll最多人使用的spg : jekyll 使用（本機安裝筆記）; 如何更換jekyll 主題

hugo: 本機安裝篇; 網路佈署篇

Pelican: 另一個靜態網頁生成器

最後再分享一下，以本站首頁https://twngo.xyz 為例，我分別利用了:

  1. codepen.io:它是一個提供給網頁前端開發者用在瀏覧器環境下的開發工具，其上有許多網站設計的開源專案，用戶可以fork到自己的codepen project再作修改（轉用時最好能保留或提及原作者的貢獻）
  2. 在codepen上修改好的網頁，可以自動上傳到gitlab.com，或是下載後再push到github/gitlab免費提供靜態網頁佈署的代碼拖管服務平台。基於風險分散與支持開源精神，twngo.xyz的首頁代碼是存放在gitlab底下。
  3. netlify.com：gitlab/github雖也有提供「html類型專案」的免費網頁存放空間(以及自定網域轉址)，不過放在github比較麻煩的是，其自定網域者並不提供SSL網頁瀏覧時的通訊加密(這點跟google blogger/ yahoo tumblr一樣令我不爽，尤其是在chrome的url地址列會看到超級醜紅色三角型危險警告)。因此我會再多花一道工序，把html代碼佈署在netlify.com，其上可代為免費安裝let’s encrypt SSL。

以上就是twngo.xzy的首頁製作過程。

NGO網站建置－靜態網頁

上一篇文章稍介紹利用當前某些現成的部落格平台加網域設定服務，來做NGO/NPO 網站的訊息發佈管理。我所提到的三家部落格平台，皆是國外大型網路服務業者所提供的動態網頁，省去了NGO自行安裝CMS/ blog等建架軟體工具的資料庫設定與管理維護麻煩。

稍微簡述一下靜態網頁 vs.動態網頁二者 之間的差異，並不是後者內容上有動畫多媒體呈現，而是指其架設與網頁資料呈現時會需要使用到動態資料庫。一般而言，須動用到資料庫軟體管理網頁內容的網站，比較可能是新聞類的媒體單位，每天少則一二則多則上百條文章內容的發佈量。而一般中小型的NGO/NPO其網站上的文章或活動訊息量，應該是沒那麼多產，估計是一週固定有一～二則的新文章發表頻率即算活躍。故另一種單純只用到html, css, javascript的靜態網頁類型，或許也是NGO/NPO可以考慮的架網站方法之一。市面上已出現不少免費網站、網頁建置服務，可方便地利用其網站上視覺直覺式的編輯操作，在彈指之間便作出一個漂亮吸睛又功能豐富的網站，改變了十多年前作 html網頁還得要ftp上傳等的多道工序的麻煩。

不過這類線上website builder雖然方便，我個人較少作這類的選擇，原因有：

  1. 價格：雖一開始打著免費的宣傳，但是在某些關鍵服務處 ，業者就不客氣地要收費了。例如我覺得最重要的自定網域功能，幾乎沒有開放免費版使用。
  2. 操作習慣：這個可能是純粹我個人的問題。雖然這種直覺式的靜態網頁操作環境讓使用者早已不必學什麼html, css, javascript 語法，也不必在dreamweaver, frontpage等網頁編輯器上編網頁，但這類利用瀏覧器來作網頁編輯的介面大部份是靠著大量複雜的javascript所編寫的互動式程式碼，其在老舊型電腦上執行多半會比較吃力，偶有反應不過來的狀況，故我自己始終還是不太喜歡操作這種用滑鼠移動來移動去的建站工具。

我倒是建議，組織網站入口(即俗稱的首頁)有一頁資訊來介紹網站上有什麼材料資源(有點像是sitemap)，製造出吸睛效果的設計感來贏取訪客的興趣和好感，再結合之前所介級的部落格平台來做訊息、聲明或新聞稿的發佈。以下稍介紹幾個不錯的建站服務平台：

1. google sites （舊款可自定網域）

舊款的google sites 協作平台可以在「設定管理(Manage site）」底下的網址 web address選項中進行自家網域的設定，按照google 的Change a site URL說明文件，管理者只要在自己的網域服務管理設定底下，新增一筆CNAME record 別名記錄值，讓其子網域名指向：ghs.googlehosted.com. 即可。


然而最近推出新版的協作平台，雖然介面更為清爽直覺，卻還未能提供自定網域的服務，殊為可惜。電腦玩物：全新 Google 協作平台推出 ，做漂亮網站跟編輯文件一樣簡單

2. zoho site（免費版可自定網域）

之前在「組織自家網域工作用電子郵件篇」曾介紹過zoho email其提供給不輸google G suite和MS OFFICE 365 的電子郵件與搞高工作團隊生產力的線上協同工具軟體包。而其zoho site也有點像google site，其不但支援免費的自定網域，還可以自行上傳ssl CA key 來為網站作加密安全設定(後察此為付費才有的功能)。雖然它網站上所提供的現成主題樣式大多看起來有點老套，不過其可以讓用戶下載原始碼，也可以自行上傳CSS與設計樣版檔案，這些自由度都遠遠大過google site。例如下圖是我利用zoho site試作的測試版網頁：http://test.twngo.xyz


它的自定網域，則是在其site setting 一般設定底下會看到Domain的選項，官方也制作了一支簡單的教學影片可參考。

3. vietne （免費版可自定網域）

這個網站是從免費網路社群資源上頭看來的：VIETNE 強大卻易用免費架站工具，輕鬆建立各式網站彈指間。

據說填入freegroup的促銷優惠代碼，即可享同付費等級使用的好康，我便好奇地註冊，填入其優惠碼後的確成功地網站費降成0元，再依照其系統寄來的電子郵件設定網域名記錄資訊（A recoder : @/ 174.129.25.170; CNAME: f imxprs.herokuapp.com.）。說起來，它所提供的樣款設計感是比google, zoho 要來得時尚一點。

https://free.com.tw/vietne/

試作的網站模樣：http://www.shamatha.xyz/


4. wix， weebly

既然本文主題是介紹 website builder，那就不能不稍提及目前最流行的兩大網站wix.com 以及weebly。這兩個網站主要的優勢在於其提供的樣版設計版型與主題最為豐富，且符合當下流行的時尚感。不過若是要具備自定網域功能，則得支付每月5～8美元的代價。以我的美學觀、斤斤計較CP值以及對於NGO網站應強調實用實際更甚於華麗瞠目的傳統刻版觀念，並不會選擇在這類的網頁建置平台上長期付費來經營網站。 但如果某些「非營利組織」財力雄厚但數位能力與人力不足，或可考慮利用這些網站花錢以省事。

以上是一些市場上比較主流的線上所編即所視網站網頁免費建置服務，來架設NGO網頁，但除此之外近兩三年來還流行另外一種利用靜態網頁產生器，或是代碼專案存放網站（如github/gitlab/bitbucket）提供的線上靜態網頁編輯，來編寫與存放個人網頁或社團網頁。但這個方法會多少涉及一點基本網頁(html, css)語法與純文字指令介面環境的操作，我會在下一篇文章整理這類較適合中級程度者考量的免費網頁建置方法。

NGO網站建置－部落格篇

談完非營利NGO申請註冊自家專屬網域名以及開通給同仁使用工作電子郵件後，接下來則想來談談NGO對自家網站的規劃經營，尤其是組織新聞稿、議題立場聲明、活動預告等等資訊，理應是第一時間放在自家的網站上。至於要如何利用免費無料的數位資源與工具來建置NGO自家網站，就是接下來一系列文章陸續會整理介紹內容。

我個人始終認為，不管現今臉書多夯,多麼需要透過在它的平台上分享動態讓「用戶」看到NGO訊息，但重點還是應為：訊息本身基於仔細立論的內容以及能對這條資訊掌握多少的自主權。因此我個人會採取的作法是：先好好建立對自家網站經營與資訊管理發佈，再來談此條資訊如何擴散，而不是完全依賴臉書上提供的工具，而斷送了自家網站這個建立自身品牌公信力的（不管多微 小）平台管道。

今日網站內容管理的各種開源工具或免費服務很多，例如： 最多網站使用的wordpress,稍複雜的drupal,模版樣式漂亮的 joomla等等。若組織對訊息或新聞稿的發佈頻率比較高（例如每週3～5則）,我會建議其採用blog 來作這部份的內容發佈管理。如果NGO的活動訊息量很低（例如每半年一年才會有一件大事情要放上網站公告），但希望這則訊息出現時的視覺設計感、資訊量很強烈，則或可採用某些直覺式的網頁編排建置服務（website builder, 如wix, weebly)。

而如果是介於上述二者之間呢，則建議仍採取blog部落格的方式，因為目前有許多相對成熟而免費的部落格管理平台，其還提供客制的網域名設定，可以無縫式地連接成自家網域下數位資訊訊息發佈介面，而不必再煩心什麼虛擬主機租用，流量監測或是CMS軟體安裝、資料庫出錯等問題，實在是方便好用的服務。

例如目前本站的訊息內容管理，即是同時存放在：blogger(http:blog.twngo.xyz) ；medium(https://medium.twngo.xyz) 以及tumblr(http://tumblr.twngo.xyz) 這三家部落格平台，再透過IFTTT的觸發設定，只要讓某一處有新文章發佈，另外二處也會隨之自動更新。

所以NGO可以考量在blogger, medium 或是tumblr 開設一個免費的部落格，再透過網域名設定功能將其指向自己單位的網域名。

以blogger為例示範：要開通blogger，得先要有google 帳號，登入建立一個新網誌。而給網誌設定指自家註冊的網域名，則要在後台管理左側「設定」/「基本設定」的選項，填入欲使用的名稱（除了blog, news等子網域名，也可以用常 見的www為子網域名，或是乾脆把網域名整個指向）,這時系統會顯示要求你必須先在出自己的域名稱系統 (DNS) 設定底下輸入下列相關CNAME與指向資料。


tumblr的帳號也可免費申請，當新增一個部落格之後，可以到其下設定處Tumblr URL, 來調整成為自家網域的名稱。


而medium要轉向自家網域稍微麻煩一點點，要在其系統上發一封服務請求信件（其有制式表格可填寫），說明你的狀況（例如要指向的網域名位置），稍後medium會回信指引你如何在自家網域名設定系統下新增相關記錄以及所需的相關資訊。

有關blogger, tumblr的後台操作或是細節調配，網路上已有不少教學文可以參考，我就不再多言。至於三者之中最年輕的medium，其目前尚無中文支援，使用上可以要稍多一點點時間摸索習慣一下，或可參考我半年前寫過一篇簡單的使用介紹。

以上這三大家部落格平台，是我所知提供客制網域設定的部落格平台服務。不過要提醒的是，這些「免費」的服務，其可能隱藏了某一些我們還（並）不知道的代價與風險，所以請作好資料備份等等必要的因應準備。

NGO(工作用)電子郵件設定

繼第一篇文章強調非營利社會組織申請註冊自家專屬網域名的必要與重要後，接下來的系列文章會介紹如何善用這個虛擬世界的「（半）公共公開場域」(public/ soical/) name domain來推廣自己的組織品牌，第一個先寫申請或設定以組織網域名的工作電子郵件信箱，也就是以：user001@twngo.org.tw （＠後方為組織申請的網域名）取代私人用信箱（user001@gmai.com/user001@hotmail.com）或組織單一信箱（twngo@gmail.com, twngo@hinet.net）的情況。

1971年email 第一次出現在互聯網，在今日的數位世界裏它的重要性或許已逐步被社交媒體即時通訊(fb message, line)、協作溝通平台(slack, )所取代。但不管如何，我認為短時間內，電子郵件仍然有其必要性，尤其它最可能為我們連結超脫既有的資訊圈限制，並承擔瑣碎不起眼但重要的聯繫工作。

之前提過，三個月前自己曾粗略整理台灣近一百個（有自己網站或部落格才算，不含僅有臉書粉絲頁的社團）議題倡議型的NGO，其中約5～10％還未有其專屬的網域名。若再仔細看這其中90~95%NGO，雖有其自家網域，但會為員工開通工作用的電子郵件者，卻不到30%。換言之，大部份的NGO工作者都是以自己私人電子信箱來讀寫寄收聯絡工作事宜。

既然現在免費的電子郵件信箱到處可輕易申請，業者（google, microsoft….）還提供幾乎無上限的儲存空間，為什麼需要另外有工作用途，以組織網域名識別的電子郵箱呢？

我個人認為至少有以下兩個理由：

  1. 代表組織的專業性及數位管理能力：隨便以某個免費郵件服務商（gmail, hotmail, yahoo）的私人郵件來處理工作任務，多少讓收件者或寄件者有某程度公私不明的曖昧。如果能在公務聯絡上，利用的是以組織網域名所發出的工作單位電郵，或許會讓收件者比較能清楚地意識到，收到的是某人代表其組織利用其資源所發出來的信件並不是私人間的雜談。而NGO工作者有比較清楚的自覺，判斷某些信件到底要純私人聯絡還是公務性質的處理，因此工作郵件處理或許會更為謹慎，且當工作人員離職前後也會讓外界有比較清楚的責任移轉認知。舉一個嚴重例子，2015年Hillary Clinton出來宣佈參選2016美國總統大位後，不久即爆發其在美國國務卿任內以私人電郵處理外交事務之輕忽行徑的「郵電門醜聞」，這點實在很難令人不懷疑有什麼密祕勾當私底下不法進行，這也讓其公眾誠信大打折扣，競選期間一直被外界說嘴批評。
  2. 對NGO工作者其個人私領域的尊重：除了從組織觀點建立自家工作用電子郵件的品牌效果外，在追求社會正義的NGO組織裏，能平等地從工作者的角度出發，也很重要。特別是如果其工作性質可能受到來自各方的數位騷擾甚致下線實體世界的人身威脅，則工作電子郵件稍可減輕(分散)當事人在大數據當中被各種隱形不明追踪器捕捉個人習慣特徵的風險。雖然我知道許多社運工作者都(樂意或無奈)接受24小時隨時待命地阻擋各式暴力或追求正義的拚博，但是我個人總覺得：我可以為自己的行為與能承受的風險作出選擇與負責，但並不表示自己因此有任何道德或權力的正當性高舉著正義的旗誌或理由逼迫他人也得要「犧牲小我」。給予工作者工作用的電子信箱即代表組織必須尊重其勞動權益與私人生活的紅線何在。

以上是我目前想出來，認為工作用電子郵件之必要的理由，如果讀者有其它正反意見，也歡迎回應。

如果你或你的組織也認同我上述的理由，請繼續往下看看如何利用免費資源來申請與設定工作用電子郵件的服務。以下所排出的這幾個郵件服務，可讓用戶透過設定其網域名（MX record, aka mail exchanger record）指向供應商的郵件伺服器主機，提供多組username@yourdmain.org(.tw)代表由某單位所發出的電子郵件，NGO不用花一分錢去租用虛擬主機的郵件伺服器。


  1. google apps for work(已改名為G Suite)

這個服務其實和gmail 帳號一樣，開通google apps帳號服務後，可以利用其工作信箱來享有各類google 各種強大的服務，如google drive, blogger, youtube等等

2012年之前，google app可免費自由使用，但後來變成要付費（一名使用者每月5美元）。不過目前google 有提供NGO/NPO申請免費使用的方案，但條件是：單位得先要有自己的網域名，再者需為經 「人團法」申請通過成立的組織，然後拿著單位立案證書等文件，向代辦該服務的科技濃湯申請。如果你的組織並未正式向政府「立案」，因而無法申請免費版的google app專案，則請再考慮其它自定網域名電子郵件服務替代方案。

2. MS Office 365

這是微軟以google suite為對手，提供了整合電子郵件，日曆、辧公室線上協作軟體等產品的服務，一般企業使用此服務一人每月8美元。對NGO/NPO同樣有免費方案，亦是透過科技濃湯申請此項服務。我自己使用hotmail帳號也超過20年，卻還是喜愛後來居上者gmail的介面與功能，不過近來為了打散自己數位足跡的可被追踪性，以及對少數寡頭獨佔商的依賴，會比較「策略性」地使用不同的電子郵件。如果自家單位還是比較依賴微軟，我倒建議可採反向策略試試google suite, 反之如果個人私下用了太多google的各類服務，不妨在工作環境上考慮MS Office 365。

3. zoho mail

其免費版提供給25人以下的組織，每個帳號有5G 空間的使用量，其線上生產軟體協作平台的功能也和google drive有點像，兩者之間可以互相同步。

zoho mail 設定詳情可參考「免費網路社群資源」所寫的教學介紹:「Zoho Mail 取代 Google Apps 可自訂網址的免費 Email 信箱」，我就不再贅言重覆。我自己體驗其操作環境介面感覺還不錯，其套件組除了網頁版電子郵件外，還包括了一堆線上工具可用(如下圖所示的CRM客戶管理、campaigns 電子報發送、問卷調查製作、財管簿記工具等等，似乎比google suite還豐富啊)


4. Yandex.Mail

Yandex是一家俄羅斯業者所提供的免費郵件等服務。呃，俄羅斯政府去年通過了嚴峻的「反恐安全法」得令網路業者至少須保留用戶資料與數位足跡一年的記錄，這也是某些威權國家推動「網路主權」與「個資在地化」政策的一環。不知道這樣大家對於使用俄羅斯網路業者提供的免費電郵服務心情感想如何呢？你敢用嗎？風險何在?

先不必急著就否定使用俄羅斯或中國業者的電子郵件服務，即使是成立之初矢言不作惡的google ，這十多年來偷偷摸摸地作了一點「實驗」劇烈深遠地改變了今日網路世界的生態樣貌。許多隱私權倡議者往往建議：從事數位高危險工作人士最好能挑選伺服器不要放在美國或其五眼盟友國家的電郵供應商。透過不同業者挑選的評估，反而是讓自己認清電子郵件本身到今天仍然存在的拘限與優點，讓NGO來思考自家組織的數位威脅模型。

免費網路社群資源已寫了詳細的Yandex.Mail郵件信箱設定介紹：「Yandex.Mail 可自訂網址的免費 Email 申請教學」。我自己一度註冊體驗Yandex的服務，其介面環境就是中規中矩的風格，也沒整合什麼提高生產力工具的服務。如果你的組織不需要什麼多功能的辦公室軟體，或許挑選Yandex Mail已足夠。

5. Pawnmail ：

這項免費郵件伺服器服務並不是企業廠商，而是由一名開發者志願提供，他表示自己絕不會閱讀其它人利用此服務的信件與內容，但他也提醒：存放在任何郵件伺服器（包括我本文前面提及的gmail , yahoo, google apps, MS Office 365, zoho等等）上的信件若未經過加密處理，都有著被主機商讀取(以實現其宣稱改善服務品質)與任何第三者駭侵盜取的風險。

pawnmail的功能比較陽春，除了簡單的webmail登入服務外，其最主要的目的仍是為沒有虛擬主機郵件伺服器，僅有網域名的單位或個人，利用其服務來建置專屬網域的電子郵件，而在伺服器上為每個免費帳號保留2G的空間。換句話說，使用pawnmail最好是搭配電腦端的email client來收寄信件，而不是執著於把信件一直保留在伺服器上（其實對其它任何一家的電郵服務商使用習慣也一樣。）

6. 有些網域服務商當你購買註冊網域名後，有提供免費的電子信箱或信箱轉寄服務，如Gandi.net有提供5個電郵免費信箱以及1000 個轉寄信箱，而godaddy也有提供1000 個轉寄信箱的服務。所謂的轉寄信箱，指的是用戶可以在網域商的服務介面下，新建以 ＠申請網域名（以user001@twngo.org.tw為例） 的電子郵件帳號，再設定凡是寄到user001@twngo.org.tw的郵件，可以自動代轉致user001 的個人常用的電郵信箱（如user001@gmail.com）。不過這樣的作法只能收信，無法利用工作郵件寄出電郵，還是會搞得有點公私不分，而即便只能收信，有些郵件伺服器常會發生判斷為spam 而無法傳送或接收的狀況，故並不推薦NGO採這種轉信式的方法。

如果工作內容性質具高度敏感性（例如通訊對像是處在極權高壓國家的社運人士，或是可能會收到政府或企業吹哨者揭不法內幕的重要機密爆料訊息），則最好進一步安裝PGP/GPG來打造一組工作電郵信箱的公私密鑰，作為機密加密通訊的安全管道。

或者也可以另挑選以強調加密功能與保護用戶隱私為優先的電郵服務商，如protonmail, tutanota mail, riseup等。前二家加密電子郵件服務另提供客制專屬網域名綁定的付費服務，一個帳號年費約是50歐元～12歐元不等。

最後，再稍微囉索一點廢話。2004年愚人節，google推出1G容量的免費電郵服務後，其它各家對手互相加碼，相愛相殺地提供各種大容量的網頁式電子郵件webmail，這不只省了過去因信箱容量有限得定期刪除伺服器上存放郵件的煩惱(以及須重灌作業系統時令人心痛的資料備份問題)，還可以讓使用者「隨時隨地」只要有網路、有瀏覧器，記得密碼，就可上網收信查信寄信。然而我們長期保留在伺服器上的郵件，卻是讓這些業者透過機器電腦大量掃讀以判別如何對你投放準確的廣告，而他們認為這並不是侵害你的祕密通訊自由，而是為了改善其服務品質 。從一個現世無常，轉換另一個「不必刪除」「永遠存檔保留」的數位世界，以逆反人類長久本能記憶有限與對抗遺忘的常態，我們有信心能坦然應付面對了嗎？

NGO’s Domain Name 網域註冊

這裏將介紹網路上各種網路資源工具，盡量以免費、開源透明為主，不過第一篇要談的網域名挑選購買，顯然是一筆不得不支付的費用，幸好它的費用支出可説是非常便宜－－對NGO或是個人而言，一年基本費用大約是10美元~30美元之間。

所謂的網域名購買，指的是網址最前頭的位址，例如本站 https://twngo.xyz ,台灣政府行政院的網址 https://ey.gov.tw等等。但代表政府機關或教育單位的網域名無法從市場購買，早年典型可以從DNS網域主機商購買的域名就是： com, org, net, info, 綴加國碼代表來自台灣的公司、NGO,如com.tw, org.tw, net.tw, div.tw 等等，而近年來釋出的全球頂級域名（global Top Level Domain, gTLD）更是多樣達到，如io, xyz, club, space, website, me, blog, ngo, online, app, design…….。

Domain Name Hosting: Feel free to use this image by giving credit to © SEO Link Building from flickr

擁有一個專屬的網域名，不只是為了架構一個網頁網站，更重要的是其可作為某個識别標誌，並且用來整合各種方便的網路服務，例如與眾不同的電子郵件地址、各種網路工具與子網域名的串連等等。

之前為了建立推特帳號（@ngonewstw)，初步整理了台灣90多個倡議型NGO組織的資料顯示，其中還是有近5~10%的組織沒有專屬網域名而是寄住在某些主流服務部落格平台或google site，但這近一百個NGOs並不包括更多沒算進來的組織因為它們根本沒自家網站或部落格（==完全沒有網域名），只靠臉書粉絲頁撐著讓外界認識。

而對非營利、非政府組織而言，先申請擁有組織專屬的網域名，是準備對外開放接觸，讓別人認識的第一步，就好像1990年代中期以前，成立一家公司要申請電話線與市話號碼印名片，好讓客戶可以打電話來詢問商品或服務。在21世紀，專屬網域名就是一種品牌，一種識別。我個人覺得NGO沒自家網站，只靠臉書粉絲頁(或更早之前的部落格平台服務)，就好像短期內房東說可以把辦公室（先免費）租給你,但在租賃契約上寫說：空間免費讓你用，電話線路讓你用（我們會收集你的電話通訊內容與許多你自己也不記得的活動記錄），但是你沒有自己的品牌只是替我們作代工生產內容與創造流量，再對你的營業收入抽取佣金（付廣告買粉絲或活動能見度），也可能隨時莫明翻臉把你趕出門（一切房東說了算～～），或是不知什麼時候房東破產跑路而你的數位資料從此煙消雲散（不要以為臉書大到不會倒，看看之前的無名小站或是yahoo奇摩部落格服務吧）

所以還是不要太過迷信一時的社交媒體風潮，請NGO認真考慮自己的品牌與實體社群經營，而沒有自家網域名或網站者，申請專屬網域名就是跨出這重要的第一步。（免費資源網路社群Pseri： 你應該先註冊一個自己的網址！）

我個人曾第一手使用過的網域服務商不多,大抵就是以下幾家。如果要申請的國碼網域名（ccTLD, country code Top Level Domains）是tw,則名單上的後四家有提供台灣國碼的頂級網域名註冊，以及相關的中文服務支援，而第一家則以英文介面及全球通用的頂級網域名為主販售代註冊標的。

  1. google domain: 免費資源網路社群Pseric寫的教學文
  2. gandi.net : 免費資源網路社群Pseric的介紹教學文
  3. godaddy.com
  4. NET-CHINESE.com
  5. twnic.net

我個人比較推薦的是第2家gandi.net，一來是它提供了最多的gTLD選項，沒有太多廣告的騷擾，二來是還有免費的隱私防護資訊,這點大部份台灣的網域商根本沒提供此選項考慮，而國外商則會多要求支付一年多出約10美元的費用。（不過也許對於追求被社會支持肯認的「組織」型單位來講，這些聯絡資料的公開比較沒問題，甚致可以視為一種「雙重查認」的公信表現。）


另外，許多網站空間虛擬主機商為促銷，會提供第一年免費gTLD網域名的優惠。我個人是不推薦NGO透過網路主機商來註冊自己的網域名，一則是長遠來看，其費用並沒有比較便宜;再者，到頭來發現，其實小組織要架設專屬網站網頁也用不著每個月另再花費5~10美元來租用分享主機空間。

還沒有組織專屬網域名的NGO（這裏指的不一定是要依「人團法」向政府申請核可成立的人民團體），請快點去申請一個代表單位的網域名吧。

如何架設免費homepage

學習html,架設個人、公司或NGO的網頁應該是許多經歷過1990年代中末期互聯網第一波熱潮又不是程式訓練出身者的「惡夢」。(最近看到有人提起 GeoCities,想起自己第一個網頁就是靠它作出來的啊)

稍後隨著部落格blog（以及更複雜的CMS）軟體與寄宿代管服務的出現，資源有限的NGO方能稍攞脫html, css 等術語。

然而近三四年來，隨著臉書的興起與獨大，不僅許多個人部格客放棄了對自己網誌的記錄書寫，也有不少NGO只有靠著臉書粉絲頁的經營，不只荒廢了自家網站，還可能把有限的資源投助給一家已經攥不少錢的一家科技企業，卑微地冀望提高活動議題的能見度。

本文以twngo.xyz 首頁之作法為範例介紹，如何利用網路開放資源來建立NGO免費首頁。

這個首頁烘培機中，我分別利用:

  1. codepen.io:它是一個提供給網頁前端開發者用在瀏覧器環境下的開發工具，其上有許多網站設計的開源專案，用戶可以fork下來再作修改（轉用時最好能保留或提及原作者的貢獻）
  2. gitlab.com／github.com 為配合接下來網頁的存放網站，得使用代碼拖管服務，github雖是比gitlab熱許多，不過基於鼓勵開源精神與風險分散，不妨多利用gitlab 。
  3. netlify.com：gitlab/github雖也有提供「html類型專案」的免費網頁存放空間(以及自定網域轉址)，不過我會再挑選把html代碼佈署在netlify.com的原因是，還代免費安裝let’s encrypt SSL