jaan.io

jaan.io (ดูตัวอย่างที่นี่)

ธีม Jekyll นี้ให้อำนาจเว็บไซต์ส่วนตัวของฉัน

นี่คือการแยกจากธีม Balzac ของ Cole Townsend ด้วยแรงบันดาลใจอย่างหนักจากเว็บไซต์ของเขา

การปรับปรุงบางอย่างได้รับการแนะนำโดยทำตามธีมที่เรียบง่ายของ Michael Rose สำหรับ Jekyll (เช่นการตรวจสอบ Bing, บัตร Twitter, Google Analytics, การประพันธ์และการสนับสนุนเครื่องมือเว็บมาสเตอร์)

ขอบคุณAmédée d'Aboville สำหรับ JavaScript Hover-over ที่ดีในชื่อ

การตั้งค่าและการตั้งค่าคล้ายกับของ Balzac โปรดยื่นปัญหาหากมีบางอย่างไม่ชัดเจนหรือคุณมีคำถามใด ๆ

ทดสอบในพื้นที่

jekyll serve --config _config.yml,_config_dev.yml --watch

scss -t compress assets/sass/i.scss assets/css/i.css

ตรวจสอบลิงก์ภายในและภายนอกที่เสีย: rake test

การปรับใช้

ปรับใช้กับ S3_Website ใช้ไฟล์ .env เพื่อตั้งค่าตัวแปรสภาพแวดล้อม AWS_ACCESS_KEY_ID และ AWS_SECRET_ACCESS_KEY สร้างด้วย bundle exec jekyll build ปรับใช้กับ S3 ด้วย s3_website push

การจัดการทับทิมบน Mac

ใช้ rbenv เช่นเดียวกับในคู่มือนี้ (หรือสำหรับ M1 Macs ดูที่ https://www.moncefbelyamani.com/how-to-install-xcode-homebrew-git-rvm-ruby-on-mac/ ใช้ทับทิม 3.1.2 และเรียกใช้ bundle add webrick ))

บน Mac ให้ใช้ RVM สำหรับการจัดการสภาพแวดล้อมทับทิม

ใช้ Bundler สำหรับการจัดการอัญมณี: gem install bundler Run จากรูทของ repo: bundler install ที่สำคัญ: จำเป็นต้อง rehash เพื่อสร้างลิงก์สัญลักษณ์ไปยังอัญมณีเช่น Jekyll - rbenv rehash จากนั้นเรียกใช้คำสั่ง Jekyll: jekyll build

เวิร์กโฟลว์สำหรับการสร้างกราฟิกเวกเตอร์สำหรับโพสต์บล็อก

• ใช้คำปราศรัยเพื่อสร้างตัวเลข
• ส่งออกไปยัง PDF
• พืชผลในตัวอย่าง
• ใช้ Inkscape เพื่อแปลงเป็น SVG: inkscape --without-gui --file=in.pdf --export-plain-svg=out.svg
• ใส่ในโฟลเดอร์ _svg รวมถึงการใช้ {% asset out.svg %}

รูปภาพในโพสต์

• ใช้ style = "Max-Width: 38%" ในแท็ก HTML

อัปเดต Google Metadata

• อัปเดต index.md, about.md, home.html

ใบอนุญาต

ใช้สิ่งนี้เพื่อสิ่งที่คุณต้องการ

สิ่งที่อยากได้

• แก้ไขสำเนาไปยังปุ่ม Bibtex; Overriding CSS ด้วย -webkit-appearance: none; ดูเหมือนจะไม่ได้ผล
• หาวิธีใช้ markdownify ของเหลวของเหลวในเทมเพลตกระดาษเพื่อรองรับ markdown ใน paper.description