# gatsby-theme-blog-ghost-casper > Ghost theme for Gatsby Latest version **0.0.48** (published 2024-05-09) · MIT license · 0 weekly downloads ## Install ```sh npm install gatsby-theme-blog-ghost-casper pnpm add gatsby-theme-blog-ghost-casper yarn add gatsby-theme-blog-ghost-casper bun add gatsby-theme-blog-ghost-casper ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.48 | | Published | 2024-05-09 | | First published | 2020-01-25 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 23 | | Unpacked size | 549.8 KB | | Known vulnerabilities | 0 (+3 in 3 direct dependencies) | | Install scripts | no | | Author | Kumar D | | Maintainers | kumarvaralakshmi | | Keywords | gatsby, gatsby-theme, gatsby-plugin, ghost, casper | ## Links - npm: https://www.npmjs.com/package/gatsby-theme-blog-ghost-casper - Repository: https://github.com/kutty-kumar/gatsby-theme-ghost - Homepage: https://github.com/kutty-kumar/gatsby-theme-ghost#readme - Issues: https://github.com/kutty-kumar/gatsby-theme-ghost/issues - npm.io page: https://npm.io/package/gatsby-theme-blog-ghost-casper ## Dependencies (23) - [react](https://npm.io/package/react.md) ^16.14.0 - [gatsby](https://npm.io/package/gatsby.md) ^2.32.13 - [lodash](https://npm.io/package/lodash.md) ^4.17.11 - [react-dom](https://npm.io/package/react-dom.md) ^16.14.0 - [disqus-react](https://npm.io/package/disqus-react.md) ^1.1.5 - [gatsby-image](https://npm.io/package/gatsby-image.md) ^2.11.0 - [react-helmet](https://npm.io/package/react-helmet.md) ^5.2.1 - [gatsby-plugin-feed](https://npm.io/package/gatsby-plugin-feed.md) ^2.13.1 - [gatsby-plugin-sharp](https://npm.io/package/gatsby-plugin-sharp.md) ^2.14.4 - [gatsby-remark-images](https://npm.io/package/gatsby-remark-images.md) ^3.11.1 - [gatsby-plugin-sitemap](https://npm.io/package/gatsby-plugin-sitemap.md) ^2.12.0 - [gatsby-remark-prismjs](https://npm.io/package/gatsby-remark-prismjs.md) ^3.13.0 - [gatsby-plugin-dark-mode](https://npm.io/package/gatsby-plugin-dark-mode.md) ^1.1.2 - [gatsby-transformer-yaml](https://npm.io/package/gatsby-transformer-yaml.md) ^2.11.0 - [gatsby-plugin-typography](https://npm.io/package/gatsby-plugin-typography.md) ^2.12.0 - [gatsby-source-filesystem](https://npm.io/package/gatsby-source-filesystem.md) ^2.11.1 - [gatsby-transformer-sharp](https://npm.io/package/gatsby-transformer-sharp.md) ^2.12.1 - [gatsby-remark-smartypants](https://npm.io/package/gatsby-remark-smartypants.md) ^2.10.0 - [gatsby-transformer-remark](https://npm.io/package/gatsby-transformer-remark.md) ^2.16.1 - [gatsby-plugin-page-creator](https://npm.io/package/gatsby-plugin-page-creator.md) ^2.10.2 - [gatsby-plugin-react-helmet](https://npm.io/package/gatsby-plugin-react-helmet.md) ^3.10.0 - [gatsby-remark-copy-linked-files](https://npm.io/package/gatsby-remark-copy-linked-files.md) ^2.10.0 - [gatsby-remark-responsive-iframe](https://npm.io/package/gatsby-remark-responsive-iframe.md) ^2.11.0 ## Recent versions - 0.0.48 (latest) — 2024-05-09 - 0.0.47 — 2024-05-09 - 0.0.46 — 2024-05-09 - 0.0.45 — 2024-05-09 - 0.0.44 — 2024-05-09 - 0.0.43 — 2024-05-09 - 0.0.42 — 2024-05-09 - 0.0.41 — 2024-05-09 - 0.0.40 — 2024-05-08 - 0.0.39 — 2024-05-08 - 0.0.38 — 2024-05-08 - 0.0.37 — 2024-05-08 - 0.0.36 — 2024-05-08 - 0.0.35 — 2024-05-08 - 0.0.34 — 2024-05-08 - … 32 more at https://npm.io/package/gatsby-theme-blog-ghost-casper/versions ## README # gatsby-theme-ghost-casper [Ghost Casper](https://github.com/tryghost/casper) theme for Gatsby blog. ### Usage - Install the theme using `npm` or `yarn` ```bash npm i --save gatsby react react-dom gatsby-theme-ghost-casper ``` or ```bash yarn add gatsby react react-dom gatsby-theme-ghost-casper ``` - Create the following project structure for your website. ``` your-awesome-website ├── src │ ├── assets │ │ ├── featured-image.jpg │ │ └── icon.png │ ├── data │ │ ├── authors.yml │ │ ├── navigation.yml │ │ └── tags.yml │ ├── gatsby-theme-ghost-casper │ │ ├── assets │ │ │ └── logo.png │ │ ├── src │ │ └── style │ │ └── override.css │ ├── pages │ │ ├── blog │ │ │ ├── your-awesome-blog-post-title │ │ │ │ ├── featured-image.jpg │ │ │ │ └── index.md │ │ └── about.js ├── static │ └── CNAME ├── gatsby-browser.js ├── gatsby-config.js ├── package.json └── README.MD ``` - In the `gatsby-config.js` file add the following changes ```js module.exports = { siteMetadata: { title: '', // Site Title author: '', // Author of the website description: '', // Description for the website siteUrl: 'https://example.com', // Base URL of the website (No trailing slash) social: { // Social URLs of the website. Will be used to show in footer if provided twitter: '', facebook: '', instagram: '', github: '', }, config: { postsPerPage: 10, // Number of posts to show per page disqus: '', // Disqus username. If provided, disqus comments section will be added on each posts page }, }, plugins: [ { resolve: 'gatsby-theme-ghost-casper', options: { title: 'Your Site Title', // Required: used for the title of RSS feed pathPrefix: '', // path prefix for the website URL }, }, // Other plugins comes here ], }; ``` - Add the following content in `src/data/authors.yml` file to add the author information. ```yml - id: username # unique username for the author. This will be used in the URL for the author page name: Name # Name of the author bio: Bio # Bio of the author location: Location # Location of the author website: https://authorswebsite.com # Website of the author twitter: twitter_username facebook: faceboon_username profileImage: https://avatars0.githubusercontent.com/u/AUTHOR # URL containing the author profile Image coverImage: # Cover Image to show in authors page ``` - The links shown in the header can be customized by adding them in `src/data/navigation.yml` file ```yml - label: Home url: / - label: About url: /about ``` - The theme supports creating blog posts using markdown files. You can start adding your first page by creating a file at `src/pages//index.md` with the following content. ```md --- title: Your Awesome Title date: '2019-07-07' tags: ['tag1', 'tag2'] author: username featuredImage: ./welcome.jpg draft: false --- Your Awesome Blog Content ``` - To set sitewide featured image, place a file named `featured-image.jpeg` and the theme will pick it up. - To change the site logo, place your logo file as PNG named as `logo.png` in the `src/gatsby-theme-ghost-casper/assets/` directory. - Now run `npm run develop` or `yarn run develop` to start development. Happy Blogging. 😇 ## Example Site - GeeksCreed - [Source](https://github.com/geekscreed/geekscreed.com/), [Demo](https://geekscreed.com/) For detailed usage of gatsby themes, refer [themes documentation](https://www.gatsbyjs.org/docs/themes/) of Gatsby. ## Copyright & License Copyright (c) 2013-2019 Ghost Foundation / Kumar D - Released under the [MIT license](LICENSE). --- _Source: https://npm.io/package/gatsby-theme-blog-ghost-casper · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._