blogtini

블로그 티니

슬라이드/프레젠테이션

https://traceypooh.github.io/slides/dweb-2022 (트레이시 토크는 https://dwebcamp.org)

사이트 라이브 위치:

• https://blogtini.com
• https://traceypooh.github.io/blogtini/

후크

• 게시물을 작성하거나 삭제할 때마다 sitemap 업데이트되기를 바랍니다.
• 누군가 귀하의 사이트에 댓글을 달 때마다 우리는 작은 스크립트를 실행합니다.

따라서 위의 "관리"를 자동화하려면 "사전 커밋" 및 "사후 병합" git 'hooks'를 사용하는 것이 좋습니다. 다음과 같이 설정할 수 있습니다.

git config --local core.hooksPath bin/

RSS

bin/sitemap 스크립트를 사용하여 RSS index.xml 파일을 생성하려면 위의 각 "사전 커밋" 후크 중에 yq 스크립트를 컴퓨터에 설치해야 합니다.

최고의 두 가지 웹사이트/블로그 설정 옵션

HTML 마크업 파일 내에서 마크다운을 사용하는 블로그 소스 저장소

• /2022/01/i-baked-a-pie/
• /2022/01/i-baked-a-pie/index.html
  • 머리말부터 시작하다
    • comment: <script src="../theme.js" type="module" charset="utf-8"></script>
  • 그런 다음 포함된 JS가 마크다운을 마크업으로 변환하는 멋진 URL https://example.com/2022/01/i-baked-a-pie/ 을 가질 수 있습니다.
• /sitemap.xml 은 각 디렉토리 URL을 참조할 수 있습니다.
• /sitemap.xml 을 수동으로 관리하거나 게시물을 생성하거나 삭제할 때마다 /bin/sitemap 스크립트를 실행하세요. /bin/sitemap 스크립트는 blogtini 웹사이트에서 찾을 수 있습니다.
• /theme.js 에서 원하는 테마를 import 오도록 하세요.

마크다운 파일을 사용하는 블로그 소스 저장소

• /2022/01/i-baked-a-pie.md
  • jekyll 자동으로 마크다운을 마크업과 https://example.com/2022/01/i-baked-a-pie.html 과 같은 URL로 변환합니다.
  • Tracey는 https://example.com/2022/01/i-baked-a-pie.md URL을 소스에서 그대로 복사하기 위해 jekyll 과 협력하고 있습니다. 따라서 머리말이 포함된 원본 마크다운을 사용할 수 있습니다. 그리고 파싱

지역 발전

옵션 1

safari 훌륭합니다. 그냥 로컬에서 사이트를 실행할 수 있습니다.

• 개발자 도구 활성화됨
• 메뉴 Develop
  • 개발 중 Disable Cross-Origin Restrictions 확인하십시오.
  • HTML 페이지 새로고침
  • 완료되면 Disable Cross-Origin Restrictions 선택 취소하세요.
• 예: 파일:///Users/tracey/dev/blogtini/index.html

옵션 2

(모든 기본 정적 파일 웹서버가 수행합니다):

( sleep 3 ; open http://localhost:8000 ) &
python3 -m http.server

선택적 CGI 인수 ?recache=1 추가하여 게시물 및 페이지를 강제로 다시 구문 분석할 수 있습니다.

GitHub 또는 GitLab 페이지를 사용하는 예제 URL

https://github.com 또는 https://gitlab.com 무료 '페이지' 통합을 사용하면 다음과 같은 URL을 얻을 수 있습니다.

• https://traceypooh.github.io/blogtini/
• https://traceypooh.gitlab.io/blogtini/

위의 페이지 배포를 가리키는 더 짧고 좋은 URL에 대해 자신의 도메인 이름(일반적으로 연간 ~$20 USD)을 사용하도록 선택할 수 있습니다(https://blogtini.com이 수행하는 작업).

해야할 일/수정사항

• git grep xxxxx 가장 높은 우선순위
• git grep xxx