类似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