技巧:程序員的PPT寫法真獨特
| 好看,喜歡,養成習慣
現在我們將demo代碼和技術文章整理在一起供實用選擇,方便大家閱讀和查看。 這篇文章也包含在這里。 我覺得很好。 還請加星標
聽說程序員看不起寫PPT?
程序員都是務實的,他們通常對寫PPT嗤之以鼻。 腦袋可以壞掉,幾千行代碼也不能亂; 血液是可以流動的,寫PPT真是讓人揪心。寫PPT真是程序員工作的三座大山之一
有的人提出了三點,但通過PPT能說出七點,有的人提出了七點,但三點都說不出來。 程序員的內心活動,正如去年流行的新東方年會改編的《沙漠駱駝》的歌詞一樣:
為了不經歷類似年終考核的悲劇。所以,作為一個誠實的人,如果打七分,底線至少要七分,沒有商量的余地
但是當程序員面對PPT或者總是無從下手時,我們該怎么辦呢?
那我們就用程序員熟悉的方式來寫PPT吧。
在這里我想給你注射疫苗。 這樣寫PPT的門檻很低,只需要了解基本語法即可。
-MD
-md 可以將文件渲染成非常漂亮的演示文稿
地址:
安裝
安裝很簡單,安裝后一條npm命令(全局安裝)就夠了:
npm?install?-g?reveal-md
安裝后,您需要做的就是寫入文件
寫文件
在一個文件中,使用\n---\n作為標識符來分隔多個PPT頁面。 如果用的話,其實可以輸入---,然后回車就可以了,然后按照語法填寫內容就OK了。 向上
#?標題
*?程序員如何看待寫 PPT?
*?如何以技術人員的方式寫 PPT?
---
##?程序員如何看待寫 PPT?
>?世界最牛逼的語言是?「PPT」
這樣就寫完了2頁PPT,不需要調整格式,不需要添加轉場效果,只需運行-md服務來渲染你的文件。
渲染文件
因為我們全局安裝了-md,所以你只需要按照下面的命令通過路徑找到你的MD文件
reveal-md?path/to/yourSlide.md
也可以cd到文件目錄直接運行:
reveal-md?yourSlide.md
運行上述命令后,您的默認瀏覽器將自動打開。 默認是高大上的黑色主題。 如果你打開瀏覽器全屏,就是這個效果(聽說你的demo要開始了?)
點擊右下角的下一頁圖標,會有默認的滾動過渡效果,進入下一頁(5毛錢的效果請看原文闡述在powerpoint中創建演示文稿的方法(至少說出三種,公眾號對動畫的支持太有限了) )
你喜歡這種簡單又簡單的方式嗎?
我們都知道PPT或者代碼顯示不是很友好,-md不一樣(畢竟)
我們再新建一個頁面,按照語法添加代碼,然后再次運行上面的命令。 可以看到顯示的代碼有滾動條和代碼高亮,一切都可用
上面我們都使用-md的默認值,當然也支持一些個性化的設置
個性化主題
上面使用的是默認主題black(黑色主題),我們可以通過--theme更改主題
reveal-md?myTest.md?--theme?solarized
這是效果
在哪里可以找到這些主題?訪問查看 -md 默認支持的所有主題,運行命令時只需要指定主題名稱即可
如果想玩轉更高級的自定義樣式,只需要指定自定義主題文件即可
reveal-md?slides.md?--theme?theme/my-custom.css
如果您不知道如何編寫自定義主題CSS文件,那么請參考更改一些參數值????來自定義它
代碼高亮主題
它對代碼本身有很好的支持。 上面使用的代碼默認的高亮主題是,當然,你也可以使用 ---theme 來選擇其他高亮主題,像這樣:
reveal-md?slides.md?--highlight-theme?atom-one-dark
-md還支持很多高亮主題,只要指定名稱就可以查看。這里改成atom-one-dark高亮主題后,就是這個效果
添加背景圖片
大家在演示上面的轉場效果時可能注意到了,我在某個頁面添加了背景圖片,添加背景圖片也很簡單(四種色調),只需添加這段代碼來指定每頁開頭的圖片即可PPT
我擔心你在文件中寫上面的代碼時有點困惑闡述在powerpoint中創建演示文稿的方法(至少說出三種,這里有一個截圖來說明
重新運行,就是剛才看到的效果
可以添加圖片,當然也可以添加視頻
添加背景視頻
與添加背景圖片類似,在每個頁面的開頭添加以下代碼:
背景視頻是2020年的Mac屏保,還是很酷很low的。 有興趣的話可以訪問:只需獲取相應的視頻和安裝文件