DIVI模組推薦 !-Code Snippet Module

允許使用者嵌入各種類型的程式語言,有別於一般的CODE MODULE,這個CODE SNIPPET MODULE能夠自動偵測輸入的程式語言,且能夠支援超過150種的語言及超過70種的風格可做選擇,以下說明用Python以及XT256的風格進行基本操作示範

divi

寫完code之後會長的如下方圖片,除了有行號以外,連Copy-to-Clickboard的按鈕都有

可點此前往觀看code snippet module實際上在頁面上的排板

messageImage 1627185682306

安裝完code snippet module後即可使用,從content ==> code中填入想要放上的程式語言

messageImage 1627186075523

一樣在content底下也可以選擇是否要啟用Copy-to-Clipboard的樣式

messageImage 1627186098167

1. 切到Design底下,”Language”可以選擇要放上哪個程式語言,有超過150種語言可做選擇,本教學是使用python。

2.”style”是指要使用哪一種顯示的風格,本教學使用XT256的風格,另外也有超過70種的風格,有深色有淺色皆可依照個人喜好做搭配。

3.也可以選擇是否要Show line number,是否要秀出程式碼行號

messageImage 1627186177960

以上教學僅示範最基本的code snippet module功能,如想要得知關於這個module更多的進階用法或說明,可到DIVI 的官方網站查看,官方網站連結請點此。

另外,這個code snippet module非免費的模組,官方定價為$9美金,60天內可免費退還,可用於無限個網站,有興趣的也可以從官方網站的連結去購買

divider2 5 scaled