Sri

พอดีตอนทดลองใช้ Hugo กับ PaperMod ธีม ระหว่างสลับไปมา Mac กับ Windows เจอปัญหาประหลาด ตอน Deploy บนวินโดวน์ css ดันไม่เวิร์ค เลยไปลองหาดูว่าธีมมันทำไรผิดป่าว ก็พบว่าค่าใน integrity ของ link tag หรือ script tag มันผิดอยู่ เป็นเฉพาะวินโดวน์ คือมีการใส่ ASCII characters เข้ามาผสม น่าจะมีบ้างอย่างผิด แต่ขี้เกียจแงะต่อ ไปเจอว่า ตัวธีมปิด feature SRI ได้ เลยลองปิดไปก่อน แต่ที่น่าสนใจคือ ไม่รู้ว่า SRI มันคืออะไร เลยมาจดไว้ ref: https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity สรุป สั้นๆ คือเอาไว้ ป้องกันผู้ไม่หวังดี เวลาเราโฮสไฟส์ไว้ตาม CDN ต่างๆ ตัวอย่างทำใน script tag <script src="https://example.com/example-framework.js" integrity="sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC" crossorigin="anonymous"></script>