owned this note   changed 6 days ago  
Linked with GitHub

點我

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
回到 HackMD 教學首頁

點我

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
給予建議 或回報BUG

如何使用書本模式

您可以很快速地把筆記聚集成一本書，就像這本 HackMD 使用教學 一樣。

將筆記整理為書本模式 ，有助於您分享及管理知識。
在書本模式 之下的筆記可以被分類為不同區塊，就像書本中的章節一樣，讓讀者能快速瀏覽有哪些主題。

 

步驟：

1. 建立一篇新筆記，在您完成所有步驟後，這篇筆記將會變成書本 (也就是書本結構)。

2. 為您的書本 輸入標題

  • 在筆記最上方輸入標題。
  • 在標題下方 輸入三個等於符號 === ，或使用第一級標題# 會有同樣效果。

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

3. 建立章節標題（非必要）

  • 在書本 標題之下輸入章節標題。
  • 在章節標題下方輸入三個橫槓 --- ，或使用第二級標題 ## 會有同樣效果。

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

4. 在書本 中加入內容（建立連結）

  • 輸入一個橫槓 - 後面接一個空格 ，就可以建立一個無排序清單項目。
  • 在空格的右方接續輸入您的連結，您可以透過 快速插入連結(英文教學) 功能來完成。

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

5. 重複步驟 3 和步驟 4 直到您開心為止

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

6. 以書本模式 公開筆記！

點選右上角的 分享 按鈕
選擇瀏覽模式為 書本模式。可以按下旁邊的預覽按鈕來預覽分享出去的網頁。

image

7. 分享筆記！

  • 現在您的筆記已設定為書本模式，可以開始分享了。記得要設定正確的權限其他人才能瀏覽喔！
  • 一開始建立的筆記會成為書本的入口頁，這會在筆記連結後方附加一些代碼。

注意

所有的連結都必須加 - 和空格 在前方，書本模式 的內容看起來會是一列一列的無序清單。

預覽書本模式

 

使用小撇步

1. 透過新分頁開啟連結

您可以在連結的最後加上 [target=_blank] 來讓連結在新分頁打開，例如

- [Release Notes](/s/release-notes) [target=_blank]

假如您的連結是 http 而非 https (非 SSL)，點選時 HackMD 也會將此連結在新分頁開啟

2. 透過嵌入功能讓讀者快速回到書本首頁

你可以結合「嵌入筆記功能」讓讀者快速回到帶有書本目錄的頁面。

將書本模式的某一篇筆記連結貼在被嵌入的筆記中。

現在，把下面的文字做成可以嵌入的筆記吧。

回到教學手冊的首頁：https://hackmd.io/c/tutorials-tw/%2Fs%2Ftutorials-tw

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
點我一下吧！

如此一來，你可以省下重複貼上內文的工，也同時讓讀者瞭解哪裡能回到書本模式中～

Select a repo