npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

static-blode

v1.1.8

Published

A simple Node.js application to create static blogs.

Downloads

7

Readme

blode

blode is a simple Node.js application to create static blogs. I've designed it to create my own blog (zanon.io) and I'll be glad to help if you want to use it too.

Build Status

Quick Start

# install
> npm install static-blode -g

# create sample blog
> blode new my-blog-folder

# change to the new directory
> cd my-blog-folder

# build the blog files
> blode build

# watch the blog running at localhost:3000
> blode run-local

# publish to Amazon S3
> blode publish

How does it work?

The Node.js application reads the blog posts written with the Markdown syntax and compile them to HTML. It also minifies CSS, JS, pre-render pages to improve SEO and gzip contents before uploading to Amazon S3. If you don't want to host on AWS, you can publish manually to another service.

Why a static site generator and not Wordpress?

You can use Jekyll or another static website generator, but please, don't use Wordpress for blogging! Static websites don't need a dedicated server neither a database. A serverless blog means an extremely fast and cheap website. Also, you don't need to worry about security and server updates. You can read more reasons here.

Features

  • Compiles Markdown files to HTML
  • Uses single-page application with AngularJS
  • Pre-render pages
  • Adds blog posts filters by tags
  • Minifies CSS/JS
  • gzip and upload to Amazon S3
  • Updates the RSS and sitemap files

Installing

> npm install static-blode -g

How to use

Below follows some instructions about how to use blode. If you have any doubt, please, file an issue and I'll try to help you.

Create a sample blog

The first step is to generate the blog sample files:

> blode new my-blog-folder
> cd my-blog-folder

Build files

The following command will render all markdown files, update the sitemap, RSS and update additional files for Angular.

> blode build

Configuration

If you want to publish your blog on Amazon S3, you need to modify the config.json file that is located at the root level of your blog folder. Fill the following properties:

{
  "awsAccessKeyId" : "your_access_key",
  "awsSecretAccessKey" : "your_secret_key",
  "awsRegion": "your_region",
  "awsBucketName" : "your_aws_bucket_name"
}

The only mandatory option is the awsBucketName (that must match your domain name). The rest of the settings can be configured with shared files or environment variables (more here).

For a tutorial on how to host a static blog in Amazon S3, you can read here.

Test

Test the blog and watch it running at localhost:3000

> blode run-local

Publish

Publish is done to AWS S3 using:

> blode publish

Blog posts

Blog posts should be created inside the raw folder using the Markdown markup language and you can use your favorite editor for this. If you don't have one, I suggest: stackedit.io

blode requires that each post uses the following format:

Note: replace < text > by your data.