Start off your Metalsmith journey with this blog boilerplate. This starter is based on the Metalsmith bare-bones starter but also includes a blog landing page and several "greek" blog posts. Check out a demo of this starter.
-
Create a Metalsmith site.
Clone the starter repository to create a new blog.
git clone https://github.com/wernerglinka/metalsmith-blog-starter my-blog
-
Start developing.
Navigate into your new site’s directory and start it up.
cd my-blog/ npm install npm start
-
Open the source code and start editing!
Your site is now running at
http://localhost:3000
!Open the
my-blog
directory in your code editor of choice and edit any page. Save your changes and the browser will update in real time!
A quick look at the top-level files and directories you'll see in this Metalsmith project.
.
├── node_modules
├── src
├── layouts
├── .eslintrc.js
├── .gitignore
├── .prettierignore
├── .prettierrc
├── LICENSE
├── metalsmith.js
├── package-lock.json
├── package.json
└── README.md
-
node_modules
: This directory contains all the node modules that your project depends on. -
src
: This directory will contain all the content that makes up your site. -
layouts
: This directory will contain all the layout templates and template partials that will be used to render your site. -
.eslintrc.yml
: This file contains all rules foir eslint. -
.gitignore
: This file tells git which files it should not track / not maintain a version history for. -
.prettierignore
: This file tells prettier what files it should ignore. -
.prettierrc
: This is a configuration file for Prettier. Prettier is a tool to help keep the formatting of your code consistent. -
LICENSE
: This Metalsmith starter is licensed under the MIT license. -
metalsmith.js
: This is the Metalsmith build file. -
package-lock.json
(Seepackage.json
below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You won’t change this file directly). -
package.json
: A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project. -
README.md
: A text file containing useful reference information about your project.
Looking for more guidance? Full documentation for Metalsmith can be found on the Metalsmith website.
Deploy and Host on any static hosting service. For example Netlify, Vercel or Cloudflare Pages.
Here is an article about how to deploy Metalsmith on Netlify.