類似dreamweaver在VSCode實現網頁製作的靜態CMS：Front Matter
Front Matter 是在 Visual Studio Code 中執行的 CMS。它為您提供了成熟 CMS 的功能和控制，同時還為您提供了您選擇的靜態站點生成器的靈活性和速度。直接使用 Front Matter 編輯和建立內容，並能夠直接在 VS Code 中預覽。
如同dreamweaver中模板功能一樣，Front Matter可以使用Markdown作為模板：
- 初始化專案：
在這一步中，將在當前專案中建立一個.frontmatter/templates資料夾和檔案模板。article.md
.frontmatter/templates資料夾，是一個可以用來放置各種 Markdown 模板的資料夾。當你想讓 Front Matter 生成新的pages/articles/....目錄下檔案
- 配置您使用的站點生成器或框架
在此步驟中，您將需要配置您使用的站點生成器或框架。如果 Front Matter 知道您的靜態站點生成器，它將自動設定一些配置選項。
- 註冊內容資料夾
由於 Front Matter並非僅支援一個靜態站點生成器，因此您將能夠指定您的 Markdown 內容所在的位置。可以透過在 Visual Studio Code 的資源管理器皮膚中右鍵單擊資料夾名稱並選擇Front Matter: Register folder來註冊資料夾。
該擴充套件透過在Vscode搜尋Front Matter
相關文章
- Dreamweaver網頁製作的18條操作技巧網頁
- 20個dreamweaver中製作網頁的小技巧網頁
- 用Dreamweaver 定義模板批次製作網頁網頁
- 大學生影視主題網頁製作 銀翼殺手2049電影網頁設計模板 學生靜態網頁作業成品 dreamweaver電影HTML網站製作網頁HTML網站
- Dreamweaver網頁元素怎麼製作漸隱漸現效果教程網頁
- Dreamweaver網頁製作教程：表格設計例項網頁
- Dreamweaver製作網頁經典問題大整理網頁
- 實現類似IE的列印網頁功能 (轉)網頁
- QT實現類似於網頁step 選單效果QT網頁
- Asp.net實現靜態頁－新增新聞生成靜態頁ASP.NET
- 直播系統中網頁類似app頁面切換動畫的實現方式網頁APP動畫
- go如何實現類似java的動態代理GoJava
- Dreamweaver製作虛線邊框教程，Dreamweaver怎麼製作虛線表格?
- PHP 實現頁面靜態化PHP
- 靜態網頁與動態網頁的區別網頁
- 靜態網頁和動態網頁的區別網頁
- 網頁製作之從構思到實現網頁
- 利用Register protocol實現網頁呼叫桌面程式(類似迅雷、QQ等)Protocol網頁
- [Fireworks+Dreamweaver製作網站]第7課上網站
- 大學生川菜網頁製作教程 表格佈局網頁模板 學生HTML靜態水煮魚網頁設計作業成品 簡單網頁製作程式碼 學生美食網頁作品免費設計網頁HTML
- 在鴻蒙中實現類似瀑布流效果鴻蒙
- Javascript 類與靜態類的實現-js物件導向JavaScriptJS物件
- 在Dreamweaver中靈活使用網頁表格(轉)網頁
- 在Asp.Net中實現類似DWR的功能ASP.NET
- 暢購商城(七)：Thymeleaf實現靜態頁
- 討論一下基於網頁聊天的實現（類似gmail中的聊天）網頁AI
- 帝國cms修改實現TAG標籤以TAGID的方式偽靜態
- php的ob函式實現頁面靜態化PHP函式
- JavaScript＋PHP 應用一：網頁製作中雙下拉選單的動態實現 (轉)JavaScriptPHP網頁
- Xcode 6製作動態及靜態FrameworkXCodeFramework
- 網頁製作時可以拿起就用的網頁製作小技巧總結網頁
- Dreamweaver製作簡易的拼圖遊戲教程遊戲
- 簡單的網頁製作網頁
- VSCode中類似Postman的外掛VSCodePostman
- echarts map靜態套用網頁Echarts網頁
- 在dotnet core實現類似crontab的定時任務
- 【靜態化平臺】☞（一）網頁靜態化服務網頁
- iOS靜態庫SDK製作（包含第三方靜態庫）iOS