Are you tired of using blogger, WordPress or paying for web hosting? Perhaps you should consider using static generators such as Hexo to build your website. It is easy to set up, and you can host it for free on Github pages, Firebase, Netlify, Gitlab and so on.
Here is a step by step on how to install Hexo.
- Download Node.js and Git and install them on your computer.
- Type CMD on the search to find Command Prompt and launch the Command Prompt.
$ npm install -g hexo-cliand click enter to execute.
- Run the following commands on your Command Prompt.
$ hexo init <folder name>
$ cd <folder name>
$ npm install
You will see the following folders
| ├── _drafts
| └── _posts
| └── Landscape (default theme)
- Modify your site settings in _config.yml .
$ hexo generateto generate your site files.
$ hexo serverto see the live website locally at
- Read hexo documentation to learn more about how to use Hexo.
Install Hexo theme
- Download Hexo theme. For example, you are purchasing Hexo Personal, you will find the file name
- Extract the files and place it inside the
- Edit your
_config.ymlfiles and change the
For example from
- Edit settings in _config.yml.
- Edit the site by going to
personal. Edit the menu navbar, footer, and etc, in the layout inside the theme.
- Deploy the site on Github.
Host your Hexo website on Netlify
- Create a new Github or Bitbucket repository.
- Clone it on your computer.
- Copy your Hexo files and paste it on the
- Commit and sync (GitHub or Bitbucket).
- Got to Netlify.com to sign up. You can sign up using your GitHub or Bitbucket account.
- Click on
New site from Git. You have the option to choose which Git provider to your site’s source code will be hosted. The options are GitHub, GitLab and Bitbucket.
- Choose the repository that you want to deploy.
- Ready to deploy
Branch to deploy:
masterBasic build settings: Build command
hexo generatePublish directory
- Deploy the site.
- Assign a custom domain for your site. Go to domain settings and change the domain.
- Or go to
Domain managementand use Netlify DNS
- Enable the SSL/TLS certificate and force TLS to direct all traffic to HTTPS.
Use Prose.io to edit and publish your post.
You can sign in to Prose.io with your Github account to create, edit, and delete files, and save it directly to GitHub.
- Visit the website prose.io and authorise on GitHub.
- To edit or create a post, go to
_postsand click on
- The new post that you have created will be automatically published by Netlify if you are using Netlify to deploy your site.
Don’t forget to
git pull everytime you work on your site locally.
Git pull will bring a local branch up-to-date with its remote version of your Github repository.
Resouces to read
Subscribe to iBlogger
Get the latest posts delivered right to your inbox