Surfland Docs

Appearance

Getting Started ​

Requirements ​

Before you start working with our Hugo theme, make sure you have the following prerequisites installed on your system:

1. Install Git ​

Go to Download Git

2. Install Hugo ​

To install Hugo on your system, visit Hugo official Documentation

3. Node.js Installation: ​

To install Nodejs, follow these steps:

  1. Visit the official Nodejs.org website.
  2. Download the appropriate installer for your operating system (Windows or macOS).
  3. Run the installer and follow the on-screen instructions to complete the installation.
  4. To verify that Node.js is installed correctly, open a command prompt or terminal and type:
bash
node --version

3. Create a Hugo site ​

Follow this Hugo official Getting started guide

3. Installing Surfland Theme: ​

To install our Surfland theme, follow these steps:

  1. Purchase and Download:

    • You can purchase and download our Surfland theme from ThemeForest or directly from our store at store.surfverse.com.
    • If you've purchased the theme from ThemeForest, log in to your account and navigate to the downloads section to get the theme package.

  2. Unzip and Copy to Themes Folder:

    • After downloading the Surfland theme package, unzip it to extract the theme files.
    • Once unzipped, copy the entire theme folder.
    • Paste the copied theme folder into the themes directory of your Hugo project.
    • Your directory structure should look like this: your-hugo-project/themes/surfland.

  3. Configure Your Hugo Site:

    • Open your Hugo site's configuration file. This file is typically named config.toml or config.yaml and is located in the root directory of your Hugo project.

    • Add the name of our Surfland theme to the theme parameter in the configuration file. For example:

      toml
      theme = "surfland"

      or in YAML format:

      yaml
      theme: "surfland"

Once you've completed these steps, you've successfully installed the Surfland theme for your Hugo project.

The next step is to configure the Surfland theme according to your preferences and needs. This can include customizing theme options, configuring menus, setting up widgets, and more. Refer to the theme's documentation or customization guide for detailed instructions on how to tailor the theme to suit your requirements.

Requirements2 ​