-
Notifications
You must be signed in to change notification settings - Fork 4
/
gatsby-config.js
189 lines (175 loc) · 7.25 KB
/
gatsby-config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
require("dotenv").config({
path: `.env`,
})
const path = require("path")
/**
* Configure your Gatsby site with this file.
*
* See: https://www.gatsbyjs.org/docs/gatsby-config/
*/
module.exports = {
siteMetadata: {
title:
"Full-Stack Web Developer | Marc Backes | JavaScript, Node.js, Vue.js",
author: "Marc Backes",
version: "0.2.1",
hostname: process.env.HOSTNAME,
siteUrl: "http://localhost:8000",
},
plugins: [
`gatsby-plugin-client-side-redirect`,
// For adding lang= attribute to <html> tag
{
resolve: "gatsby-plugin-html-attributes",
options: {
lang: "en",
},
},
`gatsby-transformer-json`,
// For adding the scroll progress bar on top of the website
{
resolve: "gatsby-plugin-page-progress",
options: {
includePaths: [{ regex: "^/blog" }],
height: 3,
},
},
// Analytics with usefathom.com
{
resolve: "gatsby-plugin-fathom",
options: {
siteId: "DHVXVLZU",
},
},
// Preconnect to some domains. Necessary for speed optimization.
{
resolve: "gatsby-plugin-preconnect",
options: {
domains: [
"https://collect.usefathom.com",
"https://images.ctfassets.net",
],
},
},
// Dark mode button
"gatsby-plugin-dark-mode",
// For setting meta tags in the site
"gatsby-plugin-react-helmet",
{
resolve: "gatsby-source-contentful",
options: {
spaceId: process.env.CONTENTFUL_SPACE_ID,
accessToken: process.env.PREVIEW
? process.env.CONTENTFUL_PREVIEW_TOKEN
: process.env.CONTENTFUL_ACCESS_TOKEN,
host: process.env.PREVIEW
? `preview.contentful.com`
: undefined,
},
},
// For loading external Google Fonts
{
resolve: `gatsby-plugin-prefetch-google-fonts`,
options: {
fonts: [
{
family: `Parisienne`,
},
],
},
},
// For using SASS
"gatsby-plugin-sass",
// For image transformation (e.g. resize)
"gatsby-transformer-sharp",
// For image transformation (e.g. resize)
"gatsby-plugin-sharp",
// For loading files from the file system into GraphQL
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: path.join(__dirname, `static`),
},
},
// Markdown plugins
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
// Images in markdown
"gatsby-remark-relative-images",
{
resolve: "gatsby-remark-images",
options: {
maxWidth: 750,
linkImagesToOriginal: false,
},
},
// Syntax highlighting
{
resolve: `gatsby-remark-prismjs`,
options: {
// Class prefix for <pre> tags containing syntax highlighting;
// defaults to 'language-' (e.g. <pre class="language-js">).
// If your site loads Prism into the browser at runtime,
// (e.g. for use with libraries like react-live),
// you may use this to prevent Prism from re-processing syntax.
// This is an uncommon use-case though;
// If you're unsure, it's best to use the default value.
classPrefix: "language-",
// This is used to allow setting a language for inline code
// (i.e. single backticks) by creating a separator.
// This separator is a string and will do no white-space
// stripping.
// A suggested value for English speakers is the non-ascii
// character '›'.
inlineCodeMarker: null,
// This lets you set up language aliases. For example,
// setting this to '{ sh: "bash" }' will let you use
// the language "sh" which will highlight using the
// bash highlighter.
aliases: {},
// This toggles the display of line numbers globally alongside the code.
// To use it, add the following line in gatsby-browser.js
// right after importing the prism color scheme:
// require("prismjs/plugins/line-numbers/prism-line-numbers.css")
// Defaults to false.
// If you wish to only show line numbers on certain code blocks,
// leave false and use the {numberLines: true} syntax below
showLineNumbers: false,
// If setting this to true, the parser won't handle and highlight inline
// code used in markdown i.e. single backtick code like `this`.
noInlineHighlight: false,
// This adds a new language definition to Prism or extend an already
// existing language definition. More details on this option can be
// found under the header "Add new language definition or extend an
// existing language" below.
languageExtensions: [
{
language: "superscript",
extend: "javascript",
definition: {
superscript_types: /(SuperType)/,
},
insertBefore: {
function: {
superscript_keywords: /(superif|superelse)/,
},
},
},
],
// Customize the prompt used in shell output
// Values below are default
prompt: {
user: "root",
host: "localhost",
global: false,
},
},
},
],
},
},
],
}