blog template

AI Summer 기반 과학 블로그 템플릿

현재 템플릿은 다음과 같은 다양한 필수 구성 요소를 지원하므로 과학 블로그에 사용할 수 있습니다.

• 라텍스 렌더링
• 강조 표시가 있는 코드 블록
• 참고문헌 및 인용
• GIF 및 비디오 삽입
• 대화형 구성 요소
• 목차
• 유사한 기사

기타 중요한 기능:

• 주제별로 게시물을 필터링하고 표시하는 기능
• 사용자 정의 가능한 작성자 페이지
• 100% 반응
• 페이지는 표준 React 코드 또는 Markdown을 사용하여 생성할 수 있습니다.
• Flexsearch를 사용하여 로컬 색인으로 검색
• SEO 준비
• 반응형 이미지 및 이미지 전처리 파이프라인
• Google 분석 및 태그 관리자
• robots.txt 생성
• XML 피드 생성
• 사이트맵 생성

당사 웹사이트에서 실제 사례를 확인하세요.

템플릿은 과학 블로그를 위한 최소한의 즉시 사용 가능하지만 기능이 풍부한 프레임워크를 제공하기 위해 불필요한 모든 항목을 제거한 theaisummer.com을 기반으로 합니다.

중요한 정보

• 템플릿은 Gatsby v2로 구축되었으므로 React에 대한 지식이 필요합니다. 이를 사용자 정의하려는 사람들은 공식 Gatsby 문서를 확인하는 것이 좋습니다.
• Javascript 대신 Typescript 및 TSX가 사용됩니다.
• Sass 전처리기가 스타일링에 사용됩니다.
• Markdown 대신 MDX가 사용되므로 Markdown 내에 사용자 지정 React 구성 요소를 추가할 수 있습니다. 이를 통해 높은 맞춤화 기능, 대화형 위젯 등을 사용할 수 있습니다.
• Latex는 Katex 및 Remark-Math로 렌더링됩니다.
• 코드 블록은 prism-react-renderer를 사용하여 렌더링됩니다.
• Gatsby 패러다임에 따라 GraphQL은 웹사이트 콘텐츠를 쿼리하는 데 사용됩니다.
• YAML 파일을 사용하여 콘텐츠를 소싱할 수도 있습니다.
• React-hook-form을 사용하여 양식을 만들 수 있습니다.
• 스크롤 지원에 대한 애니메이션

템플릿을 실행하는 방법

1. 필요한 종속성을 설치하십시오.

 $ yarn install

2. 개츠비를 달려라

 $ yarn start

배포하기 전에 무엇을 해야 합니까?

• 사이트 정보로 gatsby-config 업데이트하세요.
• assets/images/ 에 로고와 아이콘을 업로드하세요.
• Seo.tsx 구성 요소 업데이트
• styles/ 에서 테마를 업데이트하세요.
• site-content 의 yaml 파일 업데이트

배포 방법

1. 최종 정적 파일 빌드

 $ yarn build

2. 웹사이트 미리보기

 $ yarn serve

3. 선택한 호스팅 옵션으로 public 폴더를 전송합니다. 예를 들어 AI Summer는 Firebase 호스팅에 배포되지만 모든 개체 저장소는 정상적으로 작동합니다.

 $ firebase deploy

지원하다

이 저장소가 정말 마음에 들고 유용하다고 생각되면 별표 표시(★)를 하여 같은 생각을 가진 더 많은 사람들에게 다가갈 수 있도록 하십시오. 매우 감사하겠습니다 :)!

버그 기여 및 보고

더 많은 기능을 추가하고 버그를 수정하는 등의 작업을 통해 템플릿에 기여하실 수 있습니다. 이 템플릿은 웹 개발자가 아닌 기계 학습 엔지니어가 만든 것이므로 미리 진심으로 사과드립니다.

버그를 발견하면 GitHub 문제를 생성하거나 더 나은 방법으로 끌어오기 요청을 제출하세요. 마찬가지로, 질문이 있는 경우 GitHub 문제로 게시해 주세요. 자세한 내용은 여기를 참조하세요.

현재 팀

세르히오스 카라지아나코스, 니콜라스 아달로글루, 일리아스 파파스타티스

특허

저작권 2022, AI Summer.

Apache 라이센스 버전 2.0에 따라 라이센스가 부여되었습니다.

정식 라이센스를 확인하세요.