跳到主要內容

使用 Gitbook 寫一本書

使用 Gitbook 寫一本書

很多人會期待自己都可以擁有自己一本書籍,或者是期待自己可以推出自己的小說,透過 gitbook 這個工具其實非常容易完成。

在約莫一個多月前, Node.js 中文書籍進行改寫計畫,當時似乎沒有找到 gitbook 這類的工具,那時候社群就打算自己打造類似 gitbook 這樣的工具,讓大家可以透過 cli 直接可以產生 html, pdf, epub 等不同格式,讓大家都可以直接線上閱讀。

我們就來看一下 gitbook 到底要怎麼使用。

gitbook

gitbook 是一個 open source 的專案,主要是針對電子書寫手可以直接入門,讓大家可以透過開發者所習慣的 markdown 格式,以及 cli 的方法直接產出靜態網站,以及資料。

安裝方法

安裝方式只要透過 npm 就可以立刻安裝完成,

npm install -g gitbook

使用方法

快速上手的方法,其實十分簡單,我們只需要在專案資料夾底下設定檔案 SUMMARY.md ,建立書籍大綱, SUMMARY.md 的範例檔案可以參考。範例

# Node.js 網站開發快速上手指南

一本屬於繁體中文,從華人自身發起給予『Node.js 新手的學習手冊』,藉由實際動手開發的過程中,讓大家了解到 Node.js 開發有趣之處。

* [Node.js 介紹](source/intro/nodejs.md)
* [Node.js 安裝](source/install/installNode.md)
  * [Node.js 安裝](source/install/installNode.md)
  * [Node.js 線上測試環境](source/install/onlineEnv.md)

gitbook 指令

gitbook 提供幾種不同的指令給予大家參考,

當一開始 SUMMARY.md 檔案建立好之後,可以透過 init 的步驟,gitbook 會自動幫忙建立對應的資料夾,以及檔案名稱。

gitbook init

建立 static server ,會自動幫你開啟一個 4000 port 的靜態伺服器,當然你可以透過設定檔去修改 port 的位置。

gitbook serve

產生 pdf, epub 等格式

gitbook [pdf|ebook]

後記

這類工具目前看起來主要大宗還是以程式開發背景的人員為主,大家現在都漸漸可以習慣 wiki, md 這類的標記文章,讓格式統一,也讓整體瀏覽方式比較一致。

對於寫書來說透過 gitbook 可以更快進行發佈,畢竟類似像 Node.js 這類程式發展速度還是太快,可能真的書商發佈推出書籍的時候 Node.js 的相依模組,或者是套件可能都已經不敷使用,或者跟不上更新的速度,造成開發者的困擾。

透過線上更新,可以讓更多人看到最新的消息,也讓大家知道第一手資訊,同時也可以透過 open 的力量,將知識傳遍所有地方。

留言

這個網誌中的熱門文章

[CSS] z-index 在不同瀏覽器繼承問題

今天會討論到這個課題,是因為要實做一個Popup dialog,所以我們希望的結果如下圖。 可是在IE7 卻發生了這樣的情況。 Popup不論怎麼設定z-index都無法浮在最上層,我們看一下html架構發生什麼事情。

[教學] 快快樂樂刪除CodeIgniter index.php

預設的CI網址預設都設定為index.php同一層級,因此所有的程式都必須指定index.php導向才能開始,例如 http://localhost/ci/index.php/welcome/test http://localhost/ci/welcome/test 本文將說明如何將惱人的index.php消除,還你一個漂亮的URL。 設定開始: 接下來說明如何使用rewrite方式將惱人的index.php去除。 rewrite不清楚的人,煩請先自行google 首先要先確定Apache的 mod_rewrite 有 開啟 ,如果沒有開啟請設定好之後重新啟動apache。 接著,在根目錄底下建立一個新檔案,檔名為 .htaccess ,裡面程式碼如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] </IfModule> 接著到 application/config/config.php ,開啟檔案修改 $config['index_page'] = ""; 注意: /index.php/$1 要根據你目錄,例如 http://localhost/index.php ,網站根目錄為 /ci/index.php 則要寫成 /ci/index.php/$1 接著至CI目錄下,尋找 config\config.php , 修改一下裡面的檔案,修改如下: $config['index_page'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明

[教學] Mojito 安裝與入門,install mojito for beginner.

mojito ,最近終於從 YDN 對外公開此專案,這個套件主要用於解決前端多重裝置及瀏覽器端的問題,後端服務採取 node.js ,因此使用上必定要先準備以下幾個元素 準備素材 c++ complier git Node.js > 0.4.x NPM > 1.0.x 安裝方式 git clone git://github.com/yahoo/mojito.git cd mojito/source sudo npm install -g . npm install . 以上四個簡單的步驟,就可以把 mojito module 完整安裝到服務器上,接著就可以開始進入 mojito 的世界 使用方式 mojito 提供了完整的 command line 給開發者使用,接著先建立一個基本 hello world 專案,跟著以下步驟完成第一個專案。首先建立一個 mojito application, mojito create app hello cd hello 切換到目錄之後,再接著建立自己的 mojit,這邊的 mojit 就像是一個應用(application)可能會包含許多個獨立網站體,擁有獨立架構的 MVC ,包含內部設定等,詳細資料可以參考官方的 說明 ,建立 mojit mojito create mojit HelloMojit 輸入指令後,會看到顯示結果如下, creating mojit called 'HelloMojit' (using "default" archetype) ✔ mojit: HelloMojit created! ✔ mojito done. 接著修改 application.json 這個 mojit 設定檔案,讓剛才新建立的 hellp application 指定底下有一個 mojit -> HelloMojit ,讓應用可以去執行 mojit controller ,修改如下, [ { "settings": [ "master" ], "appPort": 8666, "specs": { ...