Move author photo to config

config.js

@@ -24,6 +24,7 @@ module.exports = {
   ],
   author: {
     name: 'John Doe',
+    photo: '/photo.jpg',
     bio: 'Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu.',
     contacts: {
       email: '#',

gatsby-config.js

@@ -21,6 +21,13 @@ module.exports = {
         name: 'pages'
       }
     },
+    {
+      resolve: "gatsby-source-filesystem",
+      options: {
+        name: "assets",
+        path: `${__dirname}/static`
+      }
+    },
     {
       resolve: 'gatsby-plugin-feed',
       options: {

src/components/Sidebar/Author/Author.js

@@ -1,13 +1,12 @@
 import React from 'react';
-import { Link } from 'gatsby';
+import { withPrefix, Link } from 'gatsby';
-import profilePic from '../../../pages/photo.jpg';
 import styles from './Author.module.scss';
 
 const Author = ({ author, isIndex }) => (
   <div className={styles['author']}>
     <Link to="/">
       <img
-        src={profilePic}
+        src={withPrefix(author.photo)}
         className={styles['author__photo']}
         width="75"
         height="75"

src/components/Sidebar/Sidebar.js

@@ -40,6 +40,7 @@ export const Sidebar = (props) => (
             }
             author {
               name
+              photo
               bio
               contacts {       
                 twitter