Getting started

squido logo

What is squido?

squido is a dead simple static website builder which can be hosted anywhere for super fast websites and very little effort.

The idea is to be a no-code setup and have everything you need to run and host a website. You simply do the writing and customization of style and layout.

Installation

Simply install the squido cli module globally in order to build and manage your static site.

From Github (preferred for latest version)

$ npm i -g https://github.com/mrvautin/squido.git

From npm

$ npm install -g squido

With Yarn

$ yarn global add squido

Start from default blog setup

Warning: This will overwrite any existing content you've created

Make your squido website directory:

$ mkdir my-squido-website

Enter your new squido website directory:

$ cd my-squido-website

Setup a new squido website from defaults

$ squido new

Start from scratch

Make your squido website directory:

$ mkdir my-squido-website

Enter your new squido website directory:

$ cd my-squido-website

Get started building your squido website structure.

Start from template

The example we will use below is our blog example. There is also a documentation website example you can use.

$ git clone https://github.com/mrvautin/squido-blog-example my-squido-website

Replace my-squido-website with your new website directory name

Enter your new squido website directory:

$ cd my-squido-website

Run the following command to build, clean, serve and watch for changes:

$ squido serve -b -w -c

You can then visit your website here:

http://localhost:4965

Clean = removes everything in your /build directory.

Serve = starts a web server so you can view your website.

Without Git

Whilst it's best and easiest (depending on the user) to use squido with Git to manage deployment and source control. If you don't want to use Git you can use our Post Build tasks to easily deploy and manage your website.

Create Git repository

  1. Create repository:

Create repository

  1. Set the repository name:

Set repository name

  1. Set public/private:

Set repository name

  1. Finish creating the repository:

Set repository name

  1. Add your new repository to your git remotes:
$ git remote add origin https://github.com/user/repo.git
  1. Check remote is correctly added:
$ git remote -v
# Verify new remote
> origin  https://github.com/user/repo.git (fetch)
> origin  https://github.com/user/repo.git (push)
  1. Create your first post: /source/posts/hello-world.markdown
---
title: Hello World
permalink: hello-world
description: Hello World
date: '2021-03-10 01:59:00'
---
  1. Add your new files to first commit:
$ git add .
  1. Commit your files/changes:
$ git commit -m "First commit"
  1. Push your changes to your repository:
$ git push

Setup the deploy/hosting.

Demos

Blog style: https://squido-blog.markmoffat.com

Documentation style: This website

Traditional website: https://squido.markmoffat.com