snipette/snipette-gatsby-site
snipette/snipette-gatsby-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Automatically replace Ghost content URLs with direct links

Browse source 
Media requestn now go directly to media.snipettemag.com instead
of getting routed to /content/images on the Ghost site. NOTE: This
only applies to the content of posts and pages, not to other media
such as site headings, profile pictures, etc.
This commit is contained in:
Hippo 2019-10-06 18:06:12 +05:30
parent 173c5c5654
commit 63421d67e4
3 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/templates/page.js
View file

@ -5,6 +5,8 @@ import Helmet from 'react-helmet'
import { Layout } from '../components/common'
import { MetaData } from '../components/common/meta'
import config from '../utils/siteConfig'
/**
* Single page (/:slug)
@ -33,7 +35,7 @@ const Page = ({ data, location }) => {
{/* The main page content */}
<section
className="content-body load-external-scripts"
dangerouslySetInnerHTML={{ __html: page.html }}
dangerouslySetInnerHTML={{ __html: page.html.replace(new RegExp(config.mediaUrlFrom, 'g'), config.mediaUrlTo) }}
/>
</article>
</div>

3
src/templates/post.js
View file

@ -6,6 +6,7 @@ import Helmet from 'react-helmet'
import { Layout } from '../components/common'
import { MetaData } from '../components/common/meta'
import config from '../utils/siteConfig'
/**
* Single post view (/:slug)
@ -39,7 +40,7 @@ const Post = ({ data, location }) => {
{/* The main post content */ }
<section
className="content-body load-external-scripts"
dangerouslySetInnerHTML={{ __html: post.html }}
dangerouslySetInnerHTML={{ __html: post.html.replace(new RegExp(config.mediaUrlFrom, 'g'), config.mediaUrlTo) }}
/>
<section className="content-footer">
<p>

3
src/utils/siteConfig.js
View file

@ -1,6 +1,9 @@
module.exports = {
siteUrl: `https://www.snipettemag.com`, // Site domain. Do not include a trailing slash!
mediaUrlFrom: `https://snipette-ghost.herokuapp.com/content/images/`, // skip Ghost content URL...
mediaUrlTo: `https://media.snipettemag.com/`, // ...and get it directly from source!
postsPerPage: 12, // Number of posts shown on paginated pages (changes this requires sometimes to delete the cache)
siteTitleMeta: `Snipette`, // This allows an alternative site title for meta data for pages.