類似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 定義模板批次製作網頁網頁
- Dreamweaver網頁元素怎麼製作漸隱漸現效果教程網頁
- 大學生影視主題網頁製作 銀翼殺手2049電影網頁設計模板 學生靜態網頁作業成品 dreamweaver電影HTML網站製作網頁HTML網站
- Dreamweaver網頁製作教程：表格設計例項網頁
- Dreamweaver製作網頁經典問題大整理網頁
- 易優cms網站SEO模組URL配置偽靜態靜態頁面設定網站
- PHP 實現頁面靜態化PHP
- Dreamweaver製作虛線邊框教程，Dreamweaver怎麼製作虛線表格?
- 直播系統中網頁類似app頁面切換動畫的實現方式網頁APP動畫
- 靜態網頁與動態網頁的區別網頁
- VSCode中類似Postman的外掛VSCodePostman
- 大學生川菜網頁製作教程 表格佈局網頁模板 學生HTML靜態水煮魚網頁設計作業成品 簡單網頁製作程式碼 學生美食網頁作品免費設計網頁HTML
- 暢購商城(七)：Thymeleaf實現靜態頁
- 在鴻蒙中實現類似瀑布流效果鴻蒙
- 在dotnet core實現類似crontab的定時任務
- 深度解析：在 React 中實現類似 Vue 的 KeepAlive 元件ReactVue元件
- Dreamweaver 2021 for Mac(DW網站開發製作軟體)Mac網站
- 帝國cms修改實現TAG標籤以TAGID的方式偽靜態
- PostgreSQL類似OracleMERGE功能的實現SQLOracle
- 網頁製作時可以拿起就用的網頁製作小技巧總結網頁
- Python靜態網頁爬蟲專案實戰Python網頁爬蟲
- echarts map靜態套用網頁Echarts網頁
- 網頁靜態化之freemaker的使用網頁
- vscode 對靜態類總是報錯！有辦法嗎？VSCode
- 一個簡單靜態網頁網頁
- Chrome實現自動化測試：錄製回放網頁動作Chrome網頁
- 原生JS實現類似《掘金》網站的圖片檢視器JS網站
- 使用.net standard實現不同內網埠的互通（類似花生殼）內網
- Flutter 實現類似美團外賣店鋪頁面滑動效果Flutter
- 網路組網七類水晶頭製作方法，七類網線製作過程
- HTML簡單網頁製作HTML網頁
- 靜態庫和動態庫的製作以及Bundle資原始檔的使用
- MySQL 06 mysql 如何實現類似 oracle 的 merge intoMySqlOracle
- Laravel頁面靜態化最佳實踐Laravel
- 如何在 web 頁面中實現類似 excel 固定表頭 / 標題行的效果？WebExcel
- 帝國cms偽靜態設定方法