blogtini

บล็อกตินี่

สไลด์/การนำเสนอ

https://traceypooh.github.io/slides/dweb-2022 (เทรซี่พูดคุยได้ที่ https://dwebcamp.org)

เว็บไซต์ถ่ายทอดสดที่:

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

ตะขอ

• เมื่อใดก็ตามที่คุณสร้างหรือลบโพสต์ เราต้องการให้ sitemap ของคุณอัปเดต
• เมื่อใดก็ตามที่มีคนแสดงความคิดเห็นบนไซต์ของคุณ เราจะเรียกใช้สคริปต์ขนาดเล็ก

ดังนั้น เราขอแนะนำให้คุณใช้ git 'hooks' "pre commit" และ "post merge" ของเราเพื่อทำให้ "การดูแลทำความสะอาด" ข้างต้นเป็นแบบอัตโนมัติ คุณสามารถตั้งค่าได้ดังนี้:

git config --local core.hooksPath bin/

อาร์เอสเอส

หากคุณต้องการให้ไฟล์ RSS index.xml ที่สร้างด้วยสคริปต์ bin/sitemap ในระหว่างการเชื่อมต่อ "ล่วงหน้า" แต่ละครั้ง (ด้านบน) คุณจะต้องติดตั้งสคริปต์ yq บนเครื่องของคุณ

ตัวเลือกการตั้งค่าเว็บไซต์/บล็อกที่ดีที่สุดสองตัวเลือก

ที่เก็บซอร์สของบล็อกที่ใช้มาร์กดาวน์ภายในไฟล์มาร์กอัป html

• /2022/01/ไออบพาย/
• /2022/01/i-baked-a-pie/index.html
  • เริ่มจากเรื่องหน้า
    • รวมถึง comment: <script src="../theme.js" type="module" charset="utf-8"></script>
  • จากนั้นคุณสามารถมี url ที่ดี https://example.com/2022/01/i-baked-a-pie/ โดยที่ JS ที่รวมไว้จะแปลงมาร์กดาวน์เป็นมาร์กอัป
• /sitemap.xml ของคุณสามารถอ้างอิง URL ไดเรกทอรีแต่ละรายการของคุณได้
• จัดการ /sitemap.xml ของคุณด้วยตนเองหรือเรียกใช้สคริปต์ /bin/sitemap ทุกครั้งที่คุณสร้างหรือลบโพสต์ สคริปต์ /bin/sitemap สามารถพบได้บนเว็บไซต์ blogtini
• ให้ /theme.js ทำ import ธีมใดก็ตามที่คุณต้องการ

ที่เก็บซอร์สของบล็อกที่ใช้ไฟล์มาร์กดาวน์

• /2022/01/i-baked-a-pie.md
  • jekyll จะเปลี่ยนมาร์กดาวน์ของคุณเป็นมาร์กอัปและเป็น url เช่น https://example.com/2022/01/i-baked-a-pie.html โดยอัตโนมัติ
  • Tracey กำลังทำงานร่วมกับ jekyll เพื่อรับ https://example.com/2022/01/i-baked-a-pie.md URL เพื่อคัดลอกในรูปแบบคำต่อคำจากแหล่งที่มาของคุณ - ดังนั้นจึงสามารถใช้ markdown ดั้งเดิมที่มีเรื่องหน้าได้ และแยกวิเคราะห์

การพัฒนาท้องถิ่น

ตัวเลือกที่ 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 arg ?recache=1 ซึ่งเป็นตัวเลือกเสริม

ตัวอย่าง URL โดยใช้หน้า GitHub หรือ GitLab

หากคุณใช้ https://github.com หรือ https://gitlab.com การรวม 'เพจ' ฟรี คุณจะได้รับ URL ที่คุณชอบ:

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

คุณสามารถเลือกใช้ชื่อโดเมนของคุณเองได้ (โดยทั่วไปจะอยู่ที่ประมาณ ~$20 USD/ปี) สำหรับ URL ที่สั้นกว่าและดีกว่าซึ่งชี้ไปยังการใช้งาน Pages ด้านบน (นี่คือสิ่งที่ https://blogtini.com ทำ)

สิ่งที่ต้องทำ/แก้ไข

• git grep xxxxx มีลำดับความสำคัญสูงสุด
• git grep xxx