เทมเพลตบล็อกวิทยาศาสตร์ที่ใช้ AI Summer
เทมเพลตปัจจุบันสามารถใช้กับบล็อกทางวิทยาศาสตร์ได้ เนื่องจากเทมเพลตนี้รองรับองค์ประกอบที่จำเป็นมากมาย เช่น:
- การแสดงลาเท็กซ์
- บล็อกโค้ดพร้อมการไฮไลต์
- การอ้างอิงและการอ้างอิง
- ฝัง GIF และวิดีโอ
- ส่วนประกอบแบบโต้ตอบ
- สารบัญ
- บทความที่คล้ายกัน
คุณสมบัติที่สำคัญอื่น ๆ :
- ความสามารถในการกรองและแสดงโพสต์ตามหัวข้อ
- หน้าผู้เขียนที่ปรับแต่งได้
- ตอบสนอง 100%
- สามารถสร้างเพจได้ด้วยโค้ด React มาตรฐานหรือใช้ Markdown
- ค้นหาด้วยดัชนีท้องถิ่นโดยใช้ flexsearch
- การทำ SEO พร้อมแล้ว
- รูปภาพที่ตอบสนองและไปป์ไลน์การประมวลผลภาพล่วงหน้า
- การวิเคราะห์ของ Google และตัวจัดการแท็ก
- การสร้าง robots.txt
- การสร้างฟีด XML
- การสร้างแผนผังเว็บไซต์
ดูตัวอย่างสดในเว็บไซต์ของเรา
เทมเพลตนี้อิงจาก theaisummer.com ซึ่งเราดึงสิ่งที่ไม่จำเป็นออกทั้งหมด เพื่อสร้างเฟรมเวิร์กที่เรียบง่าย พร้อมใช้งาน แต่มีฟีเจอร์มากมายสำหรับบล็อกทางวิทยาศาสตร์
ข้อมูลสำคัญ
- เทมเพลตนี้สร้างด้วย Gatsby v2 ดังนั้นจึงจำเป็นต้องมีความคุ้นเคยกับ React บ้าง สำหรับผู้ที่ต้องการปรับแต่ง เราขอแนะนำเป็นอย่างยิ่งให้ตรวจสอบเอกสารอย่างเป็นทางการของ Gatsby
- Typescript และ TSX ถูกใช้แทน Javascript
- ตัวประมวลผลล่วงหน้า Sass ใช้สำหรับจัดแต่งทรงผม
- MDX ถูกใช้แทน Markdown เพื่อให้เราสามารถเพิ่มส่วนประกอบ React ที่กำหนดเองภายใน markdown ได้ นั่นทำให้เราปรับแต่งได้สูง มีวิดเจ็ตแบบโต้ตอบ และอื่นๆ อีกมากมาย
- ลาเท็กซ์ถูกเรนเดอร์ด้วย Katex และหมายเหตุ-คณิตศาสตร์
- บล็อกโค้ดถูกเรนเดอร์ด้วย prism-react-renderer
- ตามกระบวนทัศน์ Gatsby GraphQL ใช้เพื่อสืบค้นเนื้อหาเว็บไซต์
- เนื้อหาสามารถหาได้โดยใช้ไฟล์ YAML
- สามารถสร้างแบบฟอร์มได้โดยใช้ react-hook-form
- ภาพเคลื่อนไหวในการรองรับการเลื่อน
วิธีการรันเทมเพลต
- ติดตั้งการพึ่งพาที่จำเป็น
- วิ่งแกสบี้
สิ่งที่คุณต้องทำก่อนที่จะปรับใช้?
- อัปเดต
gatsby-config
ด้วยข้อมูลไซต์ของคุณ - อัปโหลดโลโก้และไอคอนของคุณใน
assets/images/
- อัปเดตคอมโพเนนต์
Seo.tsx
- อัปเดตธีมของคุณใน
styles/
- อัปเดตไฟล์ yaml ใน
site-content
วิธีการปรับใช้
- สร้างไฟล์สแตติกขั้นสุดท้าย
- ดูตัวอย่างเว็บไซต์
- ถ่ายโอนโฟลเดอร์
public
ไปยังตัวเลือกโฮสติ้งที่คุณเลือก ตัวอย่างเช่น AI Summer ถูกใช้งานบนโฮสติ้งของ Firebase แต่พื้นที่จัดเก็บอ็อบเจ็กต์ใดๆ ก็ทำได้ดี
สนับสนุน
หากคุณชอบพื้นที่เก็บข้อมูลนี้ มาก และพบว่ามีประโยชน์ โปรดพิจารณา (★) นำแสดงโดยพื้นที่เก็บข้อมูลดังกล่าว เพื่อให้สามารถเข้าถึงกลุ่มคนที่มีใจเดียวกันในวงกว้างขึ้น มันจะได้รับการชื่นชมอย่างมาก :) !
การมีส่วนร่วมและการรายงานข้อบกพร่อง
เรายินดีเป็นอย่างยิ่งที่จะมีส่วนร่วมในเทมเพลตโดยการเพิ่มคุณสมบัติ แก้ไขข้อบกพร่อง และอื่นๆ อีกมากมาย โปรดจำไว้ว่าเทมเพลตนี้สร้างขึ้นโดยวิศวกรการเรียนรู้ของเครื่องและไม่ใช่นักพัฒนาเว็บ ดังนั้นเราขออภัยอย่างจริงใจล่วงหน้า ?
หากคุณพบจุดบกพร่อง ให้สร้างปัญหา GitHub หรือที่ดีกว่านั้น ให้ส่งคำขอดึงข้อมูล ในทำนองเดียวกัน หากคุณมีคำถาม เพียงโพสต์คำถามเหล่านั้นเป็นปัญหาของ GitHub ข้อมูลเพิ่มเติมที่นี่
ทีมปัจจุบัน
เซอร์จิโอส คาราเกียนากอส, นิโคลัส อดาโลกลู และอิเลียส ปาปาสตาติส
ใบอนุญาต
ลิขสิทธิ์ 2022, AI ฤดูร้อน
ได้รับอนุญาตภายใต้ Apache License เวอร์ชัน 2.0
ดูใบอนุญาตฉบับเต็ม