Editing your site

Visual Studio Code (VS Code)

Optimize your workflow with VS Code. Recommended extensions for Hugo syntax highlighting, Front Matter management, and grammar checking.

Visual Studio Code (VS Code) is the recommended editor for Ownable. While you can edit raw files directly, we recommend installing Ownable CMS to configure your site visually.

✨ Ownable CMS

No YAML required!

The Studio extension provides a graphical user interface (GUI) for your configuration files. Change themes, update your bio, and toggle features using simple forms instead of editing complex YAML.

  1. Install the Extension

    Search for "Ownable" in the Extensions marketplace or click below:

    Install Ownable CMS →

  2. Open the Configurator

    Click the Ownable icon (H) in the Activity Bar (left sidebar).

  3. Edit Visually

    Select a section like Appearance or Identity to start customizing. Changes are auto-saved!


⚡️ Power User Workflow

Prefer raw code? VS Code is fantastic for that too.

  1. Split View: Open params.yaml on the left and your live preview on the right.
  2. IntelliSense: Ownable config files have built-in schema support, giving you autocomplete and validation errors if you type an invalid key.
  3. Terminal: Run hugo server in the integrated terminal (Ctrl + ~) to see build logs in real-time.

Learn more about Studio

Deep dive into all the visual configuration features.

Was this page helpful?

From the makers of

© 2026 Lore Labs.

On this page