🔧 Move config to single file

src/components/Navbar.jsx

@@ -1,6 +1,8 @@
 import React, { Component } from "react";
 import { Link } from "gatsby";
-const templates = require('./config.json')
+import 'bulma/css/bulma.css'
+import './layout.css'
+import getConfig from './config'
 
 const Title = "Meme",
     navbarItems = [
@@ -25,6 +27,7 @@ class Navbar extends Component {
         this.state = {
             navBarIsActive: false
         }
+        this.configs = getConfig()
     }
 
     toggleNavbar = () => {
@@ -60,7 +63,7 @@ class Navbar extends Component {
                                 {menuName}
                             </a>
                             <div className="navbar-dropdown is-boxed">
-                                {templates.map((item, i) =>
+                                {this.configs.map((item, i) =>
                                     <Link key={i} className="navbar-item" to={item.url}>{item.name}</Link>
                                 )}
                             </div>

src/components/config.jsx

@@ -0,0 +1,13 @@
+const getConfig = () => {
+    return [
+        require("../pages/woshuode").config,
+        require("../pages/wangjingze").config,
+        require("../pages/weisuoyuwei").config,
+        require("../pages/lianliankan").config,
+        require("../pages/shuifandui").config,
+        require("../pages/dagong").config
+    ]
+}
+// const configs = Object.values(pages).filter(value => value !== undefined && value.hasOwnProperty("url"));
+
+export default getConfig;

src/components/template.jsx

@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import 'bulma/css/bulma.css'
 import SEO from './seo';
 import Navbar from './Navbar'
 import GIF from 'gif.js';

src/pages/dagong.js

@@ -1,8 +1,8 @@
-
 import React from 'react'
 import { Template } from '../components/template';
 const config = {
     "name": "打工是不可能打工的",
+    "url": "/dagong/",
     "gif": "/template/dagong.gif",
     "config": [
         {
@@ -37,6 +37,9 @@ const config = {
         }
     ]
 }
+export { config };
+
 export default () => (
     <Template element={config} />
 )
+

src/pages/lianliankan.js

@@ -2,6 +2,7 @@ import React from 'react'
 import { Template } from '../components/template';
 const config = {
     "name": "星际还是魔兽",
+    "url": "/lianliankan/",
     "gif": "/template/lianliankan.gif",
     "config": [
         {
@@ -27,6 +28,8 @@ const config = {
     ]
 }
 
+
+export { config };
 export default () => (
     <Template element={config} />
-)
+)

src/pages/shuifandui.js

@@ -3,6 +3,7 @@ import React from 'react'
 import { Template } from '../components/template';
 const config = {
     "name": "谁赞成，谁反对",
+    "url": "/shuifandui/",
     "gif": "/template/shuifandui.gif",
     "config": [
         {
@@ -27,6 +28,8 @@ const config = {
         }
     ]
 }
+
+export { config };
 export default () => (
     <Template element={config} />
-)
+)

src/pages/wangjingze.js

@@ -3,6 +3,7 @@ import React from 'react'
 import { Template } from '../components/template';
 const config = {
     "name": "王境泽",
+    "url": "/wangjingze/",
     "gif": "/template/wangjingze.gif",
     "config": [
         {
@@ -27,6 +28,8 @@ const config = {
         }
     ]
 }
+export { config };
+
 export default () => (
     <Template element={config} />
 )

src/pages/weisuoyuwei.js

@@ -3,6 +3,7 @@ import React from 'react'
 import { Template } from '../components/template';
 const config = {
     "name": "为所欲为",
+    "url": "/weisuoyuwei/",
     "gif": "/template/weisuoyuwei.gif",
     "config": [
         {
@@ -52,6 +53,8 @@ const config = {
         }
     ]
 }
+
+export { config };
 export default () => (
     <Template element={config} />
-)
+)

src/pages/woshuode.js

@@ -3,6 +3,7 @@ import React from 'react'
 import { Template } from '../components/template';
 const config = {
     "name": "我说的",
+    "url": "/woshuode/",
     "gif": "/template/woshuode.gif",
     "config": [
         {
@@ -22,6 +23,8 @@ const config = {
         }
     ]
 }
+
+export { config };
 export default () => (
     <Template element={config} />
-)
+)