# Hexo Integration

# Create a new Hexo site

Run the following commands to create a simple Hexo website:

$ npm install -g hexo-cli
$ hexo init hexo-personal-site
$ cd hexo-personal-site
$ npm install
$ hexo server

Hexo will start a hot-reloading development environment accessible by default at http://localhost:4000.

# Add a Contact Section to your Hexo site

Create a new directory called contact under your source/_posts directory.

Then, create a new markdown file called index.md inside of it, change its content with the following code block:

---
title: Contact Us
date: 2020-11-27 17:30:49
---
<form accept-charset="UTF-8" action="https://getform.io/{your-form-endpoint}" method="POST">
    <input type="email" name="email" placeholder="Your Email">
    <input type="text" name="name" placeholder="Your Name">
    <input type="text" name="message" placeholder="Your Message">
    <button type="submit">Send</button>
</form>

TIP

Don't forget to change the action attribute to a form endpoint URL with yours.

# Step 5 - Run your Hexo site locally to finalize setup

Run the following command to see your Hexo form in action at localhost:4000/contact/:

hexo server

That's it! Your Hexo site is now running Getform.

← Hugo Gatsby →