Gridsome을 사용하여 개인 작성 사이트 시작하기

3627 단어 vuegridsomepwamarkdown
개인적인 글만을 위한 블로그를 만들고 싶다면 Gridsome(Vue.js용 Jamstack 프레임워크)으로 시작하세요.

ZERO - 비용, 플러그인, 데이터베이스,

서버 측 - 전체 정적 사이트

Publish Content via Markdown



지금 무료로 개인 글쓰기 사이트를 시작해 봅시다.
  • Github에서 이 Gridsome 테마를 복제하거나 다운로드합니다
    • .



    므스키안 / 안녕 세계


    삶과 기술과 관련된 유용한 정보를 공유하세요.





    안녕하세요 세계 🙂



    Share Something useful related to Life and tech.


    ✨ 최소한의 | ❤ 청소 | 🚀 더 빠르게 | 📱 PWA
    ▶ 덕분에
    이 멋진 최소 및 경량 Gridsome Starter 테마 - https://github.com/alexbrown/gridsome-starter-minimal-blog
    🤗 이 테마는 상태 사이트 또는 메모에 적합합니다.

    Built Using Gridsome - Static Site Generator for Vue.js


    방금 몇 가지 수정을 했고 다음과 같은 추가 기능을 포함했습니다.
  • PWA
  • 소셜 메타 태그
  • 최적화된 메타 태그
  • 표준 URL
  • 매니페스트
  • 게시물 태그
  • 포스트 작성자
  • 명령을 통해 새 게시 파일 생성
  • 사용자 정의 404 오류 페이지

    • 사용법 📦


  • 이 저장소 복제 또는 다운로드
    • git clone https://github.com/mskian/hello-world.git
cd hello-world
yarn install
    • Test the Site
    yarn develop
    • Add post content - /content/posts 
    yarn newpost
    • Production Build
    yarn build
    • Production Build store the Static Files on dist Folder

    무료 호스팅 💯

    Host it on Netlify for free

    라이선스 ☑

    MIT


    View on GitHub




    git clone https://github.com/mskian/hello-world.git


  • 패키지 설치

    • cd hello-world
yarn install


  • 사이트 테스트

    • yarn develop


  • 새 콘텐츠 게시

    • yarn newpost


  • 프로덕션 빌드

    • yarn build


  • 프로덕션 빌드는 정적 파일을 dist 폴더에 저장합니다
    • .

    Netlify 및 Vercel에서 자유롭게 호스팅할 수 있습니다.

    테마 기능


  • 마크다운
  • PWA
  • 게시물 태그
  • 게시물 작성자
  • 소셜 메타 태그
  • 명령을 통해 새 게시 파일을 만듭니다
    • .
  • 사용자 정의 404 오류 페이지
  • 최적화된 메타 태그
  • 정식 URL

    • PWA를 사용하는 번개처럼 빠른 사이트로 전 세계에 글을 퍼뜨리세요.
    멀티스레드 Condition
    S3에서 대용량 파일의 메타데이터 덮어쓰기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage