Skip to content
master
Switch branches/tags
Code
This branch is up to date with master.
Contribute

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Gatsby Theme Hacker News

  • an elegant way to display linked headlines from Hacker News
  • option to display on styled MDX file

This theme includes

Here's the source code

Check out a live demo

Example:

example

Installation

To use this theme in your Gatsby sites, follow these instructions:

  1. Install the theme
npm install --save gatsby-theme-hacker-news
  1. Add the theme to your gatsby-config.js:
module.exports = {
  plugins: ["gatsby-theme-hacker-news"],
}
  1. Start your site
gatsby develop

To change the number of displayed headlines:

  • create a shadow component List.js
  • in the shadow component, splice the map function. For example, to display 11 results:
{data.allHnStory.edges.splice(0,11).map(({ node })
  • alternately, modify the GraphQL query:
allHnStory(sort: {fields: [order]}, limit: 11)

About

A submission for the Gatsby Theme Jam.

Resources

Releases

No releases published

Packages

No packages published