고정 Netlify 빅 미디어 설치

Netlify 미디어를 이미지 최적화 서비스로 사용하기로 선택한 후, 나는 그것을 설정하기 시작했다.이 문장에서, 당신들은 그것이 왜 선택되었는지, 그리고 어떻게 일했는지 읽을 수 있습니다.
여기에서 편의를 위해 저는 주로 Netlify Large Media의 "NLM"줄임말을 사용합니다.
먼저docs를 사용하여 Netlify CLI를 설치하고 인증을 받았습니다.그리고 다음 docs 의 미디어 설정으로 이동합니다.PC에서 NLM 설치가 완료되면 모든 파일을 (내 사이트 이미지가 있는 위치) 폴더에 설정하여 추적하고 모든 파일을 Git로 전송합니다.GitLab 저장소를 빠르게 검토한 결과 이미지가 아닌 올바른 포인터가 표시됩니다.

그리고 나서 나는 이미지가 NLM에 업로드되었는지 확인했다.모든 것이 보기에 매우 좋다.나는 모든 것이 좋은 사이트라는 것을 검사한 후에 새로운 건설... 물론, 그것은 깨졌다.아니야, 진짜 고장났어.😃), 근데 문제가 있어요.

404 Netlify 큰 미디어에서 이미지를 로드하는 중 오류 발생

정확하게 구축된 후에 그림은 열린 사이트에 불러오지 않았다.나는 곤혹스러워하며 문서를 깊이 연구하고 놓칠 수 있는 절차를 꼼꼼히 찾았지만 모든 것이 좋아 보였다.문제를 찾으려고 많은 시간을 들였고, 나는 심지어 실수를 저질렀고, 프로젝트 구축을 파괴했다. (나는 잠시 후에 이 문제를 토론할 것이다.)
길을 잃었습니다.그래서 나는 한 항목을 한동안 미루기로 결정했다.그 전에, 나는 배치 버전을 NLM으로 변경하기 전의 마지막 제출로 설정했을 뿐이다.다행히도 Netlify에서 성공적으로 구축된 모든 제출을 신속하게 배치할 수 있습니다. 설령 오래된 제출일지라도.
내가 이 문제로 돌아왔을 때, 나는 브라우저 컨트롤러를 검사하는 방법을 생각했다.모바일 개발자로서 저는 IDE나 다른 서비스(예를 들어 Sentry나 Crashlytics)에서 모든 오류가 발생하는 것에 익숙합니다. 브라우저 컨트롤러가 오류를 일으킬 것이라고 생각하지 않았습니다.공부, 인터넷 공부... 거기서 404 잘못된 이미지를 얻은 사이트와 자연 언어를 봤어요.한동안의 수색 끝에 나는 찾았다 this.
그래서 모든 문제는 이 문서와 관련이 있다. static/img/.내가 그것을 열었을 때, 그것은 비어 있었다..git/hooks/pre-push 및 git lfs update --force 를 실행한 후에 다음과 같은 내용을 채운 파일을 얻었습니다.

#!/bin/sh
command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting .git/hooks/pre-push.\n"; exit 2; }
git lfs pre-push "$@"

그 후에, 나는 내 사이트 deploy 버전을 NLM의 성공적인 구축 버전으로 바꾸었고, 나의 모든 이미지가 사이트에 정확하게 불러오는 것을 보았다.
어머.좋다
아니.나는 또 다른 문제가 있다.

이미지 손상으로 인해 Netlify 생성 오류 발생

Netlify 프로젝트 구축 오류를 받았기 때문에 프로젝트를 더 이상 구축할 수 없습니다.

Error: Could not find MIME for Buffer <null>
    at Jimp.parseBitmap (/opt/build/repo/node_modules/jimp-compact/dist/jimp.js:1:120817)
    at Jimp.parseBitmap (/opt/build/repo/node_modules/jimp-compact/dist/jimp.js:1:13252)
    at /opt/build/repo/node_modules/jimp-compact/dist/jimp.js:1:12318
    at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3) {
  methodName: 'constructor'
}
[error] 1
[error] (node:1318) PromiseRejectionHandledWarning: Promise rejection was handled asynchronously (rejection id: 1)
[fatal] 1

   ╭────────────────────────╮
   │                        │
   │   ✖ Nuxt Fatal Error   │
   │                        │
   │   1                    │
   │                        │
   ╰────────────────────────╯

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] generate: `nuxt build && nuxt export`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] generate script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /opt/buildhome/.npm/_logs/2020-08-09T13_27_15_157Z-debug.log

┌─────────────────────────────┐
│   "build.command" failed    │
└─────────────────────────────┘
  Error message
  Command failed with exit code 1: npm run generate

  Error location
  In Build command from Netlify app:
  npm run generate

  Resolved config
  build:
    command: npm run generate
    commandOrigin: ui
    environment:
      - NETLIFY_LFS_ORIGIN_URL
    publish: /opt/build/repo/dist

내가 이해할 수 있는 것은 문제가 이미지에서 나온다는 것이다.하지만 뭐, 언제 어디서...
NLM을 처음 사용했을 때 웹 사이트의 사진이 불러오지 않았습니다. 모든 문서를 검사했습니다. Netlify CMS 문서에서 이 부분을 보았습니다.

나는 제공된 주석을 이해한다. 나는 나의 모든 기록을 추적해야 한다.png 파일과 NLM, 그렇지 않으면 작동할 수 없습니다.이것은 CMS Management Console의 미디어 보기와 관련이 있기 때문에 완전히 잘못된 것입니다.그래서 나는 모든 것을 잘못 기록했다.png 파일을 저장소로 전송합니다.참고git lfs push --all origin master 폴더에 없는 png 파일은 사이트 아이콘입니다.일부 원인으로 인해 이 파일들이 NLM에 정확하게 불러오지 않았습니다.나는 사이트 건설 실패와 이전에 제공한 오류를 얻었다.나는 변경 사항을 복구하려고 하는 것이 매우 두렵다.그러나 Git LFS를 사용하여 추적된 파일을 저장소로 푸시할 때 되돌릴 방법이 없습니다.😬.
이 모든 것은 내가 이 문제를 연기하고 한동안 늦추기로 결정하기 전이다.404 오류 이미지 불러오는 문제를 해결하고 이 문제로 돌아온 후에 컴퓨터와 Git의 이미지가 이상하게 보이는 것을 발견했습니다.그것들은 그림도 바늘도 아니다.일부 손상된 파일:

�PNG

한바탕 생각한 결과, 나는 단지 그 깨진 이미지를 정상적인 것으로 바꾸었을 뿐, 물론 모든 이미지에 대한 추적도 멈추었다.png 파일, 그러나 static/img/ 폴더의 파일은 제외됩니다.나는 이 모든 것을 저장소에 밀어 넣었고, 모든 것이 작동하기 시작했다.이 프로젝트는 이미 건설되어 모든 것이 정상적으로 돌아가고 있다.
"드디어!!!"-말하고 싶어요.
하지만 이게 끝이 아니야.

국부 이미지를 지침으로 하는 문제

나는 또 일부 부분적인 이미지에 문제가 있다.static/img/ 폴더에서 일부 이미지는 정상적이고 일부는 로컬이어야 하기 때문에 포인터입니다.뭐 공부 해요?포인터는 GitLab 저장소에만 있어야 합니다.PC에 있을 때는 평소와 같이 그림을 불러와야 한다.🤬. 언제 (예를 들어 나쁜 일이) 문제를 일으키는 것을 멈출 것인가...그리고 GitKraken에서 경고를 봤어요.저장소가 갈고리를 사용했다고 하지만 static/img/ 파일이 어디에 있는지 모르기 때문에 정상적으로 실행할 수 없습니다.내가 약속할게, 우리가 이 문제를 해결할게.나는 이것이 도움이 될지 모르겠지만, 어쨌든.구글에서 Windows sh.exe 파일을 검색했습니다. 모든 사람들이 sh.exe 에 있어야 한다고 말했지만 프로그램 파일에 Git 폴더가 없습니다. 로컬 검색을 하도록 생각해 봤습니다.약 50분 후에 Windows 검색에서 +-100 개의 파일을 찾았습니다.그것들을 훑어본 후에 나는 마침내 필요한 C:\Program Files\Git\bin 파일이 있는 위치를 찾았다.만약 네가 나처럼 된다면, 다음은 네가 가능한 길이다.

C:\Users\username\AppData\Local\Programs\Git\bin\sh.exe

GitKraken에서 이 경로를 지정하면 가져올 파일이 표시됩니다.아니면 나 혼자 당겼거나, 불행히도 나는 백 퍼센트 기억하지 못했다🙁. NLM에서 내 모든 그림을 불러왔습니다. 모든 것이 작동하기 시작했습니다. 왜냐하면 현지 프로젝트에 있어야 하기 때문입니다!
마지막모든 것이 정상이다!

설치 후 인터넷 매체에 대한 사고

설치 후에 나는 모순된 느낌이 들었다.설치 과정에서 많은 문제가 발생했다.그리고 Netlify Large Media를 사용하기 시작한 후 모든 내용을 복구할 수 있는 간단한 방법이 없다는 사실은 대부분의 경우 다른 서비스(예를 들어 Cloudinary)를 사용하는 것이 더 좋은 선택일 수 있음을 분명히 보여준다.
한마디로 Netlify 미디어를 사용하면 이미지를 최적화하고 사이트의 속도를 높일 수 있으며 저장소의 대형 파일을 처리하는 데 도움을 줄 수 있습니다.
그러나 이 서비스에 문제가 생길 만한 가치가 있습니까?현재 나는 그것이 Cloudinary에 대한 장점을 거의 볼 수 없다. 다음 프로젝트에 대해 나는 Cloudinary를 더욱 사용하고 싶다.그러나 마지막으로 모든 사람은 모든 이해득실을 진지하게 따져보고 자신의 결정을 내려야 한다.
이 사이트에 대해 저는 지금 어쨌든 Netlify Large Media를 계속 사용할 것입니다.어쨌든, 나는 하나를 설치했는데, 그것은 지금 일하고 있다.그것을 다른 물건으로 바꾸는 것은.. 아직 확실하지 않다.
내가 블로그를 어떻게 만드는지 계속 공유할 때, 나는 나의 블로그 창작의 막 뒤에서 더 많이 보고 싶다.