From b7edc4a079d957bcef22ea4e70966b4106e5f73f Mon Sep 17 00:00:00 2001 From: neri Date: Sat, 15 May 2021 22:36:47 +0200 Subject: [PATCH] convert internal markdown links to gatsby links automatically --- README.md | 2 +- gatsby-config.js | 5 +++-- package.json | 1 + src/templates/blogTemplate.js | 12 ++++++------ src/templates/siteTemplate.js | 12 ++++++------ src/webpages/home.md | 7 +++---- yarn.lock | 8 ++++++++ 7 files changed, 28 insertions(+), 19 deletions(-) diff --git a/README.md b/README.md index f79e64e..2a39b48 100644 --- a/README.md +++ b/README.md @@ -24,7 +24,7 @@ Wie du deine Änderung veröffentlichst steht in der Sektion Deploy. ## Eine neue Seite erstellen Um eine neue Seite zu erstellen lege eine neue Datei im `src/webpages` Ordner -[hier](https://repos.ctdo.de/neri/ctdo-homepage/src/branch/master/src/webpages) an. +[hier](https://repos.ctdo.de/neri/ctdo-homepage/_new/master/src/webpages) an. Wie die Seite aufgebaut sein muss steht unten in der Sektion Seitenlayout. Wie du deine Änderung veröffentlichst steht in der Sektion Deploy. diff --git a/gatsby-config.js b/gatsby-config.js index c762d93..bf478e0 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -33,7 +33,7 @@ module.exports = { extensions: ['.mdx', '.md'], gatsbyRemarkPlugins: [ { - resolve: `gatsby-remark-images`, + resolve: 'gatsby-remark-images', options: { maxWidth: 1000, pathPrefix: '/ctdo', @@ -44,6 +44,7 @@ module.exports = { }, 'gatsby-plugin-sharp', 'gatsby-plugin-image', - `gatsby-plugin-react-helmet`, + 'gatsby-plugin-react-helmet', + 'gatsby-plugin-catch-links', ], } diff --git a/package.json b/package.json index 34c238e..0053d4f 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "@mdx-js/mdx": "^1.5.1", "@mdx-js/react": "^1.5.1", "gatsby": "^3.5.0", + "gatsby-plugin-catch-links": "^3.5.0", "gatsby-plugin-image": "^1.5.0", "gatsby-plugin-mdx": "^2.5.0", "gatsby-plugin-react-helmet": "^4.5.0", diff --git a/src/templates/blogTemplate.js b/src/templates/blogTemplate.js index e528f28..362d007 100644 --- a/src/templates/blogTemplate.js +++ b/src/templates/blogTemplate.js @@ -3,12 +3,12 @@ import { graphql } from 'gatsby' import Layout from '../components/layout' import { MDXRenderer } from 'gatsby-plugin-mdx' import { MDXProvider } from '@mdx-js/react' -import { Helmet } from "react-helmet" +import { Helmet } from 'react-helmet' -const MdLeakH1 = props =>

# {props.children}

-const MdLeakH2 = props =>

## {props.children}

-const MdLeakH3 = props =>

### {props.children}

-const MdLeakH4 = props =>
#### {props.children}
+const MdLeakH1 = (props) =>

# {props.children}

+const MdLeakH2 = (props) =>

## {props.children}

+const MdLeakH3 = (props) =>

### {props.children}

+const MdLeakH4 = (props) =>
#### {props.children}
const components = { h1: MdLeakH1, @@ -44,7 +44,7 @@ export default function Template({ } export const pageQuery = graphql` - query($slug: String!) { + query ($slug: String!) { mdx(fields: { slug: { eq: $slug } }) { id excerpt(pruneLength: 160) diff --git a/src/templates/siteTemplate.js b/src/templates/siteTemplate.js index daa69b6..5e93edc 100644 --- a/src/templates/siteTemplate.js +++ b/src/templates/siteTemplate.js @@ -3,15 +3,15 @@ import { graphql } from 'gatsby' import Layout from '../components/layout' import { MDXRenderer } from 'gatsby-plugin-mdx' import { MDXProvider } from '@mdx-js/react' -import { Helmet } from "react-helmet" +import { Helmet } from 'react-helmet' const ide = 'https://repos.ctdo.de/neri/ctdo-homepage/_edit/master/src/webpages/' -const MdLeakH1 = props =>

# {props.children}

-const MdLeakH2 = props =>

## {props.children}

-const MdLeakH3 = props =>

### {props.children}

-const MdLeakH4 = props =>
#### {props.children}
+const MdLeakH1 = (props) =>

# {props.children}

+const MdLeakH2 = (props) =>

## {props.children}

+const MdLeakH3 = (props) =>

### {props.children}

+const MdLeakH4 = (props) =>
#### {props.children}
const components = { h1: MdLeakH1, @@ -48,7 +48,7 @@ export default function Template({ } export const pageQuery = graphql` - query($path: String!) { + query ($path: String!) { mdx(frontmatter: { path: { eq: $path } }) { body frontmatter { diff --git a/src/webpages/home.md b/src/webpages/home.md index cebdb45..feb453e 100644 --- a/src/webpages/home.md +++ b/src/webpages/home.md @@ -4,7 +4,6 @@ title: 'home' edit: 'home.md' --- -import { Link } from "gatsby" import RoomState from "../components/roomState.js" ![Raum 2 mit gemütlichen Sofas](../images/header.jpg) @@ -19,14 +18,14 @@ Wir betreiben den Chaostreff aus Spaß an der Sache und um interessierten Menschen eine Plattform zu bieten, über die man sich austauschen kann. Wenn du Lust hast dir das mal anzuschauen, -dann komm gerne vorbei. zeiten & location +dann komm gerne vorbei. [zeiten & location](/treff) Egal wer du bist, egal was du machst **bei uns sind alle Menschen willkommen**. Leider sind unsere Räume aktuell nicht barrierefrei. -Falls du Fragen hast schreibe uns an. kontakt +Falls du Fragen hast schreibe uns an. [kontakt](/kontakt) Wenn du mehr über uns wissen möchtest, -schau hier: über uns +schau hier: [über uns](/about) # Die nächsten Events diff --git a/yarn.lock b/yarn.lock index 222b978..9a6be91 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5988,6 +5988,14 @@ gatsby-page-utils@^1.5.0: lodash "^4.17.21" micromatch "^4.0.2" +gatsby-plugin-catch-links@^3.5.0: + version "3.5.0" + resolved "https://registry.yarnpkg.com/gatsby-plugin-catch-links/-/gatsby-plugin-catch-links-3.5.0.tgz#a82a5337b771d7a79fbbb5d9b01b047b0d11d760" + integrity sha512-v0SD1hBRuQgbxZNMJR0X8i0dsaSJgtu09+FK6iQily+GYg8ffiAgT7627LOc7oAEYg5Ab/ZM96+g7m+PqvBIBw== + dependencies: + "@babel/runtime" "^7.12.5" + escape-string-regexp "^1.0.5" + gatsby-plugin-image@^1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/gatsby-plugin-image/-/gatsby-plugin-image-1.5.0.tgz#1b965794b08df2fe70bd8add192f019c5d5535ed"