หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

เทมเพลตสำหรับเว็บไซต์หน้าเดียวที่เข้ารหัส

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

หากต้องการตรวจสอบการสาธิตให้ใช้ test รหัสผ่าน

สาธิต

ข้อจำกัดความรับผิดชอบ : โปรดทราบว่าฉัน (หรือผู้อ้างอิง) อาจพลาดบางสิ่งบางอย่าง ดังนั้นอย่าถือว่าสิ่งนี้เป็นการพิสูจน์กระสุน อย่าเปิดเผยข้อมูลธนาคารหรือสิ่งที่คล้ายกันด้วยวิธีนี้

การใช้งาน

  • สร้างที่เก็บจากเทมเพลตโดยคลิกปุ่ม use this template
  • เลือกชื่อที่เก็บ (URL ของคุณจะเป็น {GITHUB-ACCOUNT-NAME}.github.io/{REPOSITORY-NAME} )
  • เลือกพื้นที่เก็บข้อมูลให้เป็น ส่วนตัว หากคุณไม่ต้องการให้ผู้อื่นสามารถเข้าถึงเนื้อหาได้โดยไม่ต้องใช้รหัสผ่าน
  • สร้างข้อมูลลับ Github ชื่อ DECRYPTION_PASSPHRASE และตั้ง value เป็นรหัสผ่านที่คุณต้องการ (โปรดทราบว่าไปป์ไลน์ CI จะล้มเหลวในความพยายามครั้งแรกเนื่องจากรหัสผ่านหายไป)
  • ตั้งค่าแหล่งที่มาของการเผยแพร่เป็นสาขา main เพื่อเปิดใช้งานการโฮสต์ด้วยเพจ Github

การปรับแต่งเว็บไซต์:

  • คุณสามารถปรับแต่งหน้าเข้าสู่ระบบได้

    • ปรับ encrypt_with_assets.yml เช่นขั้นตอน "เข้ารหัสดัชนี" เพื่อตั้งชื่อเรื่อง คำแนะนำ และชื่อปุ่ม 

      - name : Encrypt index
  run : >
    staticrypt index.html -p ${{ secrets.DECRYPTION_PASSPHRASE }} --short
    --template "password_template.html"
    --template-title "Login"
    --template-instructions "This is a test website, use the password 'test' to enter."
    --template-button "Open Page"
    --template-color-primary "#113e9f"
    --template-color-secondary "#e4e4e4"

    • สำหรับรายละเอียดและการเปลี่ยนแปลงเค้าโครงทั้งหมด โปรดดูที่ StatiCrypt

  • แก้ไข main.html ซึ่งจะแสดงต่อผู้เยี่ยมชมหลังจากการเข้ารหัส (เวอร์ชันที่เข้ารหัสซึ่งโฮสต์อยู่คือ index.html )

    • เนื้อหาสามารถใช้งานได้ตามปกติและจะไม่ถูกเข้ารหัส

สินทรัพย์ที่เข้ารหัส

โดยค่าเริ่มต้น การเข้ารหัสเนื้อหาจะถูกเปิดใช้งาน เนื่องจากเวิร์กโฟลว์ encrypt_with_assets.yml ทำงานอยู่ โปรดทราบว่าการดำเนินการนี้จะแทนที่เฉพาะรูปภาพที่เชื่อมโยงโดยตรง ไฟล์ CSS และ JavaScript ในเอกสาร HTML ด้วยการแสดง base64 แบบแทนที่ ดังนั้นลิงก์ที่เกี่ยวข้องในไฟล์อาจไม่ทำงานอีกต่อไป เนื่องจากตำแหน่งของลิงก์มีการเปลี่ยนแปลง

หากคุณไม่ต้องการเข้ารหัสสินทรัพย์

  • ลบโฟลเดอร์เนื้อหาออกจาก exclude s ของ _config.yml
  • encrypt_with_assets.yml ถึง encrypt_with_assets._yml และ
  • เปลี่ยนชื่อ encrypt_without_assets._yml เป็น encrypt_with_assets.yml

การใช้งานในท้องถิ่น

หากคุณไม่ต้องการให้มีข้อมูลใดๆ ของคุณ (แม้แต่) ในพื้นที่เก็บข้อมูลส่วนตัว คุณสามารถแปลงข้อมูลนั้นในเครื่องได้ และอัปโหลดเฉพาะ index.html หลังจากนั้นเท่านั้น โดยทำตามขั้นตอนเหล่านี้:

  • สร้างภาพ 
     docker build -t ppw .
  • เรียกใช้การเข้ารหัส 
     docker run -it --rm --name ppw -e PASSWORD=test --mount type=bind,source=${PWD},target=/code ppw
  • ละเว้นการเปลี่ยนแปลงใน main.html 
     git update-index --skip-worktree main.html
    หรืออาจจำเป็นต้องใช้สิ่งเดียวกันนี้กับเนื้อหาของคุณ

เครดิต

  • การเข้ารหัสทำโดย StatiCrypt: ใบอนุญาต MIT
  • เราใช้เวิร์กโฟลว์จาก staticrypt-github-actions เป็นพื้นฐาน: ใบอนุญาต MIT
  • เราใช้ Bootstrap รวมถึงหนึ่งในตัวอย่าง (สาธิต): ใบอนุญาต MIT
  • เราใช้รหัสจากหกถึงสี่เพื่อกำหนดประเภท MIME ของรูปภาพ: ใบอนุญาต MIT
  • เราใช้ Github CSS Ribbon: ใบอนุญาต MIT
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด