電子書與網路小說檢視器
如果能把自己寫的文章,像在真正的電子書或網路小說 App 裡那樣預覽,會怎麼樣呢?只要一行前置資料,平凡的筆記就會變身成會翻頁的電子書,或是手機螢幕裡的網路小說!📖📱
← 回首頁:ObsiKO 101 · 相關文章:18 製作簡報 · 18-2 角色圖鑑與角色參照 · 18-3 訊息與視覺小說檢視
1 分鐘摘要 ⏱️
- 在前置資料加上
view: book→ 會翻頁的電子書檢視器 📖 - 加上
view: webnovel→ 手機裡的網路小說檢視器 📱 - 兩種檢視器都能用右下角的圓形設定按鈕(浮動),自由調整字型、大小、邊界、主題!(和 23 設定與主題 裡的格式工具一樣,是玻璃質感的設計。)
- 這道魔法咒語的加法,和 18 製作簡報 的
marp: true完全一樣。
1. 施加檢視器咒語 🪄
在文件最上方的前置資料(身分證)區加上 view 屬性就行了。
如果還沒有前置資料框,就從按右鍵(iOS 是長按)的選單點「插入前置資料(屬性)」。按框下方的「+ 新增屬性」按鈕,只要打 v 就會出現 view,選它之後把值設成 book(電子書)或 webnovel(網路小說),就完成了!
---
view: book
---
加上這道咒語後,打開上方的檢視選單 (👁),平常沒有的項目就會「登登~」地冒出來。
- view: book → 「書本檢視」(攤開的書本圖示 📖)
- view: webnovel → 「網路小說檢視」(智慧型手機圖示 📱)
💡 網路小說除了
webnovel,寫成web-novel、novel也看得懂。大小寫也不分(Book也 OK)。
2. 電子書檢視器 📖 — 就像真正的電子書
按下按鈕,畫面會變成全螢幕,文件會依畫面大小自動分頁,看起來就像一本書。
- 單頁/雙頁檢視:桌面版和 iPad 預設是雙頁檢視(像攤開的書一樣,中間緊緊貼在一起),也可以切換成單頁。iPad 以外的手機、平板 App(iPhone、Android)因為畫面寬度的關係,一律以單頁顯示。
- 選字型:可以從 Maru Buri、RIDIBatang、KoPubWorld Batang/Dotum、Seoul Namsan、思源黑體、思源宋體、系統字型中挑選。預設字型會依下面的版面而不同。
- 文字大小、邊界:文字大小用步進器(− 數字 +)調整,邊界分窄/一般/寬 3 段。
- 主題:日間(明亮)、褐色調(護眼的米色)、夜間(深色)。
- 頁碼、進度:每一頁下方都有頁碼,上方的進度條讓你一眼看出現在讀到哪裡。
- 書名頁(第一頁):打開書會先看到寫著標題的第一頁。在雙頁檢視中,它會像紙本書的第一頁一樣只放在右邊,左邊留白。頁碼不算書名頁,從內文的第 1 頁開始算。
- 螢光筆:閱讀時選取文字,就會出現色盤。選的顏色會直接存進原始筆記(
==文字==),回到編輯器時也還塗在原處。點一下塗過的地方,就能換顏色或清除(文字不會被刪掉)。如果同一句話出現好幾次、無法確定是哪一處,就會什麼都不寫並告訴你 — 這時請選得稍微大一點。
選擇版面 📐
在設定按鈕(⚙)的版面那一列,可以從 5 種書本樣式(版面)中挑選。
| 版面 | 感覺 | 預設字型 |
|---|---|---|
| 單行本 | 一開始就有的預設樣式。段落之間稍微留空的清爽版面 | Maru Buri |
| 古典 | 首行縮排、把每章第一個字放大的首字放大、把章標題往下移到中間並加上裝飾線的章節開頭 — 老式紙本書的感覺 | KoPubWorld Batang |
| 雜誌 | 把較小的黑體字分成好幾欄,像雜誌一樣(畫面越寬,欄數越多) | KoPubWorld Dotum |
| 文庫本 | 縮小邊界和行距,一頁能裝下更多內容的文庫本 | RIDIBatang |
| 大字 | 把字和行距都放大,看起來不吃力的版面 | 思源黑體 |
💡 每個版面會分別記住字型、文字大小、邊界。在古典換了字型,跑去雜誌再回來也還是一樣。想回到原本的樣子,就按「重設這個版面」(有改過東西時才會出現)。主題和單頁/雙頁檢視則是所有版面共用。
翻頁
- → / Space / PageDown:下一頁,← / PageUp:上一頁
- 點畫面的左右兩端,或在觸控裝置上左右滑動
- Home / End:咻~一下跳到最前面/最後面
- + / −:放大/縮小文字
3. 網路小說檢視器 📱 — 就是手機裡的那種感覺
這次會像真正的網路小說 App 一樣,文章裝在手機外框裡顯示。外框上下甚至還留了相機和 Home 鍵的位置,超有臨場感!
排版預設組
我們準備了 5 種完全照實際平台排版比例的預設組。每個預設組的預設字型、文字大小、行距、背景都不一樣。
| 預設組 | 感覺 |
|---|---|
| RIDIBOOKS | 最細長的直式版面,明體 (RIDIBatang) 的氛圍 |
| Naver Series | Naver Series 風格,端正的明體 |
| Munpia | 稍寬一點的版面,系統黑體 |
| KakaoPage | KakaoPage 風格,偏寬的版面 |
| 手機 | 現今全螢幕手機比例 (9:19.5) 的通用檢視 |
右下角的預設組下拉選單一直都在,隨時都能咻咻地切換。更驚喜的是,每個預設組會分別記住你改過的設定(主題、字型等),就算在 RIDIBOOKS 換成深色背景來看、跑去 KakaoPage 再回來,設定也都還在!
捲動檢視 ↕ vs 翻頁檢視 📄
- 捲動檢視:上下一路往下讀的熟悉方式。打開自動捲動按鈕(3 段速度),不用動手也能順順地讀下去!
- 翻頁檢視:一個畫面就是一頁,左右翻著讀。畫面夠寬時,還能並排攤開好幾頁。
- 自動按鈕在翻頁檢視也能用 — 這時會每隔一段固定時間自動翻頁。自動播放時,(在支援的裝置上)會讓螢幕保持不關閉。📱✨
咻一下到下一章 — 連載接著讀 📚
- 同一個資料夾裡有好幾份
view: webnovel文件(像連載原稿)時,在最後一頁可以用「下一章 ▸」/「◂ 上一章」按鈕切換檔案,一路讀下去。會依檔名順序切換。
其他設定
- 字型、文字大小、行距、邊界
- 對齊:靠左對齊/左右對齊
- 背景:白色、奶油色、褐色調、綠色、深色
- 💡 就算調整 ObsiKO 視窗的大小,內容也不會重新排版,而是以同樣的比例放大縮小 — 閱讀的節奏不會被打斷。
4. 兩種檢視器共通的小祕訣 🍯
- 從上次讀到的地方繼續 🔖:關掉檢視器再打開,會從剛才讀到的位置接著讀(每份文件分別記住)。已經讀到最後的文件,下次會從頭開始。讀到的位置和書籤會存在筆記庫裡的
.obsiko/reader-pos.json檔案,所以在打開同一個筆記庫的其他裝置上也能接著讀。就算稍微改了原稿,也會找到你剛才讀的那一句。 - 目錄按鈕 📑 — 連搜尋、書籤、章節都有:按上方的目錄按鈕,會跳出一個小視窗。
- 搜尋內文:在最上面的欄位輸入字詞,找到的行就會列出來,點一下就咻地跳過去!在檢視器裡按 ⌘F(Windows、Android 是 Ctrl+F)也會直接打開這個欄位。
- 書籤:按「+ 在這裡加書籤」,就會把目前看的地方加進書籤。在清單裡點一下就回到那裡,按 ✕ 刪除。
- 章節(網路小說):同一個資料夾裡有好幾份網路小說文件時,會出現章節清單,可以直接跳到想看的那一章。
- 目錄:文件裡有標題(
#、##…)時,章節目錄也會一起出現。 - 「原稿已變更 · 重新載入」小標籤:檢視器開著時原稿有變動(例如 AI 改了內容,或從其他裝置同步過來),畫面上就會出現這個小標籤。文章不會自己重新排版,所以閱讀不會被打斷;點一下小標籤,就會從剛才看的位置用新原稿重新顯示。
- 用上方進度條移動:點一下或拖曳上方的進度條,就會咻~跳到那個位置(在捲動檢視中則是移到對應的捲動位置)。
- 右上角資訊:告訴你目前文件總共幾頁、幾個字、預估閱讀時間(約 n 分鐘)(網路小說的捲動檢視則顯示字數)。
- 右下角的浮動設定按鈕(圓形 ⚙):按一下,設定會往上滑開。再按一次或點一下外面就會關閉。翻頁時不需要每次打開,平常關著就好。
- 關掉背景音樂 ♪:原稿裡有背景音樂時,上方會出現 ♪ 按鈕。想安靜閱讀時,點一下就能靜音。
- 按鈕會悄悄隱藏:一段時間沒有操作,按鈕和進度條就會淡淡地隱去,讓你專心在文字上。移動滑鼠或點一下畫面,它們就會再出現。
- 內文裡的連結也能點:文章裡的
[[維基連結]]或網頁連結都可以直接點過去(就算在翻頁區域上,也以連結優先)。 - 結束:按畫面右上角的 ✕ 按鈕,或按一下 Esc 鍵,就會回到編輯畫面。
5. 可以放哪些東西? 🎁
平常用的 Markdown 幾乎全部都能漂亮地原樣呈現 — 標題、清單、引用、表格、螢光筆、圖片、程式碼區塊、圖表與圖解,連 KaTeX 數學式都可以!文章的氣氛會跟著檢視器裡選的主題(背景、文字顏色)走。
角色參照與背景音樂也活起來了 🎭🎵
如果原稿裡用了 18-2 角色圖鑑與角色參照 的 <<名稱:圖片>> 語法 —
- 人物參照會以不顯示名字的圓形臉部圖示+“加上雙引號的對白”呈現,背景參照則以寫著「名稱 · 圖片名」的分隔線(場景轉換)呈現。
- 只單獨附上音樂的那一行(![[歌曲.mp3]]、[[歌曲.mp3]]、單純的路徑)會在那一段出現在畫面上時,當成背景音樂循環播放。讀到下一首歌的段落時,前一首會淡出,以交叉淡化順順地接上。句子裡的音效連結和 %%註解%% 會悄悄隱藏起來。
🧰 寫這類原稿時,試試編輯器左側出現的故事工具列吧。可以用按鈕挑選並放入角色、場景背景、背景音樂、場景 → 認識故事工具列
如果你在寫小說、散文或長篇文章,網路小說檢視器最適合用來檢查「原來讀者看到的是這個樣子啊」。若是要集結成書的原稿,就用電子書檢視器先感受一下攤開書本的感覺吧!✨
← 上一章:18 製作簡報 · 回到首頁 · 下一章:18-2 角色圖鑑與角色參照 →