# gatsby-theme-medium
> A Gatsby theme that looks like Medium
Latest version **0.0.1** (published 2019-08-01) · MIT license · 0 weekly downloads
## Install
```sh
npm install gatsby-theme-medium
pnpm add gatsby-theme-medium
yarn add gatsby-theme-medium
bun add gatsby-theme-medium
```
## 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.1 |
| Published | 2019-08-01 |
| First published | 2019-07-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 29 |
| Unpacked size | 49.7 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | siddharthkp |
| Keywords | gatsby, gatsby-theme, gatsby-plugin, react, blog, medium |
## Links
- npm: https://www.npmjs.com/package/gatsby-theme-medium
- Repository: https://github.com/siddharthkp/gatsby-theme-medium
- Homepage: https://github.com/siddharthkp/gatsby-theme-medium#readme
- Issues: https://github.com/siddharthkp/gatsby-theme-medium/issues
- npm.io page: https://npm.io/package/gatsby-theme-medium
## Dependencies (29)
- [theme-ui](https://npm.io/package/theme-ui.md) ^0.2.23
- [deepmerge](https://npm.io/package/deepmerge.md) ^4.0.0
- [@mdx-js/mdx](https://npm.io/package/@mdx-js/mdx.md) ^1.1.1
- [remark-slug](https://npm.io/package/remark-slug.md) ^5.1.2
- [gatsby-image](https://npm.io/package/gatsby-image.md) ^2.2.7
- [react-helmet](https://npm.io/package/react-helmet.md) ^5.2.1
- [react-switch](https://npm.io/package/react-switch.md) ^5.0.1
- [@emotion/core](https://npm.io/package/@emotion/core.md) ^10.0.14
- [@mdx-js/react](https://npm.io/package/@mdx-js/react.md) ^1.1.1
- [typeface-lato](https://npm.io/package/typeface-lato.md) ^0.0.75
- [typeface-lora](https://npm.io/package/typeface-lora.md) ^0.0.72
- [@theme-ui/prism](https://npm.io/package/@theme-ui/prism.md) ^0.2.23
- [gatsby-plugin-mdx](https://npm.io/package/gatsby-plugin-mdx.md) ^1.0.19
- [gatsby-plugin-feed](https://npm.io/package/gatsby-plugin-feed.md) ^2.3.6
- [gatsby-plugin-sharp](https://npm.io/package/gatsby-plugin-sharp.md) ^2.2.9
- [@theme-ui/typography](https://npm.io/package/@theme-ui/typography.md) ^0.2.23
- [gatsby-remark-images](https://npm.io/package/gatsby-remark-images.md) ^3.1.7
- [gatsby-plugin-emotion](https://npm.io/package/gatsby-plugin-emotion.md) ^4.1.2
- [gatsby-plugin-twitter](https://npm.io/package/gatsby-plugin-twitter.md) ^2.1.2
- [gatsby-plugin-theme-ui](https://npm.io/package/gatsby-plugin-theme-ui.md) ^0.2.23
- [gatsby-source-filesystem](https://npm.io/package/gatsby-source-filesystem.md) ^2.1.7
- [gatsby-transformer-sharp](https://npm.io/package/gatsby-transformer-sharp.md) ^2.2.5
- [gatsby-remark-code-titles](https://npm.io/package/gatsby-remark-code-titles.md) ^1.1.0
- [gatsby-remark-smartypants](https://npm.io/package/gatsby-remark-smartypants.md) ^2.1.2
- [typeface-playfair-display](https://npm.io/package/typeface-playfair-display.md) ^0.0.72
- [gatsby-plugin-react-helmet](https://npm.io/package/gatsby-plugin-react-helmet.md) ^3.1.2
- [gatsby-remark-copy-linked-files](https://npm.io/package/gatsby-remark-copy-linked-files.md) ^2.1.4
- [typography-theme-wordpress-2016](https://npm.io/package/typography-theme-wordpress-2016.md) ^0.16.19
- [gatsby-remark-numbered-footnotes](https://npm.io/package/gatsby-remark-numbered-footnotes.md) ^1.0.0
## Alternatives
- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads
## Recent versions
- 0.0.1 (latest) — 2019-08-01
- 0.0.0 — 2019-07-24
## README
Gatsby Theme Medium
When you like the style, but not the company.
## Installation
```sh
npm install --save gatsby-theme-medium
```
## Usage
### Theme options
| Key | Default value | Description |
| ------------- | ---------------- | --------------------------------------------------------------------------------------------------------- |
| `basePath` | `/` | Root url for all blog posts |
| `contentPath` | `content/posts` | Location of blog posts |
| `assetPath` | `content/assets` | Location of assets |
| `mdx` | `true` | Configure `gatsby-plugin-mdx` (if your website already is using the plugin pass `false` to turn this off) |
#### Example usage
```js
// gatsby-config.js
module.exports = {
plugins: [
{
resolve: `gatsby-theme-medium`,
options: {
// basePath defaults to `/`
basePath: `/blog`
}
}
]
};
```
### Additional configuration
In addition to the theme options, there are a handful of items you can customize via the `siteMetadata` object in your site's `gatsby-config.js`
```js
// gatsby-config.js
module.exports = {
siteMetadata: {
// Used for the site title and SEO
title: `My Blog Title`,
// Used to provide alt text for your avatar
author: `My Name`,
// Used for SEO
description: `My site description...`,
// Used for social links in the root footer
social: [
{
name: `Twitter`,
url: `https://twitter.com/gatsbyjs`
},
{
name: `GitHub`,
url: `https://github.com/gatsbyjs`
}
]
}
};
```
---
_Source: https://npm.io/package/gatsby-theme-medium · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._