不作 PPT 工程師，文檔一鍵 PPT 展現

Why？

對於程序員而言，除了編碼，咱們還有形形色色的軟素質須要提高，其中分享能力是其中尤其重要的一點，一個好的分享須要分享者的努力。git

包括：分享者調動氣氛的能力，內容的質量、甚至還包括分享的形式和工具。一個好的分享形式和工具能爲本身的分享增色很多。程序員

How?

分享者調動氣氛的能力，內容的質量須要分享者自己多學習，多總結；而外界的分享形式是能夠短期內獲得提高的。github

想象一個場景：小牛同窗在項目中作了一些很好的優秀實踐，而且沉澱出很好的文檔內容，但僅僅只是這樣？擴散面和影響力仍是不夠的。web

小牛開始在小組中或大團隊中進行分享，可是若是爲了分享，而去單獨寫 PPT，那就本末倒置了。由於 PPT 的內容基本都已經在文檔中。chrome

因此，一鍵轉換文檔爲 PPT 的腳本應運而生markdown

What？

腳本依賴 Chrome 暴力猴插件（一個能夠自定義注入腳本的插件，如百度雲盤破解下載等腳本）腳本地址：知乎 PPTide

很簡單的安裝以後，進入知乎專欄文檔頁面，右上角就會出現 PPT 按鈕！工具

同窗們能夠根據本身的愛好書寫的文檔平臺，注入本身的腳本
能夠參考知乎 PPT 腳本和 GitHub 說明配置oop

在線Demo學習

GitHub: github.com/imcuttle/sl…

快捷鍵列表：

ESC / O : 打開總體預覽模式
Cmd + ESC / Ctrl + ESC: 退出 PPT 模式
方向鍵：PPT 翻頁

原理

解析 DOM 樹，生成樹結構以下：

<h1>標題</h1>
<p>內容</p>
<h2>標題2</h2>
<p>內容2</p>
複製代碼

會解析成

{
  type: 'lvl',
  level: 1,
  value: '標題',
  children: [
    {
      type: 'text',
      value: '內容'
    },
    {
      type: 'lvl',
      level: 2,
      value: '標題2',
      children: [
        {
          type: 'text',
          value: '內容2'
        }
      ]
    }
  ]
}
複製代碼