filecoin foundation site

Filecoin 재단 웹사이트

참고: 이 문서는 향후 사이트 반복에서 확장될 예정입니다.

개요

• 이는 Filecoin Foundation 웹사이트(fil.org)의 저장소입니다.

• 이 저장소는 컴파일이 필요하지만 정적 리소스로 제공될 수 있는 정적 사이트를 나타냅니다.

• 이 사이트는 IPFS에서 호스팅되며 IPFS 및 IPNS 게이트웨이 경로에 대한 상대 URL과 호환됩니다.

• 사이트의 리소스는 정적으로 제공되지만 내부 탐색은 가상화됩니다. 즉, 사이트는 클라이언트에서 탐색할 때 SPA 역할을 합니다.

• 정적 사이트인 동안 이 앱은 설정에서 target 변경하여 언제든지 전체 애플리케이션으로 확장될 수 있습니다.

스택

• nodeJS가 필요하며 노드 16에서 테스트되었습니다.
• 정적 모드로 배포된 Vue 프레임워크인 nuxtJS를 사용합니다.

짓다

이 사이트를 로컬로 구축하려면

• 이 저장소 복제
• NodeJS 16 이상이 설치되어 있는지 확인하세요.
• 정적 사이트를 구축하려면
  • npm ci && npm run generate
  • 정적 사이트 출력을 포함하는 dist 디렉터리가 생성됩니다.
• 핫 리로드와 같은 기능을 위해 로컬로 실행하려면
  • npm ci && npm run dev 실행
  • 해당 사이트는 localhost URL을 통해 실시간으로 이용 가능합니다.
  • 이 프로세스에서 리소스가 컴파일됩니다. 예를 들어 모든 SCSS 스타일은 CSS로 변환되어 트리 쉐이크됩니다.

구조

이 저장소의 주요 영역은 다음과 같습니다.

• /pages - 모든 페이지 템플릿
• /components - 재사용 가능한 각 요소 컬렉션은 구성 요소로 추상화되며 대부분의 구성 요소는 렌더링 방식을 결정하는 다양한 속성을 허용합니다.
• /static - 컴파일 후 사용할 수 있는 정적 리소스
• /assets/scss - 앱의 전역 스타일은 여기 SASS/SCSS에서 사용할 수 있습니다. 보다 구체적인 스타일은 .vue 페이지 및 구성 요소(vuejs.org의 단일 파일 구성 요소) 하단에서 찾을 수 있습니다.
• /assets/svgs - SVG 형식의 아이콘 또는 기타 작은 벡터를 포함합니다.
• /content - 임업 CMS를 사용하여 편집되는 사이트 콘텐츠

URL 및 분기

• 준비 - a non public url 로 빌드 develop
• 프로덕션 - fil.org 의 main 빌드
• 콘텐츠 - content CMS가 작성하는 분기입니다.
  • main 에 대해 pull을 요청하면 content 분기가 Github 작업에 의해 자동 승인됩니다.
• 각 PR은 IPFS 빌드 미리보기 링크도 생성하므로 병합되기 전에 유효성을 검사할 수 있습니다.

콘텐츠 관리

• 콘텐츠 직접 편집
  • 구조화된 콘텐츠는 json 파일에서 찾을 수 있습니다.
  • 문단 형태로 작성된 내용은 마크다운 형식으로 md 파일에서 확인 가능
  • content/pages/ 디렉토리를 참조하세요.
• CMS를 통해 콘텐츠 편집
  • 콘텐츠는 Forestry.io를 통해 편집할 수 있으며 로그인이 필요합니다.
  • 기본 메타데이터와 같은 글로벌 사이트 콘텐츠는 general 섹션에서 편집 가능합니다.
  • 구조화된 콘텐츠는 페이지별로 블록으로 표시됩니다( pages 섹션 참조).
  • 블로그 콘텐츠는 wysiwyg 마크다운 편집기에서 완전히 편집 가능합니다.
  • media 섹션을 통해 미디어를 저장소에 직접 업로드할 수 있으며 이후에는 모든 리치 미디어 분야에서 사용할 수 있습니다.