Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/scttcper/gatsby-casper
A Casper blog starter for Gatsby
https://github.com/scttcper/gatsby-casper
casper gatsby ghost ghost-theme typescript
Last synced: about 11 hours ago
JSON representation
A Casper blog starter for Gatsby
- Host: GitHub
- URL: https://github.com/scttcper/gatsby-casper
- Owner: scttcper
- License: mit
- Created: 2018-09-10T03:48:22.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-07-11T19:52:11.000Z (about 1 year ago)
- Last Synced: 2024-09-23T15:04:09.164Z (1 day ago)
- Topics: casper, gatsby, ghost, ghost-theme, typescript
- Language: TypeScript
- Homepage: https://gatsby-casper.netlify.app
- Size: 11.4 MB
- Stars: 478
- Watchers: 18
- Forks: 173
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gatsby-casper
Demo: https://gatsby-casper.netlify.app
This is a static blog generator and starter gatsby repo. A port of [Casper](https://github.com/TryGhost/Casper) v3 a theme from [Ghost](https://ghost.org/) for [GatsbyJS](https://www.gatsbyjs.org/) using [TypeScript](https://www.typescriptlang.org/).
## 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](https://mailchimp.com)
- [ ] 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
[](https://app.netlify.com/start/deploy?repository=https://github.com/scttcper/gatsby-casper)
## How to configure Google Analytics
Edit `gatsby-config.js` and add your tracking ID
```javascript
{
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`
```javascript
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.