HBStack

In this section

  • Setting Up HBStack Project
    • Module-1
      • Cloning and Keeping Track of Changes
        Instructions for setting up the project and keeping track of changes in the original repository. This guide covers cloning, Docker setup, and Git workflow management.
      • Setup HBStack Guide
        A comprehensive guide to setting up HBStack with Docker. This guide covers framework understanding, command execution patterns, and development workflow setup.
      • Docker Setup
        Complete guide to setting up Hugo with Docker for your HBStack site. Covers Docker installation, configuration, and containerized development workflows.
      • Pruning Your HBStack Project
        How to remove unnecessary files and configurations from your HBStack project. Learn to clean up dependencies, optimize build size, and maintain project organization.
      • Docker Environment Setups
        This document explains how to use the environment configuration setup for different deployment scenarios including development, production, and staging environments.
      • Work Flow
        This section outlines the workflow for using HBStack effectively, including setup, development, and deployment processes.
      • Module-2
        • Project Local Configuration
          A comprehensive guide to setting up HBStack project configuration including EditorConfig, linting, and markdown handling for code quality and consistency.
        • Necessary Changes
          This document outlines the necessary changes to the `package.json` file when starting a new project based on HBStack. It includes details on updating project metadata, repository links, and other essential configurations.
        • Site Configuration
          A comprehensive guide to configuring your HBStack-based Hugo site. Learn to set up hugo.yaml, manage parameters, and optimize site settings for production.
        • Home Page
          Learn how to work effectively with HBStack, including development workflows best practices, and common tasks for building and maintaining your site.
        • Header Navigation
          Advanced techniques and workflows for working with HBStack, including optimization strategies, debugging tips, and productivity enhancements.
        • Header Menus
          Complete guide to configuring and managing navigation menus in HBStack framework, including main menus, submenus, and section-based navigation.
        • Footer Module
          The footer module allows you to manage and customize the footer section of your site. This document will guide you through the features and configuration options available in the footer module.
        • Importing Modules in Site
          Importing modules in your site is a straightforward process. This document will guide you through the steps to import and use modules effectively.
      • Module-3
        • Modules Cache
          This guide explains how the HBStack framework manages modules cache, including the purpose of the cache, how to view cached templates, and the implications of using cached modules.
        • Advanced Search
          This guide explains how the HBStack framework manages modules cache, including the purpose of the cache, how to view cached templates, and the implications of using cached modules.
    • Styles And Scripts
      • Module-1
        • How to use JavaScript and Styles in HBStack
          A comprehensive guide on how to use JavaScript and custom scripts in the hbstack framework, covering the assets folder structure and custom script implementation. And when to use the assets/hb folder structure.
        • JavaScript & Shortcodes in HBStack
          Hands-on examples of implementing JavaScript functionality in HBStack using Hugo shortcodes, including a working Hello World demonstration troubleshooting tips and real-world integration patterns.
      • Module-2
        • HBStack & HugoMods Shortcodes Showcase
          A comprehensive showcase of all available shortcodes in HBStack and HugoMods frameworks, including Bootstrap components, extended media shortcodes, and modular features with examples and module import requirements.
        • AOS Animation Example in HBStack
          Demonstrates how to use AOS (Animate On Scroll) attributes in HBStack/Hugo content blocks, headings, and banners.
        • Image Test
          This document provides a guide on how to use images in the hbstack framework, including various methods of rendering images in markdown files.
        • Grid and Cards
          Learn how to create responsive grid layouts and card components using the HBStack framework.
    • Hugo commands
      • Module-1
        • Basic Useful Hugo Commands
          Essential Hugo commands for development, building, and managing your HBStack-powered site including server commands, build options, and debugging utilities.
        • Running Hugo Server
          Essential Hugo commands for running the development server, building, and managing your HBStack-powered site including server commands, build options and debugging utilities.
        • Dealing with Server Commands
          Guide on managing multiple Hugo server processes on a single machine including finding, understanding, and terminating active jobs to prevent conflicts and ensure smooth operation of HBStack-powered sites.
      • Module-2
      • Modules Configuration
        • Configuration Parameters
          Master HBStack configuration parameters to customize your Hugo Bootstrap site. Learn site-level vs page-level configuration parameter hierarchy best practices and practical examples for effective HBStack framework customization.
        • Configuration Support & Module Organization
          Comprehensive guide to organizing HBStack module configurations using Hugo's configuration directory structure for better maintainability and separation of concerns.
        • Content_Panel module
          This document explains hbstack content_panel module
        • Blog Module Configuration Guide
          Complete guide to configuring the HBStack blog module including all sub-modules and their parameters
      • Hbstack Individual Module
      • Creating Modules
        • Module-2
          • Overriding Templates
            This guide explains how to override templates in Hugo modules, allowing for greater customization and flexibility in your site's design.
        • Module-1
          • Creating Modules
            This guide explains how to create and manage Hugo modules, including the structure, configuration, and best practices for module development.