PlainPage 다운로드 - PlainPage 소스 코드 다운로드

PlainPage

기타 카테고리

1.0.0

다운로드

일반 페이지

빠르고 텍스트 중심의 미니멀한 블로그입니다.

영어 | 중국어

라이브 데모

Github 페이지 데모

특징

빠름: 100% 정적, 서버측 렌더링 없음
단순함: 마크다운 파일만 사용
? 사용자 정의 가능: 테마 및 레이아웃을 사용자 정의합니다.
SEO 친화적: SEO 지원
반응형: 모바일 장치 지원
? Astro 버전 최신 기준

✅ 등대 점수

스크린샷

어두운

프로젝트 구조

 ├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   └── consts.ts
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json

src/content/ 디렉터리에는 관련 Markdown 및 MDX 문서의 "컬렉션"이 포함되어 있습니다. getCollection() 사용하여 src/content/blog/ 에서 게시물을 검색하고 선택적 스키마를 사용하여 머리말의 유형을 확인하세요. 자세한 내용은 Astro의 콘텐츠 컬렉션 문서를 참조하세요.

이미지와 같은 모든 정적 자산은 public/ 디렉터리에 배치할 수 있습니다.

모든 구성은 src/consts.ts 에 있습니다.

 // src/consts.ts

// site config
export const SITE_TITLE = "PlainPage" ;
export const SITE_DESCRIPTION = "Welcome (. ❛ ᴗ ❛.)" ;
export const COPYRIGHT = "© 2024 PlainPage All Rights Reserved" ;
export const ICP_NUMBER = "" ;

// social links, empty or commented out = not displayed
export const SOCIAL_LINKS = {
  Github : "https://github.com/churchTao" ,
  Twitter : "https://twitter.com/yourusername" ,
  //   LinkedIn: "https://www.linkedin.com/in/yourusername",
  //   Instagram: "https://www.instagram.com/yourusername",
  //   Facebook: "https://www.facebook.com/yourusername",
  //   YouTube: "https://www.youtube.com/yourusername",
} ;

// SEO related
export const SEO_CONFIG = {
  ogImage : "/hero-img.png" , // default social media share image
  keywords : "blog, tech, programming" , // default keywords
} ;

// navigation config
export const NAV_ITEMS = [
  { text : "Home" , link : "/" } ,
  { text : "Blog" , link : "/blog" } ,
  { text : "Tags" , link : "/tags" } ,
  { text : "About" , link : "/about" } ,
] ;

// blog config
export const BLOG_CONFIG = {
  locale : "en-us" , // date format language
  authorName : "Author Name" , // author name
  email : "mailto:[email protected]" ,
  tags : {
    title : "Tags" , // tags page title
    description : "All the tags used in posts." , // tags page description
  } ,
} ;

? 명령

모든 명령은 프로젝트 루트의 터미널에서 실행됩니다.

명령	행동
`npm install`	종속성을 설치합니다.
`npm run dev`	`localhost:4321` 에서 로컬 개발 서버를 시작합니다.
`npm run build`	프로덕션 사이트를 `./dist/` 로 구축하세요.
`npm run preview`	배포하기 전에 로컬에서 빌드 미리보기
`npm run astro ...`	`astro add` , `astro check` 같은 CLI 명령 실행
`npm run astro -- --help`	Astro CLI를 사용하여 도움 받기