Hugo의 환경 변수를 사용하여 분기 정보 표시

2406 단어 webdevvercelhugogit
Doctor의 새로운 문서 웹사이트의 경우, 내가 사용하고 있는 사이트의 버전/분기에 따라 메시지를 표시하기 위해 Pimp Your Own Bike에서 했던 것과 비슷한 작업을 수행하고 싶었습니다. doctor 설명서의 경우 베타 사이트( beta.getdoctor.io )를 사용할 때 beta 메시지를 표시하기 위해 이 방법을 사용하고 싶었습니다.

Related article: #DevHack: Configuring domains for your branches on Vercel



베타 배너는 다음과 같습니다.



내 접근 방식



Vercel에서 구성한 자전거 스티커 사이트에 대한 환경 변수를 사용했습니다. 코드에서 process.env.<variable>를 사용하여 빌드하는 동안 분기를 확인했습니다.
doctor 의 경우 정적 사이트 생성기로 Hugo을 사용했습니다. 이러한 환경 변수는 약간 다르게 작동하지만 여전히 달성하기 쉽습니다.

Hugo에서 동일한 결과를 얻으려면 접두사가 HUGO_인 환경 변수를 생성하거나 Hugo 버전>=0.79.0을 사용할 때 다르게 정의해야 합니다.

분기 이름을 전달하는 HUGO_GIT_COMMIT_REF 에 연결된 '의사' 사이트에 대한 VERCEL_GIT_COMMIT_REF 변수를 만들었습니다.



Hugo 테마에서 환경 변수를 검색하고 main 분기와 같지 않은지 확인합니다. 이 경우 빌드는 베타 메시지가 포함된 정적 사이트를 생성합니다.

{{ $branch := getenv "HUGO_GIT_COMMIT_REF" }}
{{ if ne $branch "main" }}
  <div class="banner-beta py-2">
    You are currently checking the beta version of the documentation.
  </div>
{{ end }}


원래 게시된 문서eliostruyf.com

좋은 웹페이지 즐겨찾기