Gatsby 블로그에서 일본어 기사 발췌 (excerpt)를 올바르게 표시하는 방법

TL;DR

GatsbyJS: Excerpts for non-latin languages

{
  markdownRemark {
    excerpt(truncate: true)
  }
}

계기

Gatsby에서 블로그를 만들었습니다. 하지만, 3 투고목으로 해 기사의 발췌가 표시되지 않는 문제가 발생했습니다.



여러가지 시도해 보니 아무래도 발췌는 대문자 영어 단어로 끝나는 것을 알았습니다.
그래서, 어쩌면 일본어 유래의 문제가 아닐까 생각해 조사했더니 해결책을 발견했습니다.

해결책

Gatsby에서 Markdown을 다루는 gatsby-transformer-remark는 기본적으로 underscore.string/prune를 사용하여 발췌를 만들고 있다고합니다.
그러나 이것은 비 라틴 문자를 처리 할 수 ​​없으므로 일본어를 사용하는 경우 변경해야합니다.

gatsby-starter-blog를 사용하는 경우 src/pages/index.js를 다음과 같이 변경하여 변경할 수 있습니다.

@@ -54,7 +54,7 @@ export const pageQuery = graphql`
     allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {
       edges {
         node {
-          excerpt
+          excerpt(truncate: true)
           fields {
             slug
           }