Add a new page from FM

To create a new page or post using the Front Matter CMS extension in VS Code, follow these step-by-step instructions. You can choose any of the methods below based on your workflow preferences.

The dashboard is the central hub for managing your content.

  1. Open the Dashboard: Click the Front Matter icon in the VS Code Activity Bar (on the far left) or click the “Front Matter” text in the Status Bar (at the bottom of the window).
  2. Create Content: Inside the Dashboard, locate and click the “Create new content” button (usually indicated by a plus + icon or a prominent “Create” button).
  3. Select Content Type: A prompt will appear asking you to choose the type of content you want to create (e.g., “Post”, “Page”, or any custom content type defined in your project).
  4. Enter Title: Type in the title for your new page or post and press Enter. The new Markdown file will be generated with the appropriate front matter fields pre-filled.

Method 2: Using the Command Palette

If you prefer using keyboard shortcuts, the Command Palette is the fastest way.

  1. Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS) to open the Command Palette.
  2. Type Front Matter: Create new content and select it from the list.
  3. Follow the on-screen prompts to select your content type and enter the title for your new page.

Method 3: Using the File Explorer

You can create content directly within a specific folder using the context menu.

  1. Open the VS Code Explorer view.
  2. Right-click on the folder where you want your new page to live (e.g., content/en or content/posts).
  3. Select Front Matter: Create new content from the right-click context menu.
  4. Follow the prompts to finish creating your page.

Pro-Tip: Content Types Front Matter CMS uses Content Types defined in your frontmatter.json configuration file. If you don’t see options like “Page” or “Post,” you may need to configure your frontmatter.json to define these types and map them to your content folders. For Hugo projects, Front Matter CMS often automatically detects your archetypes and lets you use them as templates.

Related Content