การใช้เว็บไซต์แบบสแตติกสำหรับอาร์ไคฟ์ขนาดเล็ก

• การใช้เว็บไซต์แบบสแตติกสำหรับอาร์ไคฟ์ขนาดเล็ก

• ในฐานะส่วนหนึ่งของความพยายามในการจัดการข้อมูลดิจิทัลให้มีความตั้งใจและเป็นระบบมากขึ้น กำลังสร้างเว็บไซต์แบบสแตติกเพื่อสำรวจอาร์ไคฟ์ในเครื่อง

  • สร้างเว็บไซต์สำหรับคอลเลกชันหลากหลายประเภท เช่น เอกสารที่สแกน เอกสารที่สร้างขึ้นเอง ภาพหน้าจอที่จับไว้ เว็บเพจที่คั่นหน้าไว้ วิดีโอและไฟล์เสียงที่บันทึกเก็บไว้
  • แต่ละคอลเลกชันใช้ดีไซน์ที่แตกต่างกันเพื่ออธิบายไฟล์ เช่น ภาพหน้าจอจะแสดงเป็นกริดรูปภาพ บุ๊กมาร์กจะแสดงเป็นชุดลิงก์ข้อความ และวิดีโอจะแสดงเป็นรายการที่ผสมทั้งภาพขนาดย่อและข้อความ
  • เว็บไซต์ให้วิธีสำรวจไฟล์ที่ดีกว่า macOS Finder และสามารถเพิ่มเมตาดาต้า รวมถึงสร้างวิธีค้นหาและจัดระเบียบไฟล์ได้

• กระบวนการเปลี่ยนมาใช้เว็บไซต์แบบสแตติก

• วิธีเดิมที่ใช้ไฟล์และโฟลเดอร์บังคับให้ต้องจัดระเบียบแบบลำดับชั้น ทำให้จัดการไฟล์สื่อได้ยาก

  • ผู้เขียนชอบความยืดหยุ่นของการใช้คีย์เวิร์ดแท็ก เพื่อให้ค้นหาไฟล์ได้หลายวิธี
  • เคยลองแอปแบบ "ถังรวมทุกอย่าง" อย่าง DEVONThink, Evernote และ Yojimbo แต่รู้สึกไม่สะดวกที่ต้องปรับตัวให้เข้ากับวิธีคิดของแอป
  • หลังจากมีประสบการณ์ด้านการเขียนโปรแกรมมากขึ้น ก็เคยเขียนเครื่องมือสำหรับจัดระเบียบไฟล์ขึ้นมาเอง แต่มีภาระด้านการบำรุงรักษา
  • สุดท้ายแก้ปัญหาด้วยการใช้ไฟล์ HTML เปลี่ยนโฟลเดอร์ให้กลายเป็นมินิเว็บไซต์

• เน้นที่คำว่า "เล็ก"

• กระบวนการจัดระเบียบไฟล์และเขียนเมตาดาต้าด้วยมือนั้นไม่เหมาะกับคอลเลกชันขนาดใหญ่ แต่ช่วยให้ตัดสินใจได้ว่าอะไรควรค่าแก่การเก็บรักษา

  • ไฟล์ที่ถูกรวบรวมมาเป็นจำนวนมากจะถูกจัดเป็นเว็บไซต์ขนาดเล็กเพื่อให้อธิบายได้อย่างมีประโยชน์มากขึ้น
  • แม้จะชอบระบบอัตโนมัติ แต่ก็เพลิดเพลินกับข้อจำกัดของกระบวนการแบบแมนนวล

• งานศึกษาก่อนหน้า

• การใช้เว็บไซต์แบบสแตติกไม่ใช่เรื่องใหม่ และได้รับแรงบันดาลใจจากการส่งออกบัญชีผู้ใช้ของ Twitter

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

• สรุปโดย GN⁺

• การใช้เว็บไซต์แบบสแตติกเพื่อจัดการดิจิทัลอาร์ไคฟ์เป็นวิธีจัดการไฟล์ที่เรียบง่ายแต่มีประสิทธิภาพ

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

• "HTML for People" ของ Blake Watson เป็นแหล่งข้อมูลที่มีประโยชน์สำหรับผู้ที่อยากเรียนรู้การสร้างเว็บไซต์

• ทำให้ตระหนักได้ว่านอกจากการมอง HTML เป็นเพียงเครื่องมือเผยแพร่เว็บแล้ว ยังสามารถใช้เป็นเครื่องมือสำหรับอาร์ไคฟ์ส่วนตัวได้ด้วย

[GN⁺]

ความเห็นใน Hacker News

• มีการแชร์วิธีคัดลอกรูปภาพไปยังคลิปบอร์ดแล้วบันทึกลงในไฟล์ HTML เพื่อสร้างแกลเลอรีแบบไฟล์เดียว

  • สามารถเลือกไฟล์ผ่านตัวเลือกไฟล์ได้เช่นกัน แต่การลากแล้ววางทำงานได้ไม่ค่อยดี
  • หลังจากเพิ่มรูปภาพแล้ว เมื่อบันทึกหน้าเพจ blob จะถูกบันทึกไปด้วย
  • สามารถอัปโหลดหน้าเพจขึ้นเซิร์ฟเวอร์ หรือดับเบิลคลิกเปิดบนคอมพิวเตอร์/มือถือได้

• หลายคนกล่าวถึง Markdown ในคอมเมนต์

  • Plain text เป็นมิตรต่ออนาคตและมีบทบาทสำคัญในการจัดเก็บข้อมูล
  • ตั้งแต่ยุคหลัง WordPerfect ก็ชอบเอกสารที่มองเห็นอักขระจัดรูปแบบได้โดยตรง
  • Markdown ยอดเยี่ยมในฐานะ DSL (ภาษาเฉพาะโดเมน) สำหรับ HTML
  • เครื่องมือ Markdown ที่มี เช่น Markdown Viewer ของ Firefox และ Markdeep

• แปลงคอนเทนต์เป็น Markdown และเก็บรูปภาพที่เกี่ยวข้องไว้ใน Obsidian vault

  • ใช้ Syncthing ซิงก์เองเพื่อเป็นตัวช่วยความจำที่มีประสิทธิภาพ
  • นำข้อมูลจาก Google/Facebook มาแปลงรูปแบบใหม่ จัดเก็บ และทำดัชนี
  • ข้อความมีต้นทุนต่ำและหลีกเลี่ยงการใช้รูปภาพส่วนใหญ่

• โดยส่วนตัวใช้ Obsidian สำหรับจัดเก็บข้อมูล

  • บริการภายนอกอาจหายไปได้ทุกเมื่อ ดังนั้นข้อมูลในเครื่องจึงให้ทั้งความเป็นเจ้าของและความสะดวกในการค้นหา
  • เขียนสคริปต์เพื่อแปลงไฮไลต์จาก Kindle เป็นไฟล์ Markdown
  • ระบบนิเวศของ Static Site Generator ยังคงพัฒนาอย่างต่อเนื่อง

• ตลอด 15 ปีที่ผ่านมาได้สร้าง Portable HTML โดยฝังรูปภาพและ MP3 ไว้ใน HTML

  • ใช้รูปแบบ MHTML เพื่อสร้างไฟล์เก็บถาวร
  • รัน HTTP server แบบง่ายเพื่อสำรวจไฟล์เก็บถาวร
  • แชร์วิธีบันทึกและแปลงรูปภาพ

• มีความเห็นตั้งคำถามว่าทำไมจึงมักย้อนกลับไปทบทวนงานเก่าอยู่บ่อยครั้ง

• ใช้ VimWiki เพื่อจดโน้ตระหว่างทำงาน

  • ใช้เครื่องมือ SingleFile เพื่อบันทึกเว็บไซต์และเพิ่มคำอธิบายประกอบ

• การแก้ไขไฟล์ HTML ด้วยมืออาจยุ่งยาก และการใช้ตัวสร้างไซต์แบบสแตติก DIY ที่เรียบง่ายน่าจะเหมาะกว่า

• ใช้ฟีเจอร์ include ของ HTML เพื่อทำงานนี้