m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-06-28 00:27:40 +02:00
Code Releases Activity

create truncated excerpt on node creation

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-12-07 11:20:02 +01:00
parent 0a17e42451
commit d2a5f03435
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
gatsby-node.js
View File

@ -3,6 +3,18 @@ const remark = require('remark')
const markdown = require('remark-parse')
const html = require('remark-html')
function truncate(n, useWordBoundary) {
if (this.length <= n) {
return this
}
const subString = this.substr(0, n - 1)
return (
(useWordBoundary
? subString.substr(0, subString.lastIndexOf(' '))
: subString) + '...'
)
}
exports.onCreateNode = ({ node, actions }) => {
const { createNodeField } = actions
@ -29,6 +41,15 @@ exports.onCreateNode = ({ node, actions }) => {
name: 'descriptionHtml',
value: descriptionHtml
})
// Create excerpt from description
const excerpt = truncate.apply(description, [320, true])
createNodeField({
node,
name: 'excerpt',
value: excerpt
})
}
}

43
src/components/atoms/SEO.jsx
View File

@ -3,18 +3,6 @@ import Helmet from 'react-helmet'
import PropTypes from 'prop-types'
import { StaticQuery, graphql } from 'gatsby'
function truncate(n, useWordBoundary) {
if (this.length <= n) {
return this
}
const subString = this.substr(0, n - 1)
return (
(useWordBoundary
? subString.substr(0, subString.lastIndexOf(' '))
: subString) + '...'
)
}
const query = graphql`
query {
dataYaml {
@ -22,7 +10,6 @@ const query = graphql`
tagline
description
url
email
img {
childImageSharp {
resize(width: 980) {
@ -31,11 +18,7 @@ const query = graphql`
}
}
social {
Email
Blog
Twitter
GitHub
Dribbble
}
gpg
addressbook
@ -48,10 +31,6 @@ export default class SEO extends PureComponent {
project: PropTypes.object
}
static defaultProps = {
project: {}
}
render() {
const { project } = this.props
@ -61,24 +40,26 @@ export default class SEO extends PureComponent {
render={data => {
const meta = data.dataYaml
const title = project.title || meta.title
const description = project.description
? truncate.apply(project.description, [320, true])
: truncate.apply(meta.description, [320, true])
const image = project.img
? project.img.childImageSharp.twitterImage.src
: meta.img.childImageSharp.resize.src
const url = project.slug ? `${meta.url}${project.slug}` : meta.url
const title = (project && project.title) || meta.title
const description =
project && project.fields.excerpt
? project.fields.excerpt
: meta.description
const image =
project && project.img
? project.img.childImageSharp.twitterImage.src
: meta.img.childImageSharp.resize.src
const url =
project && project.slug ? `${meta.url}${project.slug}` : meta.url
return (
<Helmet
defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
title={title}
>
<html lang="en" />
<title>{title}</title>
{/* General tags */}
<meta name="description" content={description} />
<meta name="image" content={`${meta.url}${image}`} />

2
src/templates/Project.jsx
View File

@ -86,9 +86,9 @@ export const projectQuery = graphql`
projectsYaml(slug: { eq: $slug }) {
title
slug
description
fields {
descriptionHtml
excerpt
}
links {
title