album shelf

ชั้นวางอัลบั้ม

album-shelf เป็นหน้าเว็บแบบคงที่สำหรับแสดงและสำรวจคอลเลคชันบันทึกเพลงของฉัน

ภาพหน้าจอจาก adrienjoly.com/album-shelf:

ใช้ Jekyll เพื่อแสดงรายการในรูปแบบ HTML จากไฟล์ข้อมูล YAML (ดู albums.yaml ) และหน้า Github เพื่อให้สาธารณชนเข้าถึงได้

หากคุณต้องการมีหน้าที่คล้ายกันสำหรับคอลเลกชันอัลบั้มของคุณเอง โปรดแยกพื้นที่เก็บข้อมูลนี้และแทนที่รายการอัลบั้มของฉันด้วยของคุณ!

คุณสมบัติ

ค้นหาและเพิ่มอัลบั้มจาก Spotify

 $ npm run add:spotify-album

เพิ่มอัลบั้มที่บันทึกไว้จากไลบรารี Spotify ของผู้ใช้

 $ npm run add:spotify-saved-abums

เพิ่มอัลบั้มจากเพลย์ลิสต์ของผู้ใช้บน Spotify

 $ npm run add:spotify-playlists

จะเผยแพร่คอลเลกชันของฉันเองได้อย่างไร?

หมายเหตุ: ในการสร้างและเผยแพร่คอลเลกชันของคุณ คุณต้องมีบัญชี Github เพื่อให้คุ้นเคยกับ git และการใช้บรรทัดคำสั่ง

ทำตามขั้นตอนเหล่านี้:

1. แยกพื้นที่เก็บข้อมูลนี้ไปยังบัญชี Github ของคุณเอง
2. อัปเดตสำเนา _config.yml ของคุณเพื่อกรอกชื่อและรหัส Google Analytics ของคุณ
3. แก้ไขสำเนา albums.yaml ของคุณ
4. ทดสอบการเปลี่ยนแปลงของคุณในเครื่องโดยรัน npm install จากนั้น npm start ;
5. กระทำและผลักดันการเปลี่ยนแปลงของคุณไปยังที่เก็บส้อมของคุณ (เช่นการใช้ git push );
6. เปิดใช้งาน Github-pages บนสาขา master ของคุณ ดังที่แสดงด้านล่าง:

7. เรียกดูคอลเลกชันของคุณบน http://<your_github_username>.github.io/album-shelf -