scttcper / Gatsby Casper
Licence: mit
A Casper blog starter for Gatsby
Stars: ✭ 375
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Gatsby Casper
Gatsby Starter Try Ghost
Publish flaring fast blogs with Gatsby and Ghost
Stars: ✭ 137 (-63.47%)
Mutual labels: gatsby, ghost, ghost-theme
Gatsby Theme Try Ghost
A Gatsby theme to build flaring fast blogs from headless Ghost CMS
Stars: ✭ 88 (-76.53%)
Mutual labels: gatsby, ghost, ghost-theme
gatsby-london-after-midnight
A free, open source, image-concentric starter for GatsbyJS
Stars: ✭ 37 (-90.13%)
Mutual labels: gatsby, ghost
gatsby-attila-theme-ghost
A Gatsby theme plugin for creating blogs from headless Ghost CMS.
Stars: ✭ 16 (-95.73%)
Mutual labels: gatsby, ghost
donnie-dark
Donnie Dark is dark, responsive, customizable theme for Ghost 0.5+ blogs. Name of the theme is hats-off for a great movie.
Stars: ✭ 20 (-94.67%)
Mutual labels: ghost, ghost-theme
Caffeine Theme
A minimalist, Material Design inspired Ghost Theme for optimal desktop and mobile experiences
Stars: ✭ 300 (-20%)
Mutual labels: ghost, ghost-theme
aesto
Free Ghost theme with membership support. Minimal content focused design with multi author supported.
Stars: ✭ 31 (-91.73%)
Mutual labels: ghost, ghost-theme
Prometheus
🌈 A Clean And Modern Ghost Theme with Progressive Web Apps (PWA)
Stars: ✭ 94 (-74.93%)
Mutual labels: ghost, ghost-theme
heidi
A port of Mark Otto's Hyde theme to Ghost
Stars: ✭ 34 (-90.93%)
Mutual labels: ghost, ghost-theme
clean
clean是一个简洁清新的ghost博客现代主题 https://www.imcaviare.com
Stars: ✭ 14 (-96.27%)
Mutual labels: ghost, ghost-theme
Edge
A visually aesthetic portfolio theme for Ghost
Stars: ✭ 61 (-83.73%)
Mutual labels: ghost, ghost-theme
Alto
A clean, minimalist theme featuring a light and dark mode for Ghost
Stars: ✭ 109 (-70.93%)
Mutual labels: ghost, ghost-theme
gatsby-casper
Demo: https://gatsby-casper.netlify.app
This is a static blog generator and starter gatsby repo. A port of Casper v3 a theme from Ghost for GatsbyJS using TypeScript.
Getting Started
Clone this repo.
git clone https://github.com/scttcper/gatsby-casper.git --depth=1
Remove .git folder and setup a new one
rm -rf .git && git init
Edit website-config.ts with your website settings. Either disable subscribe or setup a mailchimp list and add the form action and hidden field input name.
Now push to whatever repo you want!
Progress
- [x] emotion / component styles
- [x] home page
- [x] tag page
- [x] author page
- [x] blog page
- [x] subscribe form - using mailchimp
- [ ] full width images in markdown? - not sure if possible
- [x] multiple post authors
- [x] 404 page
- [x] subscribe modal/overlay
- [x] rss feed (on production build)
- [ ] polish ✨
- [x] meta tags
- [x] page titles
- [ ] pagination
Deploy to Netlify
How to configure Google Analytics
Edit gatsby-config.js
and add your tracking ID
{
resolve: `gatsby-plugin-google-analytics`,
options: {
// Here goes your tracking ID
trackingId: 'UA-XXXX-Y',
// Puts tracking script in the head instead of the body
head: true,
// IP anonymization for GDPR compliance
anonymize: true,
// Disable analytics for users with `Do Not Track` enabled
respectDNT: true,
// Avoids sending pageview hits from custom paths
exclude: ['/preview/**'],
// Specifies what percentage of users should be tracked
sampleRate: 100,
// Determines how often site speed tracking beacons will be sent
siteSpeedSampleRate: 10,
},
},
How to edit your site title and description
Edit gatsby-config.js
section siteMetadata
siteMetadata: {
title: 'My awesome site name',
description: 'This is a description for my site',
siteUrl: 'https://mysite.com', // full path to blog - no ending slash
},
How to adjust pagination
In gatsby-node.js
, edit the postsPerPage
constant. The default value is
six posts per page.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].