Skip to content
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
content
helpers
layouts
partials
sass
.gitignore
Gulpfile.js
LICENSE
README.md
index.js
package.json

README.md

Neo-HPSTR Metalsmith Theme

GitHub Version

Neo-HPSTR Metalsmith is a responsive and modern blog template based on Neo-HPSTR Jekyll

Preview

Demo

Contents

Installation

Boilerplate / Fork

  1. Fork the repo
  2. Clone the fork locally (git clone git@github.com:username/reponame.git)
  3. Delete the stock posts and images
  4. Install NPM modules (npm install)
  5. Build into /public (node .)
  6. Make it your own!

NOTE: If you're going to serve this using GitHub Pages, be sure to enable GitHub Pages in your settings and select your desired source.

Features

  • Modern design.
  • Responsive templates (post, page and home) in /layouts. Looks great on mobile, tablet and desktop devices.
  • Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.
  • Sweet topbar animated menu with support for drop-downs.
  • Optional Disqus command and social sharing links.
  • Open Graph and Twitter Cards support for a better social sharing experience.
  • Simple custom 404 page to get you started.
  • Syntax highlighting to make your code examples look snazzy.
  • Author panel with social links.

Configuration

Here are some tips on how to customize your blog theme. If you have questions, just open a new issue. :)

Project tree

├── assets/
│   ├── fonts/                  # fonts (i.e. FontAwesome)
│   ├── images/                 # images (i.e. logo, favicon, etc)
│   ├── javascripts/            # third-party and page specific js
│   ├── stylesheets/            # css (compiled from /sass)
├── content/
│   ├── _posts/                 # blog posts
│   ├── about/index.md          # about page
│   ├── posts/index.html.hbs    # archives page
│   ├── search/index.html.hbs   # search page
│   ├── 404.html.hbs            # 404 page
│   ├── index.html.hbs          # home page
├── helpers/                    # handlebars helpers
├── layouts/                    # blog layouts
│   ├── home.html
│   ├── page.html
│   └── post.html
├── partials/
│   ├── author.hbs              # author banner (at the end of post)
│   ├── disqus-comments.hbs     # comments
│   ├── footer.hbs              # page footer
│   ├── head.hbs                # site head, with css includes and metadata
│   ├── header.hbs              # header menu
│   ├── icons.hbs               # site icons
│   ├── pagination.hbs          # pagination
│   ├── read-more.hbs           # read-more banner, to recommend posts
│   ├── scripts.hbs             # js scripts
│   └── social-share.hbs        # floating social share integration
├── sass/                       # blog style
├── Guplfile.js                 # some gupl tasks, useful for theme developing
├── index.js                    # main config and process file
├── LICENSE
├── package.json
├── README.md

License

The theme is available as open source under the terms of the MIT License.

You can’t perform that action at this time.