alexwlchan.net

Alexwlchan.net

repo นี้มีรหัสสำหรับเว็บไซต์ส่วนตัวของฉัน Alexwlchan.net ซึ่งเป็นเว็บไซต์คงที่ที่สร้างขึ้นด้วย Jekyll มันมีปลั๊กอินจำนวนมากที่ฉันเขียนเพื่อปรับแต่งไซต์

เครื่องมือสำคัญ

เว็บไซต์ใช้:

• Jekyll ซึ่งสร้างหน้า HTML
• Sass สำหรับการสร้าง CSS และ Stylesheets
• การกระทำของ GitHub ซึ่งสร้างและปรับใช้เว็บไซต์
• แคดดี้ซึ่งเป็นเว็บเซิร์ฟเวอร์

เมื่อฉันต้องการเปลี่ยนแปลงฉันเปิดคำขอดึง สิ่งนี้ทำให้เกิดการสร้างด้วยการกระทำของ GitHub และเป็นส่วนหนึ่งของการสร้างมันตรวจสอบ HTML ด้วย HTMLPROOFER สิ่งนี้จะตรวจสอบข้อความ alt ที่ขาดหายไปลิงก์ที่เสีย HTML ไม่ถูกต้องและอื่น ๆ

หากเว็บไซต์ผ่านการตรวจสอบจะถูกรวมเข้าด้วยกันโดยอัตโนมัติและ Build on the main Branch จะเผยแพร่การเปลี่ยนแปลงไปยังเว็บเซิร์ฟเวอร์ของฉัน

การสร้างเว็บไซต์

คุณต้องติดตั้ง Git, Ruby และ Python

เพื่อเรียกใช้สำเนาท้องถิ่นของเว็บไซต์:

$ git clone [email protected]:alexwlchan/alexwlchan.net.git

$ python3 -m venv .venv
$ pip install -r requirements.txt

$ bundle install

$ bundle exec jekyll serve

ไซต์ควรทำงานบน http: // localhost: 5757 หากคุณทำการเปลี่ยนแปลงไฟล์ต้นฉบับมันจะอัปเดตโดยอัตโนมัติ

ในการสร้างไฟล์ HTML แบบคงที่ครั้งเดียว:

$ bundle exec jekyll build

สิ่งนี้สร้างชุดของไฟล์ HTML ใน _site

เว็บไซต์ทำงานอย่างไร

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

• การสร้างฟีดอะตอม
• No-Javascript Twitter ฝัง
• เชื่อมโยงไปยังงานของฉันในเว็บไซต์อื่น ๆ
• ตรวจสอบความถูกต้องของเรื่องด้านหน้าในไฟล์ Markdown

การบริจาค

ยินดีต้อนรับการแก้ไขสำหรับการพิมพ์ผิด แต่มิฉะนั้นการบริจาคจะถูกละเว้น

หากคุณต้องการใช้ส่วนประกอบใด ๆ ในโครงการของคุณเอง - ปลั๊กอินเลย์เอาต์สไตล์ชีท - อย่าลังเลที่จะทำเช่นนั้น

ใบอนุญาต

• ยกเว้นที่ระบุไว้เป็นอย่างอื่นไซต์และรหัสที่เกี่ยวข้องจะได้รับใบอนุญาตคู่เป็น::

  • Creative Commons Attribution 4.0 International (AKA CC โดย 4.0)
  • ใบอนุญาต MIT

  หากคุณกำลังนำเนื้อหาของฉันกลับมาใช้ใหม่คุณสามารถใช้ใบอนุญาตใดก็ได้ที่เหมาะสมที่สุด

  ส่วนใหญ่เป็น CC โดยไม่เป็นไร แต่ใบอนุญาตครีเอทีฟคอมมอนส์ไม่เหมาะสำหรับรหัสดังนั้นฉันจึงมี MIT เป็นทางเลือก

• ภาพบางภาพที่ใช้ภายใต้ใบอนุญาตครีเอทีฟคอมมอนส์จากคนอื่น ๆ ดูโพสต์ที่ใช้ภาพสำหรับการระบุแหล่งที่มา

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