ดาวน์โหลด vuepress web app - vuepress web app Source Source Download

vuepress web app

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

Jingqing Xuan Villa

เว็บแอปพลิเคชันที่สร้างด้วย vuepress: https://nice.lovejade.cn

เป้าหมายและปรัชญา

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

ทุกหน้าที่สร้างโดย VuePress มาพร้อมกับ HTML ที่แสดงผลล่วงหน้าซึ่งมีประสิทธิภาพการโหลดที่ดีมากและการเพิ่มประสิทธิภาพกลไกค้นหา ( SEO ) ในเวลาเดียวกันเมื่อโหลดหน้าเว็บ Vue จะเข้าครอบครองเนื้อหาคงที่และแปลงเป็นแอปพลิเคชันหน้าเดียวที่สมบูรณ์ ( SPA ) และหน้าอื่น ๆ จะถูกโหลดตามความต้องการเมื่อผู้ใช้เรียกดู นอกจากนี้ยังมีคุณสมบัติที่ยอดเยี่ยมต่อไปนี้ในตัว:

ส่วนขยาย Markdown ในตัวที่ได้รับการปรับให้เหมาะสมสำหรับเอกสารทางเทคนิค
ความสามารถในการใช้ส่วนประกอบ VUE ในไฟล์ Markdown
ระบบธีมที่กำหนดเองที่ขับเคลื่อนด้วย VUE
สร้างพนักงานบริการโดยอัตโนมัติ
การรวม Google Analytics
การสนับสนุนหลายภาษา
ชุดรูปแบบเริ่มต้นประกอบด้วย:
- เค้าโครงตอบสนอง
- โฮมเพจเสริม
- การค้นหาชื่อเรื่องนอกกรอบ
- การค้นหา Algolia
- แถบการนำทางและแถบด้านข้างที่ปรับแต่งได้
- ลิงก์ GitHub ที่สร้างขึ้นโดยอัตโนมัติและแก้ไขลิงก์สำหรับหน้าเว็บ

เมื่อเทียบกับ Nuxt , Hexo , Jekyll , Docsify , GitBook และเครื่องมืออื่น ๆ VuePress มีข้อได้เปรียบอย่างมากในทิศทางที่แตกต่างกันและยังคงพัฒนาและปรับปรุง หากคุณมีความจำเป็นที่จะต้องสร้างบล็อกส่วนตัวและเอกสารทางเทคนิค VuePress จะเป็นตัวเลือกที่ยอดเยี่ยม

คุณสมบัติเพิ่มเติม

เพิ่มฟังก์ชั่นความคิดเห็นตาม Github Issue (เทียบเท่ากับ Gitalk ในตัว); เพียงแก้ไขการกำหนดค่าฟิลด์ comment ในไฟล์ . vuepress/themeconfig.js ; ดูตัวเลือก Gitalk สำหรับความหมายของฟิลด์เฉพาะ
มีการพึ่งพา element-ui เพื่ออำนวยความสะดวกในการเขียนส่วนประกอบที่ใช้กันทั่วไป ในโครงการนี้นอกเหนือจากองค์ประกอบความคิดเห็นแล้วยังมี Advertisement ArticleList Contact ฯลฯ ;
แนะนำการพึ่งพา prettier lint-staged husky เป็นไปได้ที่จะเขียน markdown 'มาตรฐาน' เพิ่มเติม; ฉีดเข้าไปใน Git Hooks เพื่อให้แน่ใจว่าฐานรหัสของคุณมีสไตล์ที่สอดคล้องกัน แม้ว่าคุณกำลังทำงานกับทีมที่จะเขียนคุณไม่ต้องกังวลเกี่ยวกับปัญหาของสไตล์ Unified!

วิธีใช้

คุณสามารถ Fork โครงการไปยังที่เก็บรหัสของคุณเองและเรียกใช้คำสั่งต่อไปนี้:

 # ? clone the project
https://github.com/nicejade/vuepress-web-app.git
cd vuepress-web-app

# ➕ install dependencies & start dev
yarn && yarn start

แก้ไข "ชื่อโดเมนที่กำหนดเอง" และ "เส้นทางที่เก็บ" ในไฟล์ deploy.sh ให้เรียกใช้คำสั่งต่อไปนี้เพื่อให้ได้การปรับใช้ (โดยเริ่มต้นการเผยแพร่ไปยัง github pages ; หากคุณไม่ได้ใช้ชื่อโดเมนที่กำหนดเองในเวลานั้นเพียงแค่แสดงความคิดเห็นบรรทัด