ดาวน์โหลด PlainPage - ดาวน์โหลดซอร์สโค้ด PlainPage

PlainPage

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

หน้าธรรมดา

บล็อกที่รวดเร็วและมุ่งเน้นข้อความมินิมัลลิสต์

ภาษาอังกฤษ | 中文

การสาธิตสด

การสาธิต GitHub Pages

คุณสมบัติ

เร็ว: คงที่ 100% ไม่มีการเรนเดอร์ฝั่งเซิร์ฟเวอร์
ง่าย: เพียงแค่ไฟล์ Markdown
- ปรับแต่งได้: ปรับแต่งธีมและเค้าโครง
เป็นมิตรกับ SEO: สนับสนุน SEO
ตอบสนอง: สนับสนุนอุปกรณ์มือถือ
- อิงตามรุ่น Astro ล่าสุด

✅คะแนนประภาคาร

ภาพหน้าจอ

แสงสว่าง มืด

โครงสร้างโครงการ

 ├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   └── consts.ts
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json

src/content/ Directory มี "คอลเลกชัน" ของเอกสาร Markdown และ MDX ที่เกี่ยวข้อง ใช้ getCollection() เพื่อดึงโพสต์จาก src/content/blog/ และตรวจสอบประเภทของคุณโดยใช้สคีมาเสริม ดูเอกสารคอลเลกชันเนื้อหาของ Astro เพื่อเรียนรู้เพิ่มเติม

สินทรัพย์คงที่ใด ๆ เช่นรูปภาพสามารถวางไว้ใน public/ ไดเรกทอรี

การกำหนดค่าทั้งหมดอยู่ใน src/consts.ts

 // src/consts.ts

// site config
export const SITE_TITLE = "PlainPage" ;
export const SITE_DESCRIPTION = "Welcome (. ❛ ᴗ ❛.)" ;
export const COPYRIGHT = "© 2024 PlainPage All Rights Reserved" ;
export const ICP_NUMBER = "" ;

// social links, empty or commented out = not displayed
export const SOCIAL_LINKS = {
  Github : "https://github.com/churchTao" ,
  Twitter : "https://twitter.com/yourusername" ,
  //   LinkedIn: "https://www.linkedin.com/in/yourusername",
  //   Instagram: "https://www.instagram.com/yourusername",
  //   Facebook: "https://www.facebook.com/yourusername",
  //   YouTube: "https://www.youtube.com/yourusername",
} ;

// SEO related
export const SEO_CONFIG = {
  ogImage : "/hero-img.png" , // default social media share image
  keywords : "blog, tech, programming" , // default keywords
} ;

// navigation config
export const NAV_ITEMS = [
  { text : "Home" , link : "/" } ,
  { text : "Blog" , link : "/blog" } ,
  { text : "Tags" , link : "/tags" } ,
  { text : "About" , link : "/about" } ,
] ;

// blog config
export const BLOG_CONFIG = {
  locale : "en-us" , // date format language
  authorName : "Author Name" , // author name
  email : "mailto:[email protected]" ,
  tags : {
    title : "Tags" , // tags page title
    description : "All the tags used in posts." , // tags page description
  } ,
} ;

- คำสั่ง

คำสั่งทั้งหมดเรียกใช้จากรูทของโครงการจากเทอร์มินัล:

สั่งการ	การกระทำ
`npm install`	ติดตั้งการพึ่งพา
`npm run dev`	เริ่มเซิร์ฟเวอร์ dev ท้องถิ่นที่ `localhost:4321`
`npm run build`	สร้างเว็บไซต์การผลิตของคุณเป็น `./dist/`
`npm run preview`	ดูตัวอย่างงานสร้างของคุณในเครื่องก่อนปรับใช้
`npm run astro ...`	เรียกใช้คำสั่ง CLI เช่น `astro add` , `astro check`
`npm run astro -- --help`	รับความช่วยเหลือโดยใช้ Astro CLI