goulven clech.dev
v1.4.1: Refreshed design
Astro, TypeScript & Tailwind CSS로 만든 내 개인 블로그. Vercel이 주최하는 Goulven-Clech.dev에서 살고 있습니다.
소스 코드는 0BSD 라이센스에 따라 제공되며 귀속은 높이 평가되지만 필요하지 않습니다. 블로그 텍스트 콘텐츠는 CC에 따라 4.0 증서에 의해 제공되며 귀속이 필요합니다. 그러나 두 가지 모두, 귀하는 상업적 또는 개인의 목적을 위해 자유롭게 사용, 복사, 수정 및/또는 배포 할 수 있습니다.
일부 항목은 외부 소스에서 텍스트, 이미지 또는 리소스를 인용 할 수 있습니다. 원래 라이센스가 적용되며, 알려진 경우 저자를 나타냅니다.
이 프로젝트는 Astro로 만든 블로그처럼 보이며 "Astro와 함께 블로그 시작"내 항목을 읽는 것으로 시작할 수 있습니다. 그러나 조금씩, 나는 당신에게 관심을 가질 수있는 몇 가지 독창적 인 기능을 추가했습니다. 여기에 주요 기능이 있습니다.
검색 바 : ASTRO 및 웹 구성 요소 만 사용하여 사용자의 입력을 기반으로 블로그 항목을 필터링합니다.
목차 : Astro 및 MDX를 사용하면 제목을 기반으로 목차를 생성합니다. 중첩 된 목록이 있습니다.
오픈 라이브러리 및 Google지도 블록 : 블로그 항목에 API 결과를 멋지게 표시합니다.
어두운 모드 : 빛, 어두운 및 시스템 색 구성표를 전환합니다. 로컬 스토리지를 사용하여 사용자의 선택을 지속하십시오.
사용자 정의 이미지 서비스 : Erika의 블로그에서 검색하고 이미지 로딩 중에 성능을 얻고 자리 표시자를 표시합니다.
/
├── src/
│ ├── content/ -> Sub repository
│ ├── assets/
│ │ └── base.css
│ ├── components/
│ │ └── Card.astro
│ ├── layouts/
│ │ └── Layout.astro
│ ├── pages/
│ │ └── index.astro
│ ├── env.d.ts
│ └── [...utils].ts
├── public/
│ └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json
pages/ 이 블로그의 모든 페이지를 .astro 파일로 포함합니다.
layouts/ 및 components/ 에는 모든 웹 구성 요소가`.astro`` 파일로 포함됩니다.
| 명령 | 행동 |
|---|---|
pnpm install | 종속성을 설치합니다 |
pnpm run dev | localhost:3000 에서 Local Dev 서버를 시작합니다 |
pnpm run build | ./dist/ 로 생산 사이트를 구축하십시오. |
pnpm run preview | 배포하기 전에 로컬로 빌드를 미리보십시오 |
pnpm run astro ... | astro add , astro check 와 같은 CLI 명령을 실행하십시오 |
pnpm run astro --help | Astro Cli를 사용하여 도움을 받으십시오 |
모든 명령은 프로젝트의 루트에서 터미널에서 실행해야합니다. PNPM 대신 NPM 또는 원사를 사용할 수도 있습니다.
