# Thulite Docs > A documentation theme for Ventizo projects using Thulite and Hugo, based on Norrsken UX - [Thulite](https://docs.thulite.io/thulite/): Discover Thulite for building production-ready websites with a fast setup flow, practical defaults, and a smooth path from scaffold to running site. - [Images](https://docs.thulite.io/images/): Browse the Thulite Images documentation for setup, usage, advanced guides, and reference material covering image optimization workflows. - [SEO](https://docs.thulite.io/seo/): Browse the Thulite SEO documentation, covering installation, configuration, basics, signals, schemas, and full reference material. - [SVG](https://docs.thulite.io/svg/): Explore the documentation for Thulite Inline SVG, from quick-start basics to full API reference for parameters, shortcode usage, and partial arguments. ## Thulite > Discover Thulite for building production-ready websites with a fast setup flow, practical defaults, and a smooth path from scaffold to running site. - [Start Here](https://docs.thulite.io/thulite/start-here/): Start with Thulite through a guided path covering installation, configuration, daily usage, verification, updates, and troubleshooting. - [Basics](https://docs.thulite.io/thulite/basics/): Learn Thulite basics, from content and layouts to assets, integrations, templates, and deployment, so you can build and ship sites confidently. - [Advanced](https://docs.thulite.io/thulite/advanced/): Explore advanced Thulite topics for performance, security, SEO, analytics, CMS integration, and multilingual sites to improve production readiness. - [Reference](https://docs.thulite.io/thulite/reference/): Use this reference section to quickly find authoritative details on Thulite CLI, commands, configuration fields, and Markdown syntax behavior. ### Start Here > Start with Thulite through a guided path covering installation, configuration, daily usage, verification, updates, and troubleshooting. - [Getting Started](https://docs.thulite.io/thulite/start-here/getting-started/): Get oriented with Thulite's core goals, required prerequisites, and the next documentation steps to install, configure, use, and maintain your site. - [Installation](https://docs.thulite.io/thulite/start-here/installation/): Create a new Thulite project with the CLI, choose a template and variant, and bootstrap a ready-to-run site with optional integrations. - [Configuration](https://docs.thulite.io/thulite/start-here/configuration/): Configure Thulite by updating Hugo settings, project parameters, and page frontmatter, then apply integration-specific options when needed. - [Usage](https://docs.thulite.io/thulite/start-here/usage/): Follow the day-to-day Thulite workflow to create content, run the dev server, format files, build production output, and preview locally. - [Verification](https://docs.thulite.io/thulite/start-here/verification/): Verify your Thulite build by checking generated HTML, assets, metadata, and runtime behavior before deployment with browser and audit tools. - [Updating](https://docs.thulite.io/thulite/start-here/updating/): Navigate Thulite update guidance, including release tracking, semantic versioning, and upgrade paths for keeping projects current and stable. - [Troubleshooting](https://docs.thulite.io/thulite/start-here/troubleshooting/): Troubleshoot common Thulite issues by validating configuration, checking integration docs, and using GitHub issues and discussions for support. - [Editor Setup](https://docs.thulite.io/thulite/start-here/editor-setup/): Set up your editor for Thulite with recommended VS Code extensions and formatting commands to keep Markdown, styles, and scripts consistent. - [Concepts](https://docs.thulite.io/thulite/start-here/concepts/): Explore core Thulite concepts that explain framework decisions, including architecture principles, dependency strategy, and project fundamentals. #### Updating > Navigate Thulite update guidance, including release tracking, semantic versioning, and upgrade paths for keeping projects current and stable. - [Updating Overview](https://docs.thulite.io/thulite/start-here/updating/overview/): Learn how to update Thulite, track release changes, and use semantic versioning to plan safe upgrades across patch, minor, and major releases. - [V2](https://docs.thulite.io/thulite/start-here/updating/v2/): Migrate from Thulite v1 to v2 with step-by-step dependency, package, and configuration updates, plus fixes for common upgrade issues. #### Concepts > Explore core Thulite concepts that explain framework decisions, including architecture principles, dependency strategy, and project fundamentals. - [Why Thulite?](https://docs.thulite.io/thulite/start-here/concepts/why-thulite/): Learn why Thulite exists, what principles shape it, and how its architecture, performance, security, and developer focus support modern websites. - [Dependencies](https://docs.thulite.io/thulite/start-here/concepts/dependencies/): Understand how Thulite manages dependencies with npm and Hugo modules, why this approach was chosen, and the trade-offs versus alternatives. ### Basics > Learn Thulite basics, from content and layouts to assets, integrations, templates, and deployment, so you can build and ship sites confidently. - [Project Structure](https://docs.thulite.io/thulite/basics/project-structure/): Understand the Thulite project structure and where to place content, configuration, templates, assets, and static files for smooth workflows. - [Pages](https://docs.thulite.io/thulite/basics/pages/): Create and organize Thulite pages with regular files, leaf bundles, and branch bundles while controlling URL structure through content paths. - [Markdown](https://docs.thulite.io/thulite/basics/markdown/): Write Thulite content with Markdown syntax, frontmatter, code blocks, and media patterns that keep documentation readable and easy to maintain. - [Shortcodes](https://docs.thulite.io/thulite/basics/shortcodes/): Use and create Hugo shortcodes in Thulite to embed reusable UI patterns in Markdown, keeping content expressive and template logic reusable. - [Archetypes](https://docs.thulite.io/thulite/basics/archetypes/): Define archetypes to standardize frontmatter for new content, reduce repetitive editing, and keep metadata consistent across sections in Thulite. - [Layouts](https://docs.thulite.io/thulite/basics/layouts/): Understand Thulite layout files, partial structure, and Hugo template lookup so you can customize how home, list, and single pages are rendered. - [Partials](https://docs.thulite.io/thulite/basics/partials/): Build reusable partial templates in Thulite layouts to share rendering logic, reduce duplication, and keep template code maintainable. - [Menus](https://docs.thulite.io/thulite/basics/menus/): Configure multilingual navigation menus in Thulite with menu files, weights, and page references for clear main, social, and footer navigation. - [Styles](https://docs.thulite.io/thulite/basics/styles/): Customize Thulite styling with SCSS variables and custom stylesheets, then rely on the build pipeline for compiled and optimized CSS output. - [Scripts](https://docs.thulite.io/thulite/basics/scripts/): Add custom JavaScript in Thulite using assets/js, DOM-ready patterns, and focused behaviors that improve interactivity without slowing pages. - [Images](https://docs.thulite.io/thulite/basics/images/): Organize and reference images in Thulite using practical paths, accessible alt text, and asset guidelines that keep pages clear and performant. - [Fonts](https://docs.thulite.io/thulite/basics/fonts/): Self-host fonts in Thulite with Fontsource, Hugo mounts, and SCSS variables to improve privacy, consistency, and performance across your site. - [Templates](https://docs.thulite.io/thulite/basics/templates/): Browse Thulite templates and themes to pick the best starting point for blogs, docs, or custom sites based on your design and workflow needs. - [Integrations](https://docs.thulite.io/thulite/basics/integrations/): Explore Thulite integrations that extend styling, metadata, media handling, and core capabilities, and choose the packages your project needs. - [Deployment](https://docs.thulite.io/thulite/basics/deployment/): Browse Thulite deployment guides for popular hosting platforms and choose the setup that matches your workflow, build process, and infrastructure. #### Templates > Browse Thulite templates and themes to pick the best starting point for blogs, docs, or custom sites based on your design and workflow needs. - [Templates Overview](https://docs.thulite.io/thulite/basics/templates/overview/): Compare official Thulite templates, including starters and themes, to choose a foundation that matches your content model and styling approach. - [Basic](https://docs.thulite.io/thulite/basics/templates/basic/): Choose the Basic starter for a minimal Thulite foundation that prioritizes simplicity, speed, and straightforward project customization. - [Bolt](https://docs.thulite.io/thulite/basics/templates/bolt/): Choose the Bolt theme for a lightweight Thulite blog experience focused on readability, clean design, and high performance. - [Bootstrap](https://docs.thulite.io/thulite/basics/templates/bootstrap/): Choose the Bootstrap starter for Thulite to build responsive pages quickly with preconfigured Bootstrap styles and components. - [Doks](https://docs.thulite.io/thulite/basics/templates/doks/): Choose the Doks theme for modern Thulite documentation sites with strong readability, search, i18n, and versioning support. - [Tailwind CSS](https://docs.thulite.io/thulite/basics/templates/tailwind-css/): Choose the Tailwind CSS starter for Thulite to build quickly with utility-first styling and flexible design customization. #### Integrations > Explore Thulite integrations that extend styling, metadata, media handling, and core capabilities, and choose the packages your project needs. - [Integrations Overview](https://docs.thulite.io/thulite/basics/integrations/overview/): Review official Thulite integrations for themes, CSS frameworks, images, SVG, and SEO so you can extend projects with supported tooling. - [Bolt core](https://docs.thulite.io/thulite/basics/integrations/bolt-core/): Use the Bolt core integration to power the Bolt theme in Thulite, enabling theme features and smoother customization workflows. - [Bootstrap](https://docs.thulite.io/thulite/basics/integrations/bootstrap/): Use the official Bootstrap integration for Thulite to build responsive interfaces with familiar components and streamlined setup. - [Core](https://docs.thulite.io/thulite/basics/integrations/core/): Learn about Thulite core, the foundational integration that provides essential services and interoperability across the framework ecosystem. - [Doks core](https://docs.thulite.io/thulite/basics/integrations/doks-core/): Use Doks core to power the Doks theme in Thulite, supporting documentation-focused features and consistent theme behavior. - [Images](https://docs.thulite.io/thulite/basics/integrations/images/): Use the official Thulite Images integration to optimize media handling and deliver responsive images with a workflow designed for Hugo sites. - [Inline SVG](https://docs.thulite.io/thulite/basics/integrations/inline-svg/): Use the official Inline SVG integration for Thulite to embed SVG assets in templates and content with flexible rendering support. - [SEO](https://docs.thulite.io/thulite/basics/integrations/seo/): Use the official SEO integration for Thulite to manage metadata and improve search visibility, sharing previews, and content discoverability. - [Tailwind CSS](https://docs.thulite.io/thulite/basics/integrations/tailwindcss/): Use the Tailwind CSS integration for Thulite to enable utility-first styling and rapid interface development in your project. #### Deployment > Browse Thulite deployment guides for popular hosting platforms and choose the setup that matches your workflow, build process, and infrastructure. - [Deployment Overview](https://docs.thulite.io/thulite/basics/deployment/overview/): Compare deployment options for Thulite and follow platform-specific guides to configure builds, publish public output, and launch reliably. - [AWS Amplify](https://docs.thulite.io/thulite/basics/deployment/aws-amplify/): Deploy Thulite to AWS Amplify with Git-based continuous deployment, custom amplify.yml settings, and correct build output from the public folder. - [Cloudflare Pages](https://docs.thulite.io/thulite/basics/deployment/cloudflare-pages/): Deploy Thulite to Cloudflare Pages using Git integration or Wrangler, with correct build commands, output settings, and optional local preview. - [Github Pages](https://docs.thulite.io/thulite/basics/deployment/github-pages/): Host a Thulite site on GitHub Pages with a GitHub Actions workflow that builds, publishes artifacts, and deploys automatically on pushes. - [Gitlab Pages](https://docs.thulite.io/thulite/basics/deployment/gitlab-pages/): Deploy Thulite to GitLab Pages using a CI pipeline that installs dependencies, runs production builds, and publishes the public directory. - [Google Firebase](https://docs.thulite.io/thulite/basics/deployment/google-firebase/): Deploy Thulite with Firebase Hosting by configuring firebase files, building your site, and publishing the public output with the Firebase CLI. - [Microsoft Azure](https://docs.thulite.io/thulite/basics/deployment/microsoft-azure/): Deploy Thulite to Azure Static Web Apps from GitHub using the VS Code extension, generated workflows, and compatible Node and Hugo versions. - [Netlify](https://docs.thulite.io/thulite/basics/deployment/netlify/): Deploy Thulite to Netlify through the web UI or CLI, configure build and publish settings, and manage runtime versions for reliable builds. - [Render](https://docs.thulite.io/thulite/basics/deployment/render/): Deploy Thulite to Render by connecting a repository, setting build and publish options, and configuring a compatible Node.js version for builds. - [Vercel](https://docs.thulite.io/thulite/basics/deployment/vercel/): Deploy Thulite to Vercel with automatic project detection via UI or CLI, then use preview and production deployments from your Git workflow. ### Advanced > Explore advanced Thulite topics for performance, security, SEO, analytics, CMS integration, and multilingual sites to improve production readiness. - [Internationalization](https://docs.thulite.io/thulite/advanced/internationalization/): Set up multilingual Thulite sites using Hugo language config, translated content paths, and i18n string files for consistent localized experiences. - [Performance](https://docs.thulite.io/thulite/advanced/performance/): Improve Thulite performance with guides on caching and optimization to speed builds, reduce payloads, and deliver faster production pages. - [Security](https://docs.thulite.io/thulite/advanced/security/): Strengthen Thulite security with guidance on CSP, response headers, and email obfuscation to reduce common web risks in production. - [SEO](https://docs.thulite.io/thulite/advanced/seo/): Access advanced SEO guidance in Thulite to strengthen crawlability, metadata quality, and search performance across production content. - [Analytics](https://docs.thulite.io/thulite/advanced/analytics/): Add analytics to Thulite with provider guides that balance measurement needs, privacy requirements, and straightforward implementation. - [CMS](https://docs.thulite.io/thulite/advanced/cms/): Explore CMS integration options for Thulite and choose a Git-based workflow that fits your content editing, publishing, and team process. #### Performance > Improve Thulite performance with guides on caching and optimization to speed builds, reduce payloads, and deliver faster production pages. - [Performance Overview](https://docs.thulite.io/thulite/advanced/performance/overview/): Improve Thulite build and runtime performance with focused guidance on caching strategy, payload reduction, and high-impact optimization steps. - [Caching](https://docs.thulite.io/thulite/advanced/performance/caching/): Configure Thulite caching for faster builds and repeat visits using Hugo cache settings, fingerprinted assets, and effective edge cache headers. - [Optimization](https://docs.thulite.io/thulite/advanced/performance/optimization/): Optimize Thulite output with production builds, lean CSS/JS, deferred non-critical work, and verification practices for better Core Web Vitals. #### Security > Strengthen Thulite security with guidance on CSP, response headers, and email obfuscation to reduce common web risks in production. - [Security Overview](https://docs.thulite.io/thulite/advanced/security/overview/): Apply core security protections in Thulite with practical guidance for CSP, secure headers, and anti-scraping techniques for public websites. - [Content Security Policy](https://docs.thulite.io/thulite/advanced/security/content-security-policy/): Create and enforce a strict Content Security Policy in Thulite to limit resource origins, reduce XSS risk, and validate changes safely. - [Headers](https://docs.thulite.io/thulite/advanced/security/headers/): Set a secure header baseline for Thulite deployments, including HSTS, nosniff, framing controls, and policies for safer browser behavior. - [Email Obfuscation](https://docs.thulite.io/thulite/advanced/security/email-obfuscation/): Protect published email addresses in Thulite using CSS-based obfuscation that remains readable for users while reducing basic scraping. #### SEO > Access advanced SEO guidance in Thulite to strengthen crawlability, metadata quality, and search performance across production content. - [SEO Overview](https://docs.thulite.io/thulite/advanced/seo/overview/): Improve Thulite SEO with practical guidance for metadata, crawl signals, and visibility using the official SEO documentation and best practices. #### Analytics > Add analytics to Thulite with provider guides that balance measurement needs, privacy requirements, and straightforward implementation. - [Analytics Overview](https://docs.thulite.io/thulite/advanced/analytics/overview/): Choose an analytics approach for Thulite with setup guides for Cabin, Fathom, Google Analytics, and Plausible implementations. - [Cabin Analytics](https://docs.thulite.io/thulite/advanced/analytics/cabin-analytics/): Add Cabin Analytics to Thulite with a lightweight script integration for privacy-first, low-footprint website measurement and reporting. - [Fathom Analytics](https://docs.thulite.io/thulite/advanced/analytics/fathom-analytics/): Integrate Fathom Analytics with Thulite to measure traffic using a privacy-focused script setup and minimal implementation overhead. - [Google Analytics](https://docs.thulite.io/thulite/advanced/analytics/google-analytics/): Set up Google Analytics 4 in Thulite by enabling Hugo analytics templates, configuring the measurement ID, and aligning CSP settings. - [Plausible Analytics](https://docs.thulite.io/thulite/advanced/analytics/plausible-analytics/): Integrate Plausible Analytics with Thulite using domain parameters and script injection for privacy-friendly traffic tracking in production. #### CMS > Explore CMS integration options for Thulite and choose a Git-based workflow that fits your content editing, publishing, and team process. - [CMS Overview](https://docs.thulite.io/thulite/advanced/cms/overview/): Choose a headless CMS for Thulite with quick-start guides for CloudCannon, Decap CMS, and Tina CMS to enable editor-friendly workflows. - [CloudCannon](https://docs.thulite.io/thulite/advanced/cms/cloudcannon/): Connect CloudCannon to Thulite for a Git-based visual editing workflow, then manage and publish content through your repository process. - [Decap Cms](https://docs.thulite.io/thulite/advanced/cms/decap-cms/): Integrate Decap CMS with Thulite using Git-backed content editing and configurable collections that map directly to your Markdown structure. - [Tina CMS](https://docs.thulite.io/thulite/advanced/cms/tina-cms/): Set up Tina CMS in a Thulite project, configure collections and scripts, and enable Git-backed editing for local and production workflows. ### Reference > Use this reference section to quickly find authoritative details on Thulite CLI, commands, configuration fields, and Markdown syntax behavior. - [CLI](https://docs.thulite.io/thulite/reference/cli/): Reference all create-thulite CLI arguments and options, including templates, interactive mode, overwrite behavior, and usage examples. - [Commands](https://docs.thulite.io/thulite/reference/commands/): Reference Thulite project scripts for creating content, running development, formatting, building production output, and previewing locally. - [Configuration](https://docs.thulite.io/thulite/reference/configuration/): Navigate Thulite configuration references for file structure, core Hugo settings, parameters, and page frontmatter fields used in projects. - [Markdown](https://docs.thulite.io/thulite/reference/markdown/): Find Markdown reference guides used in Thulite, covering basic and extended syntax supported by Hugo for writing consistent content. #### Configuration > Navigate Thulite configuration references for file structure, core Hugo settings, parameters, and page frontmatter fields used in projects. - [Configuration Overview](https://docs.thulite.io/thulite/reference/configuration/overview/): Use this overview to find Thulite configuration references for project structure, Hugo settings, site parameters, and page frontmatter fields. - [Configuration Structure](https://docs.thulite.io/thulite/reference/configuration/configuration-structure/): Understand the Thulite configuration layout, including default, environment-specific, and tooling files used to control build and site behavior. - [Settings](https://docs.thulite.io/thulite/reference/configuration/settings/): Reference core Hugo settings used by Thulite, including URLs, outputs, caching, taxonomies, minification, and related-content options. - [Parameters](https://docs.thulite.io/thulite/reference/configuration/parameters/): Reference key Thulite site parameters in params.toml, including metadata defaults and render hook behavior for links and images. - [Page Frontmatter](https://docs.thulite.io/thulite/reference/configuration/page-frontmatter/): Reference page frontmatter fields in Thulite content files, including metadata, draft state, ordering, and page-specific SEO options. #### Markdown > Find Markdown reference guides used in Thulite, covering basic and extended syntax supported by Hugo for writing consistent content. - [Markdown Overview](https://docs.thulite.io/thulite/reference/markdown/overview/): Learn how Markdown works in Thulite with Hugo support for CommonMark basics and extended syntax features for richer documentation content. - [Basic Syntax](https://docs.thulite.io/thulite/reference/markdown/basic-syntax/): Reference core Markdown syntax supported across tools, including headings, emphasis, lists, links, images, blockquotes, and inline code. - [Extended Syntax](https://docs.thulite.io/thulite/reference/markdown/extended-syntax/): Reference extended Markdown syntax like tables, footnotes, task lists, and fenced code blocks, plus unsupported elements in Hugo Markdown. ## Images > Browse the Thulite Images documentation for setup, usage, advanced guides, and reference material covering image optimization workflows. - [Start Here](https://docs.thulite.io/images/start-here/): Start here with Thulite Images: review prerequisites, then follow installation, configuration, usage, verification, updating, and troubleshooting. - [Basics](https://docs.thulite.io/images/basics/): Learn the basics of Thulite Images, including where to place image resources and how to render optimized, lazy-loaded images with Markdown. - [Shortcodes](https://docs.thulite.io/images/shortcodes/): Explore Thulite Images shortcodes for rendering responsive images in content with `img`, `picture`, and `figure` examples and usage guidance. - [Partials](https://docs.thulite.io/images/partials/): Explore Thulite Images partials for rendering responsive images in templates with `img`, `picture`, and `figure` examples and usage guidance. - [Advanced](https://docs.thulite.io/images/advanced/): Explore advanced Thulite Images guides for GIF and SVG content, including Markdown usage patterns and practical rendering and styling techniques. - [Reference](https://docs.thulite.io/images/reference/): Browse the Thulite Images reference for settings, parameters, shortcodes, and partials, with detailed argument definitions and defaults. ### Start Here > Start here with Thulite Images: review prerequisites, then follow installation, configuration, usage, verification, updating, and troubleshooting. - [Getting Started](https://docs.thulite.io/images/start-here/getting-started/): Get started with Thulite Images by reviewing prerequisites and following the setup path for installation, configuration, usage, and verification. - [Installation](https://docs.thulite.io/images/start-here/installation/): Install Thulite Images in your Thulite project, update module mounts, and safelist required CSS classes so image components build correctly. - [Configuration](https://docs.thulite.io/images/start-here/configuration/): Configure Thulite Images by updating Hugo imaging settings and module parameters for responsive output, lazy loading, and processing defaults. - [Usage](https://docs.thulite.io/images/start-here/usage/): Learn how to use Thulite Images in content and templates with Markdown, shortcodes, and partials for responsive, optimized image output. - [Verification](https://docs.thulite.io/images/start-here/verification/): Verify Thulite Images by inspecting generated HTML, transformed assets, and browser behavior to confirm responsive, optimized output. - [Updating](https://docs.thulite.io/images/start-here/updating/): Update Thulite Images with your package manager and review release notes so you can adopt the latest fixes, features, and changes safely. - [Troubleshooting](https://docs.thulite.io/images/start-here/troubleshooting/): Troubleshoot Thulite Images by checking configuration, shortcode and partial setup, then using docs, GitHub issues, and community discussions. ### Basics > Learn the basics of Thulite Images, including where to place image resources and how to render optimized, lazy-loaded images with Markdown. - [Image placement](https://docs.thulite.io/images/basics/image-placement/): Learn where to store Thulite Images as page, section, global, or remote resources and how to reference each type correctly in your site. - [Markdown](https://docs.thulite.io/images/basics/markdown/): Use standard Markdown image syntax with Thulite Images to render optimized, lazy-loaded page, global, and remote images in content. ### Shortcodes > Explore Thulite Images shortcodes for rendering responsive images in content with `img`, `picture`, and `figure` examples and usage guidance. - [img](https://docs.thulite.io/images/shortcodes/img/): Use the `img` shortcode to render responsive images with lazy loading, LQIP support, and page, global, or remote image sources. - [picture](https://docs.thulite.io/images/shortcodes/picture/): Use the `picture` shortcode to render responsive images with format negotiation, lazy loading, and support for page, global, or remote sources. - [figure](https://docs.thulite.io/images/shortcodes/figure/): Use the `figure` shortcode to render responsive, lazy-loaded images with optional captions from page, global, or remote sources. ### Partials > Explore Thulite Images partials for rendering responsive images in templates with `img`, `picture`, and `figure` examples and usage guidance. - [img](https://docs.thulite.io/images/partials/img/): Use the `img` partial in Hugo templates to render responsive images with lazy loading, LQIP support, and configurable rendering options. - [picture](https://docs.thulite.io/images/partials/picture/): Use the `picture` partial in Hugo templates to render responsive images with format negotiation, lazy loading, and configurable source options. - [figure](https://docs.thulite.io/images/partials/figure/): Use the `figure` partial in Hugo templates to render responsive, lazy-loaded images with optional captions and configurable output settings. ### Advanced > Explore advanced Thulite Images guides for GIF and SVG content, including Markdown usage patterns and practical rendering and styling techniques. - [GIF](https://docs.thulite.io/images/advanced/gif/): Add optimized, lazy-loaded GIF images in Markdown using page, global, or remote resources, and verify generated HTML output and attributes. - [SVG](https://docs.thulite.io/images/advanced/svg/): Add optimized, lazy-loaded SVG images in Markdown, review dark-mode contrast caveats, and apply CSS background or color inversion fixes. ### Reference > Browse the Thulite Images reference for settings, parameters, shortcodes, and partials, with detailed argument definitions and defaults. - [Settings](https://docs.thulite.io/images/reference/settings/): Review Thulite Images imaging settings in Hugo, including anchor, background color, compression, quality, resample filters, and WebP options. - [Parameters](https://docs.thulite.io/images/reference/parameters/): Review Thulite Images module parameters for default decoding, fetch priority, loading, widths, sizes, processing, and LQIP behavior. - [Shortcodes](https://docs.thulite.io/images/reference/shortcodes/): Navigate shortcode references for `img`, `picture`, and `figure`, including required arguments, optional attributes, and rendering defaults. - [Partials](https://docs.thulite.io/images/reference/partials/): Navigate partial references for `img`, `picture`, and `figure`, including required context, optional arguments, and rendering defaults. #### Shortcodes > Navigate shortcode references for `img`, `picture`, and `figure`, including required arguments, optional attributes, and rendering defaults. - [img](https://docs.thulite.io/images/reference/shortcodes/img/): Reference all `img` shortcode arguments for source paths, responsive sizing, formats, processing, placeholders, and image element attributes. - [picture](https://docs.thulite.io/images/reference/shortcodes/picture/): Reference all `picture` shortcode arguments for source paths, responsive sizing, format negotiation, processing, placeholders, and attributes. - [figure](https://docs.thulite.io/images/reference/shortcodes/figure/): Reference all `figure` shortcode arguments for source paths, responsive sizing, processing, placeholders, captions, and image element attributes. #### Partials > Navigate partial references for `img`, `picture`, and `figure`, including required context, optional arguments, and rendering defaults. - [img](https://docs.thulite.io/images/reference/partials/img/): Reference all `img` partial arguments, including required page context, source paths, responsive sizing, processing, placeholders, and attributes. - [picture](https://docs.thulite.io/images/reference/partials/picture/): Reference all `picture` partial arguments, including required page context, source paths, responsive sizing, formats, processing, and attributes. - [figure](https://docs.thulite.io/images/reference/partials/figure/): Reference all `figure` partial arguments, including required page context, source paths, responsive sizing, processing, captions, and attributes. ## SEO > Browse the Thulite SEO documentation, covering installation, configuration, basics, signals, schemas, and full reference material. - [Start Here](https://docs.thulite.io/seo/start-here/): Start here to install, configure, verify, update, and troubleshoot Thulite SEO so your site outputs correct metadata, structured data, and sitemaps. - [Basics](https://docs.thulite.io/seo/basics/): Learn the SEO fundamentals in Thulite: base, canonical, translations, alternatives, robots, title, and description tags with practical examples. - [Signals](https://docs.thulite.io/seo/signals/): Explore search and social signals in Thulite SEO, including favicons, Open Graph, X Cards, robots.txt, and sitemaps with generated output examples. - [Schemas](https://docs.thulite.io/seo/schemas/): Learn how Thulite SEO generates Schema.org structured data for websites, organizations, people, breadcrumbs, articles, and products. - [Reference](https://docs.thulite.io/seo/reference/): Use this reference section to check settings, parameters, and page frontmatter fields for Thulite SEO, including defaults, types, and examples. ### Start Here > Start here to install, configure, verify, update, and troubleshoot Thulite SEO so your site outputs correct metadata, structured data, and sitemaps. - [Getting Started](https://docs.thulite.io/seo/start-here/getting-started/): Get started with Thulite SEO and follow the core path for installation, configuration, verification, updates, and troubleshooting in one place. - [Installation](https://docs.thulite.io/seo/start-here/installation/): Install Thulite SEO in your project with npm, pnpm, Yarn, or bun, then add required module mounts so the integration layouts are loaded correctly. - [Configuration](https://docs.thulite.io/seo/start-here/configuration/): Learn how to configure Thulite SEO in hugo.toml, params.toml, and page frontmatter, including sitemap, title, description length, and schema settings. - [Usage](https://docs.thulite.io/seo/start-here/usage/): Learn how to update page frontmatter and apply page-level SEO overrides, including custom title, description, canonical URL, robots tags, and structured data. - [Verification](https://docs.thulite.io/seo/start-here/verification/): Verify your Thulite SEO setup by inspecting generated HTML tags, checking sitemaps, and validating metadata with external SEO and indexing tools. - [Updating](https://docs.thulite.io/seo/start-here/updating/): Update Thulite SEO to the latest release with npm, pnpm, Yarn, or bun, and review release notes to understand changes before deployment. - [Troubleshooting](https://docs.thulite.io/seo/start-here/troubleshooting/): Diagnose common Thulite SEO issues by checking settings, parameters, and frontmatter, then use docs and community resources to resolve them. ### Basics > Learn the SEO fundamentals in Thulite: base, canonical, translations, alternatives, robots, title, and description tags with practical examples. - [Base](https://docs.thulite.io/seo/basics/base/): See how the HTML base element sets a document base URL in Thulite SEO, including its effect on relative links and in-page anchor navigation. - [Canonical](https://docs.thulite.io/seo/basics/canonical/): Set canonical URLs in Thulite SEO to prevent duplicate-content issues, using either a custom frontmatter value or the page permalink default. - [Translations](https://docs.thulite.io/seo/basics/translations/): Understand translation alternate links in Thulite SEO, including hreflang and x-default tags generated from multilingual page variants. - [Alternatives](https://docs.thulite.io/seo/basics/alternatives/): Understand alternate links for feeds in Thulite SEO, how Hugo output formats control RSS generation, and which rel=alternate tags are emitted. - [Robots](https://docs.thulite.io/seo/basics/robots/): Control indexing directives in Thulite SEO with robots meta values in frontmatter, and understand when robots tags are generated or omitted. - [Title](https://docs.thulite.io/seo/basics/title/): Learn how Thulite SEO builds page titles from frontmatter, separator, and suffix settings, and when custom SEO titles take precedence. - [Description](https://docs.thulite.io/seo/basics/description/): Configure meta descriptions in Thulite SEO with page-level overrides and fallback behavior, and learn how generated description tags are determined. ### Signals > Explore search and social signals in Thulite SEO, including favicons, Open Graph, X Cards, robots.txt, and sitemaps with generated output examples. - [Favicons](https://docs.thulite.io/seo/signals/favicons/): Configure favicon source files in Thulite SEO and learn which icon files, manifest entries, and favicon-related tags are generated for your site. - [Open Graph](https://docs.thulite.io/seo/signals/open-graph/): Learn how Thulite SEO creates Open Graph metadata from page content, images, dates, and tags to improve rich previews on social platforms. - [X Cards](https://docs.thulite.io/seo/signals/x-cards/): Set up X Card metadata in Thulite SEO, including image selection fallbacks and the generated twitter card tags for richer shared links. - [robots.txt](https://docs.thulite.io/seo/signals/robots.txt/): Understand how robots.txt controls crawler access and review the default robots.txt output Thulite SEO generates for your website root. - [Sitemap](https://docs.thulite.io/seo/signals/sitemap/): Configure sitemap defaults in Hugo, inspect generated sitemap files, and learn how to disable sitemaps globally or exclude individual pages. ### Schemas > Learn how Thulite SEO generates Schema.org structured data for websites, organizations, people, breadcrumbs, articles, and products. - [WebSite](https://docs.thulite.io/seo/schemas/website/): Learn how Thulite SEO emits WebSite structured data on the homepage using site title and description from params for baseline schema markup. - [Organization](https://docs.thulite.io/seo/schemas/organization/): Configure Organization schema on the homepage with name, logo, images, and sameAs links so Thulite SEO outputs complete org JSON-LD. - [Person](https://docs.thulite.io/seo/schemas/person/): Set Person schema defaults in Thulite SEO for the homepage, including name, profiles, and images, to generate accurate personal JSON-LD. - [Breadcrumb](https://docs.thulite.io/seo/schemas/breadcrumb/): Understand BreadcrumbList schema in Thulite SEO and how breadcrumb JSON-LD is generated for navigable pages to reflect site hierarchy. - [Article](https://docs.thulite.io/seo/schemas/article/): Configure Article schema output in Thulite SEO by mapping sections in params.toml, and review the generated JSON-LD fields for article pages. - [NewsArticle](https://docs.thulite.io/seo/schemas/newsarticle/): Enable NewsArticle structured data in Thulite SEO for news sections and inspect the generated JSON-LD fields for publication metadata. - [BlogPosting](https://docs.thulite.io/seo/schemas/blogposting/): Set up BlogPosting schema generation in Thulite SEO by assigning blog sections, then validate the resulting JSON-LD for blog entries. - [Product](https://docs.thulite.io/seo/schemas/product/): Generate Product schema in Thulite SEO by defining product sections and frontmatter offer fields like price, currency, and availability. ### Reference > Use this reference section to check settings, parameters, and page frontmatter fields for Thulite SEO, including defaults, types, and examples. - [Settings](https://docs.thulite.io/seo/reference/settings/): Reference for Hugo site settings used by Thulite SEO, including title, robots.txt generation, and sitemap options like changefreq and priority. - [Parameters](https://docs.thulite.io/seo/reference/parameters/): Reference for params.toml values in Thulite SEO, covering site metadata, social accounts, description rules, favicons, and schema settings. - [Page Frontmatter](https://docs.thulite.io/seo/reference/page-frontmatter/): Reference for page frontmatter fields and per-page SEO overrides, including custom title, description, canonical URL, robots, sitemap, and product data. ## SVG > Explore the documentation for Thulite Inline SVG, from quick-start basics to full API reference for parameters, shortcode usage, and partial arguments. - [Start Here](https://docs.thulite.io/svg/start-here/): Start here with Thulite SVG: install the package, configure icon sets, render SVGs and icons, verify output, update safely, and troubleshoot issues. - [Basics](https://docs.thulite.io/svg/basics/): Learn the core concepts for inlining SVGs in Hugo: where to place files, how to use shortcodes and partials, style output, and improve accessibility. - [Reference](https://docs.thulite.io/svg/reference/): Browse complete reference docs for the inline SVG module, including configuration parameters and every argument supported by shortcode and partial APIs. ### Start Here > Start here with Thulite SVG: install the package, configure icon sets, render SVGs and icons, verify output, update safely, and troubleshoot issues. - [Getting Started](https://docs.thulite.io/svg/start-here/getting-started/): Get started with Thulite SVG by reviewing prerequisites and following a path through installation, configuration, usage, verification, updates, and fixes. - [Installation](https://docs.thulite.io/svg/start-here/installation/): Install Thulite SVG and optional icon sets with your package manager, then add required Hugo mounts so layouts and SVG assets are discovered correctly. - [Configuration](https://docs.thulite.io/svg/start-here/configuration/): Configure Thulite SVG by setting inline_svg parameters in params.toml, including icon set directory and variant, so icons resolve and render correctly. - [Usage](https://docs.thulite.io/svg/start-here/usage/): Learn how to use Thulite SVG in content and templates, from placement and rendering to accessibility and styling for consistent, production-ready icons. - [Verification](https://docs.thulite.io/svg/start-here/verification/): Verify Thulite SVG output by checking inline markup, resource resolution, browser behavior, and accessibility with practical inspection steps and tools. - [Updating](https://docs.thulite.io/svg/start-here/updating/): Update Thulite SVG to the latest release with npm, pnpm, Yarn, or bun, then review release notes to confirm changes and avoid upgrade surprises. - [Troubleshooting](https://docs.thulite.io/svg/start-here/troubleshooting/): Troubleshoot Thulite SVG issues by validating paths, markup, and configuration, then use docs, GitHub issues, and community discussions to resolve blockers. ### Basics > Learn the core concepts for inlining SVGs in Hugo: where to place files, how to use shortcodes and partials, style output, and improve accessibility. - [Placement](https://docs.thulite.io/svg/basics/placement/): Understand where SVG files belong in Hugo, when to use page resources or global assets, and how to reference logos and icons with reliable paths. - [Shortcode](https://docs.thulite.io/svg/basics/shortcode/): Use the inline-svg shortcode in Markdown content to insert icons and SVG files with configurable arguments for accessibility, sizing, and styling. - [Partial](https://docs.thulite.io/svg/basics/partial/): Use the inline-svg partial to render icons and SVG assets in templates with flexible arguments for accessibility, sizing, classes, and attributes. - [Accessibility](https://docs.thulite.io/svg/basics/accessibility/): Make inline SVGs accessible with meaningful titles, descriptions, roles, and ARIA attributes so assistive technologies can understand icons clearly. - [Styling](https://docs.thulite.io/svg/basics/styling/): Style inline SVG output with reusable CSS classes and direct SVG attributes, controlling size, stroke, fill, and presentation for consistent branding. #### Shortcode > Use the inline-svg shortcode in Markdown content to insert icons and SVG files with configurable arguments for accessibility, sizing, and styling. - [SVGs](https://docs.thulite.io/svg/basics/shortcode/svgs/): Insert page or global SVG resources with the inline-svg shortcode, including options for custom classes, dimensions, and light or dark mode variants. - [Icons](https://docs.thulite.io/svg/basics/shortcode/icons/): Insert icon-set symbols with the inline-svg shortcode using icon names or paths, with support for titles, descriptions, ARIA roles, and styling. #### Partial > Use the inline-svg partial to render icons and SVG assets in templates with flexible arguments for accessibility, sizing, classes, and attributes. - [SVGs](https://docs.thulite.io/svg/basics/partial/svgs/): Render standalone SVG files with the inline-svg partial and pass options for IDs, classes, accessibility metadata, dimensions, and stroke settings. - [Icons](https://docs.thulite.io/svg/basics/partial/icons/): Render icon-set assets with the inline-svg partial using icon names or paths, plus options for ARIA labels, sizing, classes, and custom attributes. ### Reference > Browse complete reference docs for the inline SVG module, including configuration parameters and every argument supported by shortcode and partial APIs. - [Parameters](https://docs.thulite.io/svg/reference/parameters/): Review all inline_svg configuration parameters, including icon set directory and variant options, with defaults, valid values, and deprecation notes. - [Shortcode](https://docs.thulite.io/svg/reference/shortcode/): Explore every argument accepted by the inline-svg shortcode, including source, accessibility metadata, dimensions, classes, and extra SVG attributes. - [Partial](https://docs.thulite.io/svg/reference/partial/): Explore every argument accepted by the inline-svg partial, from required page and source values to accessibility, sizing, and pass-through SVG attributes.