Gatsby Starter Library에서 Netlify CMS를 시작할 때 {사이트 URL}/admin을 열어도 아무 것도 나오지 않을 때 확인하십시오.

수수하게 30분 정도 방황했기 때문에 메모.

TL;DR


  • /static 디렉토리에 admin 디렉토리 만들기 index.htmlconfig.yml 만들기
  • 참고: htps //w w. 네 tfycms. 오 rg / 두 cs / 아 d-와 같이 r- /
  • config.yml 문서: htps //w w. 네 tfycms. 오 rg / 드 cs / 곤후 쿠라 치온 - 오 치온 s /

  • 본문



    Gatsby와 Netlify CMS의 편리한 점은 역시 편하게 시작할 수 있는 곳입니다.

    Gatsby의 Starter 페이지에서 Try this starter를 누르면 마음대로 리포지토리를 만들어 배포까지 해주고 최고의 시작을 끊습니다.



    이번에는 다음 Starter를 사용했습니다.
    htps //w w. tsbyys. rg / s r rs / m은 대단히 ly /가 tsby-s r rty ぺsc pt-pou rb ぉ g /

    그리고 아래의 기사를 참고로 설정을 진행하여 "CMS 로그인 사용자 추가"까지 진행하여 {サイトのURL}/admin를 열면 Starter 404가 표시되는 것만으로 Admin 용 화면이 표시되지 않았습니다.
    htps : // 이 m / j하지 / ms / 102c에서 5124609384d0c

    결론부터, 이번에 내가 이번에 선택한 Starter에 Netlify CMS에 대한 설정이 없었습니다.
    앞에서 언급했듯이 /static 디렉토리에 admin 디렉토리, 그 안에 HTML과 config 파일이 필요합니다.

    이런 느낌
    - static
     |- admin
       |- index.html
       |- config.yml
    

    각각의 파일 내용은 이쪽을 참고로 하면 됩니다만
    htps //w w. 네 tfycms. 오 rg / 두 cs / 아 d-와 같이 r- /

    나는 다음과 같이 썼다.

    index.html
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Content Manager</title>
      </head>
      <body>
        <!-- Include the script that builds the page and powers Netlify CMS -->
        <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
        <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
      </body>
    </html>
    

    config.yml
    backend:
      name: git-gateway
      branch: master
    
    publish_mode: editorial_workflow
    
    media_folder: static/images/uploads
    public_folder: /images/uploads
    
    collections:
      - name: 'blog'
        label: 'Blog'
        folder: 'blog'
        create: true
        slug: 'test/{{year}}-{{month}}-{{day}}_{{title}}_{{some_other_field}}'
        fields:
          - { label: 'Template Key', name: 'templateKey', widget: 'hidden', default: 'blog-post' }
          - { label: 'Slug', name: 'slug', widget: 'string' }
          - { label: 'Title', name: 'title', widget: 'string' }
          - { label: 'Publish Date', name: 'date', widget: 'datetime' }
          - { label: 'Body', name: 'body', widget: 'markdown' }
          - { label: 'Tags', name: 'tags', widget: 'list' }
    

    아니 어쩔 수 없는 막히는 방법했다.

    좋은 웹페이지 즐겨찾기