Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Mdx #1128

Merged
merged 182 commits into from Mar 9, 2019
Merged

Add Mdx #1128

Changes from all commits
Commits
Show all changes
182 commits
Select commit Hold shift + click to select a range
1a7cff3
update lockfile
spences10 Jan 19, 2019
c2d77e8
Install related deps needed
spences10 Jan 19, 2019
8e9b3eb
config mdx
spences10 Jan 19, 2019
ee0e2ee
use examples from LekoArts blog example, thanks 🙏
spences10 Jan 19, 2019
bfc810c
config for mdx
spences10 Jan 19, 2019
1d4ff6b
add remark external links
spences10 Jan 19, 2019
ac3b46e
try post
spences10 Jan 19, 2019
21419c1
update lockfile
spences10 Jan 19, 2019
f8abdc5
Install related deps needed
spences10 Jan 19, 2019
cbec2f2
config mdx
spences10 Jan 19, 2019
0cac2ce
use examples from LekoArts blog example, thanks 🙏
spences10 Jan 19, 2019
d6a5c97
config for mdx
spences10 Jan 19, 2019
39edd57
add remark external links
spences10 Jan 19, 2019
bf1aa7d
try post
spences10 Jan 19, 2019
56597a0
merge conflict
spences10 Mar 3, 2019
300addb
update lockfile
spences10 Mar 3, 2019
b53e879
config mdx for md
spences10 Mar 3, 2019
6258ed8
latest mdx
spences10 Mar 3, 2019
13ae7cc
update deps
spences10 Mar 3, 2019
76ba848
add mdx file
spences10 Mar 3, 2019
ca12ce4
updates
spences10 Mar 3, 2019
daf8327
remove html tags
spences10 Mar 4, 2019
ab2f508
use mdx in place of markdownremark
spences10 Mar 4, 2019
0f0b022
update peacock!
spences10 Mar 5, 2019
275c29e
update lockfile
spences10 Mar 5, 2019
1c05437
remove unused packages
spences10 Mar 5, 2019
bf7da49
replac appos with backtick
spences10 Mar 5, 2019
a604deb
update config
spences10 Mar 5, 2019
d42dbb7
add gatsby-plugin-feed
spences10 Mar 5, 2019
688a25e
remove plugin
spences10 Mar 5, 2019
9a44373
Update Node.js to v10.15.3
renovate-bot Mar 5, 2019
2fbe16a
move scripts
spences10 Mar 5, 2019
dea0aa8
update dev script
spences10 Mar 5, 2019
8f7d947
Update gatsby monorepo
renovate-bot Mar 5, 2019
1d89e75
update if
spences10 Mar 5, 2019
91fb37d
move excerpt
spences10 Mar 5, 2019
5190c55
use jsx
spences10 Mar 5, 2019
60c9bba
remove prism
spences10 Mar 5, 2019
d4c221e
create internal types
spences10 Mar 5, 2019
c84308b
default export!
spences10 Mar 5, 2019
b4c4d37
Update gatsby monorepo
renovate-bot Mar 5, 2019
85e1bcb
Update react monorepo to v16.8.4
renovate-bot Mar 5, 2019
93c2660
revert jsx tag
spences10 Mar 6, 2019
e58e08a
use MDXRenderer, see yah dangersethtml!
spences10 Mar 6, 2019
c180708
update mdx
spences10 Mar 6, 2019
d3e6bda
remove transformer remark
spences10 Mar 6, 2019
a9e7748
use code.body in place of html
spences10 Mar 6, 2019
51c9d37
bump version
spences10 Mar 6, 2019
9be7e27
update lockfile
spences10 Jan 19, 2019
70b1106
Install related deps needed
spences10 Jan 19, 2019
0a0daa6
config mdx
spences10 Jan 19, 2019
d6a4740
use examples from LekoArts blog example, thanks 🙏
spences10 Jan 19, 2019
897b9ba
config for mdx
spences10 Jan 19, 2019
4bb0564
try post
spences10 Jan 19, 2019
33bac54
config mdx for md
spences10 Mar 3, 2019
af0e721
add mdx file
spences10 Mar 3, 2019
c6456b6
remove html tags
spences10 Mar 4, 2019
bb6a0de
use mdx in place of markdownremark
spences10 Mar 4, 2019
b8f6239
update peacock!
spences10 Mar 5, 2019
e941bde
replac appos with backtick
spences10 Mar 5, 2019
1ff3234
update if
spences10 Mar 5, 2019
7df1b05
move excerpt
spences10 Mar 5, 2019
8a10e94
use jsx
spences10 Mar 5, 2019
24d595e
remove prism
spences10 Mar 5, 2019
e980790
create internal types
spences10 Mar 5, 2019
729306d
default export!
spences10 Mar 5, 2019
f8c637d
revert jsx tag
spences10 Mar 6, 2019
694e222
use MDXRenderer, see yah dangersethtml!
spences10 Mar 6, 2019
3093cbd
use code.body in place of html
spences10 Mar 6, 2019
817c1de
merge conflict
Mar 6, 2019
b132dca
update lockfile
Mar 6, 2019
8465176
unused var
spences10 Mar 6, 2019
f90eaca
case seo
spences10 Mar 6, 2019
3e946fe
use path not slug
spences10 Mar 6, 2019
7adb35d
RSS Title
spences10 Mar 6, 2019
39a30de
Click me!!
spences10 Mar 6, 2019
a83deab
Update dependency release-it to v10.3.1
renovate-bot Mar 6, 2019
4d3eebe
Update Node.js to v10.15.3
renovate-bot Mar 5, 2019
874d0fd
Update gatsby monorepo
renovate-bot Mar 5, 2019
63aaf1c
Update gatsby monorepo
renovate-bot Mar 5, 2019
7274898
Update react monorepo to v16.8.4
renovate-bot Mar 5, 2019
37377c0
Update dependency release-it to v10.3.1
renovate-bot Mar 6, 2019
c1a7e2c
Merge branch 'patch' of github.com:spences10/blog.scottspence.me into…
spences10 Mar 7, 2019
7c53e54
Merge pull request #1127 from spences10/patch
spences10 Mar 7, 2019
371ead3
add autolink headers
spences10 Mar 7, 2019
52646f0
add keywords to SEO
spences10 Mar 7, 2019
449a879
add frontmatter tags
spences10 Mar 7, 2019
277325e
only published posts in rss
spences10 Mar 7, 2019
a7932aa
add remark external links
spences10 Mar 7, 2019
d90cd50
Update dependency gatsby to v2.1.24
renovate-bot Mar 7, 2019
eeba4d8
use night owl!
spences10 Mar 7, 2019
ec7105b
Update dependency netlify-cms to v2.6.0
renovate-bot Mar 8, 2019
4c1fca2
styled pre
spences10 Mar 8, 2019
88778e6
Update Node.js to v10.15.3
renovate-bot Mar 5, 2019
b1fecbb
Update gatsby monorepo
renovate-bot Mar 5, 2019
ab30832
Update gatsby monorepo
renovate-bot Mar 5, 2019
853f980
Update react monorepo to v16.8.4
renovate-bot Mar 5, 2019
aa2ed91
Update dependency release-it to v10.3.1
renovate-bot Mar 6, 2019
e2ec82f
Update gatsby monorepo
renovate-bot Mar 5, 2019
9dfac04
Merge branch 'patch' of github.com:spences10/blog.scottspence.me into…
spences10 Mar 8, 2019
58d5726
Merge branch 'develop' into patch
spences10 Mar 8, 2019
9844621
update lockfile
spences10 Jan 19, 2019
c21c0a5
Install related deps needed
spences10 Jan 19, 2019
ec1fbb9
config mdx
spences10 Jan 19, 2019
9cd0398
use examples from LekoArts blog example, thanks 🙏
spences10 Jan 19, 2019
679778d
config for mdx
spences10 Jan 19, 2019
627b37d
try post
spences10 Jan 19, 2019
f13ee74
config mdx for md
spences10 Mar 3, 2019
b55eb9f
add mdx file
spences10 Mar 3, 2019
f2bbb84
remove html tags
spences10 Mar 4, 2019
779babc
use mdx in place of markdownremark
spences10 Mar 4, 2019
3bee333
update peacock!
spences10 Mar 5, 2019
0b9e002
replac appos with backtick
spences10 Mar 5, 2019
bc66fea
update if
spences10 Mar 5, 2019
c29de4e
move excerpt
spences10 Mar 5, 2019
7f14384
use jsx
spences10 Mar 5, 2019
f1dd987
remove prism
spences10 Mar 5, 2019
abc4ab1
create internal types
spences10 Mar 5, 2019
35b817c
default export!
spences10 Mar 5, 2019
9d68ef5
revert jsx tag
spences10 Mar 6, 2019
3b4350c
use MDXRenderer, see yah dangersethtml!
spences10 Mar 6, 2019
94831d3
update mdx
spences10 Mar 6, 2019
98af9ae
use code.body in place of html
spences10 Mar 6, 2019
c5cb513
update lockfile
spences10 Jan 19, 2019
f01804d
use mdx in place of markdownremark
spences10 Mar 4, 2019
2969a63
use jsx
spences10 Mar 5, 2019
19c8eb2
revert jsx tag
spences10 Mar 6, 2019
05246bc
Click me!!
spences10 Mar 6, 2019
33e9241
use night owl!
spences10 Mar 7, 2019
e34b603
styled pre
spences10 Mar 8, 2019
bf3d434
Merge branch 'dev/add-mdx' of github.com:spences10/blog.scottspence.m…
spences10 Mar 8, 2019
7a1cbde
Merge pull request #1131 from spences10/patch
spences10 Mar 8, 2019
18e34d6
clear out post
spences10 Mar 8, 2019
4b57af4
test images
spences10 Mar 8, 2019
a131119
parent!!
spences10 Mar 8, 2019
93ed477
update lockfile
spences10 Jan 19, 2019
8a390ef
Install related deps needed
spences10 Jan 19, 2019
fb83867
config mdx
spences10 Jan 19, 2019
50f17a1
use examples from LekoArts blog example, thanks 🙏
spences10 Jan 19, 2019
7d0c5b1
config for mdx
spences10 Jan 19, 2019
c2d449d
try post
spences10 Jan 19, 2019
d7d4837
config mdx for md
spences10 Mar 3, 2019
1dbc243
add mdx file
spences10 Mar 3, 2019
1f780d8
remove html tags
spences10 Mar 4, 2019
2107ff4
use mdx in place of markdownremark
spences10 Mar 4, 2019
c476938
update peacock!
spences10 Mar 5, 2019
89d59e0
replac appos with backtick
spences10 Mar 5, 2019
c372380
update if
spences10 Mar 5, 2019
60e15e3
move excerpt
spences10 Mar 5, 2019
1466a0a
use jsx
spences10 Mar 5, 2019
170d405
create internal types
spences10 Mar 5, 2019
1198448
default export!
spences10 Mar 5, 2019
6eaf2d4
revert jsx tag
spences10 Mar 6, 2019
3ae7808
update mdx
spences10 Mar 6, 2019
e914c06
use code.body in place of html
spences10 Mar 6, 2019
e984611
update lockfile
spences10 Jan 19, 2019
cdc8bf9
use jsx
spences10 Mar 5, 2019
9725020
revert jsx tag
spences10 Mar 6, 2019
2d78a3f
Click me!!
spences10 Mar 6, 2019
85b4f7d
use night owl!
spences10 Mar 7, 2019
fabb9ff
styled pre
spences10 Mar 8, 2019
735cd66
use jsx
spences10 Mar 5, 2019
70637f9
update lockfile
spences10 Jan 19, 2019
370b3b9
use jsx
spences10 Mar 5, 2019
6f04a30
revert jsx tag
spences10 Mar 6, 2019
cfa766e
revert jsx tag
spences10 Mar 6, 2019
11fbe7c
update mdx
spences10 Mar 6, 2019
5006b1f
clear out post
spences10 Mar 8, 2019
d26ef70
test images
spences10 Mar 8, 2019
ec1b664
parent!!
spences10 Mar 8, 2019
bac19ca
Merge branch 'dev/add-mdx' of github.com:spences10/blog.scottspence.m…
spences10 Mar 8, 2019
fa1a48c
Merge pull request #1125 from spences10/dev/add-mdx
spences10 Mar 8, 2019
d59b837
add line numbers to highlight
spences10 Mar 9, 2019
61a9c17
border radius
spences10 Mar 9, 2019
a69f429
compare live-react and code highlight w/ image
spences10 Mar 9, 2019
bd172d0
update deps
spences10 Mar 9, 2019
087e535
update dev deps
spences10 Mar 9, 2019
22671c3
remove list style on checks
spences10 Mar 9, 2019
fb6daeb
keep broken config
spences10 Mar 9, 2019
5883d24
repo links
spences10 Mar 9, 2019
3d67a9e
to do
spences10 Mar 9, 2019
08c4963
publish test mdx post
spences10 Mar 9, 2019
File filter...
Filter file types
Jump to…
Jump to file or symbol
Failed to load files and symbols.
+2,020 −2,286
Diff settings

Always

Just for now

Copy path View file
2 .nvmrc
@@ -1 +1 @@
10.15.2
10.15.3
Copy path View file
@@ -1,9 +1,9 @@
{
"workbench.colorCustomizations": {
"titleBar.activeBackground": "#0082e9",
"titleBar.activeForeground": "#e7e7e7",
"titleBar.inactiveBackground": "#0082e9",
"titleBar.inactiveForeground": "#e7e7e7"
"titleBar.activeBackground": "#e9ee8c",
"titleBar.activeForeground": "#15202b",
"titleBar.inactiveBackground": "#757746",
"titleBar.inactiveForeground": "#4a5443"
},
"cSpell.words": ["devto", "reprism", "smackdown"]
}
Copy path View file
@@ -1,7 +1,3 @@
/**
* Implement Gatsby's Browser APIs in this file.
*
* See: https://www.gatsbyjs.org/docs/browser-apis/
*/
import { wrapRootElement as wrap } from './wrap-root-element'

// You can delete this file if you're not using it
export const wrapRootElement = wrap
Copy path View file
@@ -1,111 +1,139 @@
// const path = require(`path`)

const siteMetadata = {
siteUrl: 'https://blog.scottspence.me',
title: 'blog.scottspence.me',
siteTitle: 'blog.scottspence.me',
description:
'Blog (learnings) of Scott Spence, father, husband 👨‍👩‍👧 Full stack web developer in the making 👨‍💻 Just In Time learner 👌 Byproduct of: coffee+excess carbs+lack of sleep. He/Him.',
titleTemplate: '%s | blog.scottspence.me',
twitterUsername: '@ScottDevTweets',
facebookAppID: '',
pages: ['tags'], //'about', 'contact',
nameContent: 'Scott Spence - blog',
developerName: 'Scott Spence',
developerUrl: 'https://scottspence.me',
keywordsContent:
'blog, web developer, javascript, react, learning, information, how to',
imageLink: 'https://blog.scottspence.me/icons/icon-512x512.png',
faviconPng: './src/images/favicon.png',
siteUrl: `https://blog.scottspence.me`,
title: `blog.scottspence.me`,
siteTitle: `blog.scottspence.me`,
description: `Blog (learnings) of Scott Spence, father, husband 👨‍👩‍👧 Full stack web developer in the making 👨‍💻 Just In Time learner 👌 Byproduct of: coffee+excess carbs+lack of sleep. He/Him.`,
titleTemplate: `%s | blog.scottspence.me`,
twitterUsername: `@ScottDevTweets`,
facebookAppID: ``,
pages: [`tags`], //`about`, `contact`,
nameContent: `Scott Spence - blog`,
developerName: `Scott Spence`,
developerUrl: `https.scottspence.me`,
keywordsContent: `blog, web developer, javascript, react, learning, information, how to`,
imageLink: `https://blog.scottspence.me/icons/icon-512x512.png`,
faviconPng: `./src/images/favicon.png`,
contact: [
{ name: 'GitHub', link: 'https://github.com/spences10' },
{ name: 'Medium', link: 'https://medium.com/@spences10' },
{ name: 'Dev.to', link: 'https://dev.to/spences10' },
{ name: 'Twitter', link: 'https://twitter.com/ScottDevTweets' },
{ name: 'Email', link: 'mailto:spences10apps@gmail.com' }
{ name: `GitHub`, link: `https://github.com/spences10` },
{ name: `Medium`, link: `https://medium.com/@spences10` },
{ name: `Dev.to`, link: `https://dev.to/spences10` },
{ name: `Twitter`, link: `https://twitter.com/ScottDevTweets` },
{ name: `Email`, link: `mailto:spences10apps@gmail.com` }
],
// this is for favicon and manifest
backgroundColour: '#663399',
backgroundColour: `#663399`,
// this is for favicon and manifest
themeColour: '#755f9f',
siteLanguage: 'en-GB',
themeColour: `#755f9f`,
siteLanguage: `en-GB`,
prismJsLanguages: [
'language-bash',
'language-css',
'language-html',
'language-js',
'language-json',
'language-yaml'
`language-bash`,
`language-css`,
`language-html`,
`language-js`,
`language-json`,
`language-yaml`
]
}

module.exports = {
siteMetadata: siteMetadata,
plugins: [
'gatsby-plugin-react-helmet',
'gatsby-plugin-netlify-cms',
`gatsby-plugin-react-helmet`,
{
resolve: 'gatsby-source-filesystem',
resolve: `gatsby-source-filesystem`,
options: {
path: `${__dirname}/posts`,
name: 'posts'
name: `posts`
}
},
'gatsby-plugin-sharp',
{
resolve: 'gatsby-transformer-remark',
resolve: `gatsby-mdx`,
options: {
plugins: [
'gatsby-remark-autolink-headers',
'gatsby-remark-copy-linked-files',
'@weknow/gatsby-remark-twitter',
extensions: [`.mdx`, `.md`],
gatsbyRemarkPlugins: [
{
resolve: 'gatsby-remark-images',
resolve: `gatsby-remark-images`,
options: {
// It's important to specify the maxWidth (in pixels) of
// the content container as this plugin uses this as the
// base for generating different widths of each image.
maxWidth: 590
}
},
{
resolve: 'gatsby-remark-embed-video',
resolve: `gatsby-remark-responsive-iframe`,
options: {
related: false, //Optional: Will remove related videos from the end of an embedded YouTube video.
noIframeBorder: true //Optional: Disable insertion of <style> border: 0
wrapperStyle: `margin-bottom: 1.0725rem`
}
},
{
resolve: 'gatsby-remark-prismjs',
options: {
classPrefix: siteMetadata.prismJsLanguages
}
resolve: `gatsby-remark-copy-linked-files`
},
{
resolve: `gatsby-remark-smartypants`
},
// TODO: Replace with "mdx-component-autolink-header"
{
resolve: 'gatsby-remark-external-links',
resolve: `gatsby-remark-autolink-headers`
},
{
resolve: `gatsby-remark-external-links`,
options: {
target: '_blank',
rel: 'noopener'
target: `_blank`,
rel: `noopener`
}
}
]
}
},
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`,
// {
// resolve: `gatsby-transformer-remark`,
// options: {
// plugins: [
// `@weknow/gatsby-remark-twitter`,
// {
// resolve: `gatsby-remark-images`,
// options: {
// // It's important to specify the maxWidth (in pixels) of
// // the content container as this plugin uses this as the
// // base for generating different widths of each image.
// maxWidth: 590
// }
// },
// {
// resolve: `gatsby-remark-embed-video`,
// options: {
// related: false, //Optional: Will remove related videos from the end of an embedded YouTube video.
// noIframeBorder: true //Optional: Disable insertion of <style> border: 0
// }
// },
// {
// resolve: `gatsby-remark-prismjs`,
// options: {
// classPrefix: siteMetadata.prismJsLanguages
// }
// },
// ]
// }
// },
{
resolve: 'gatsby-plugin-favicon',
resolve: `gatsby-plugin-favicon`,
options: {
logo: siteMetadata.faviconPng,
// WebApp Manifest Configuration
appName: siteMetadata.siteTitle,
appDescription: siteMetadata.description,
developerName: siteMetadata.developerName,
developerURL: siteMetadata.developerUrl,
dir: 'auto',
dir: `auto`,
lang: siteMetadata.siteLanguage,
background: siteMetadata.backgroundColour,
theme_color: siteMetadata.themeColour,
display: 'standalone',
orientation: 'any',
start_url: '/?homescreen=1',
version: '1.0',
display: `standalone`,
orientation: `any`,
start_url: `/?homescreen=1`,
version: `1.0`,

icons: {
android: true,
@@ -121,34 +149,90 @@ module.exports = {
}
}
},
'gatsby-plugin-robots-txt',
'gatsby-plugin-sitemap',
`gatsby-plugin-robots-txt`,
`gatsby-plugin-sitemap`,
{
resolve: 'gatsby-plugin-manifest',
resolve: `gatsby-plugin-manifest`,
options: {
name: siteMetadata.siteTitle,
short_name: siteMetadata.siteTitle,
start_url: '/',
start_url: `/`,
background_color: siteMetadata.backgroundColour,
theme_color: siteMetadata.themeColour,
display: 'minimal-ui',
display: `minimal-ui`,
// This path is relative to the root of the site.
icon: siteMetadata.faviconPng
}
},
'gatsby-plugin-offline',
`gatsby-plugin-offline`,
{
resolve: 'gatsby-plugin-google-analytics',
resolve: `gatsby-plugin-google-analytics`,
options: {
// add to netlify Build environment variables
trackingId: process.env.GATSBY_GA_TRACKING_ID,
anonymize: false
}
},
'gatsby-plugin-remove-serviceworker',
'gatsby-plugin-styled-components',
'gatsby-plugin-catch-links',
// this has to stay at the end of the array
'gatsby-plugin-netlify'
`gatsby-plugin-remove-serviceworker`,
`gatsby-plugin-styled-components`,
{
resolve: `gatsby-plugin-feed`,
options: {
query: `
{
site {
siteMetadata {
title
description
siteUrl
}
}
}
`,
feeds: [
{
serialize: ({ query: { site, allMdx } }) => {
return allMdx.edges.map(edge => {
return Object.assign({}, edge.node.frontmatter, {
description: edge.node.excerpt,
data: edge.node.frontmatter.date,
url:
site.siteMetadata.siteUrl + edge.node.fields.path,
guid:
site.siteMetadata.siteUrl + edge.node.fields.path,
custom_elements: [
{ 'content:encoded': edge.node.code.boy }
]
})
})
},
query: `
{
allMdx(
limit: 1000,
sort: { order: DESC, fields: [frontmatter___date] },
filter: { frontmatter: { published: { eq: true } } }
) {
edges {
node {
code {
body
}
fields { path }
frontmatter {
title
date
}
}
}
}
}
`,
output: '/rss.xml',
title: `${siteMetadata.title} feed`
}
]
}
}
]
}
Oops, something went wrong.
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.