Unduh vuepress web app - Unduh Kode Sumber vuepress web app

vuepress web app

Data situs web

1.0.0

Unduh

Jingqing Xuan Villa

Aplikasi Web Dibangun dengan Vuepress: https://nice.lovejade.cn

Tujuan dan filosofi

Niat asli Jingqingxuan Villa adalah untuk mengalami VuePress : generator situs web statis yang digerakkan oleh VUE. Vuepress terdiri dari dua bagian: satu adalah generator situs web statis minimalis yang mendukung pengembangan tema dengan Vue , dan yang lainnya adalah tema default yang dioptimalkan untuk menulis dokumen teknis. Awalnya dibuat untuk mendukung persyaratan dokumentasi Vue dan subproyeknya.

Setiap halaman yang dihasilkan oleh VuePress hadir dengan HTML yang telah dirender, yang juga memiliki kinerja pemuatan yang sangat baik dan Optimalisasi Mesin Pencari ( SEO ). Pada saat yang sama, setelah halaman dimuat, Vue akan mengambil alih konten statis dan mengubahnya menjadi aplikasi satu halaman lengkap ( SPA ), dan halaman lain hanya akan dimuat sesuai permintaan ketika pengguna menelusuri. Selain itu, ia juga memiliki fitur-fitur luar biasa berikut ini:

Ekstensi Markdown bawaan yang dioptimalkan untuk dokumentasi teknis
Kemampuan untuk menggunakan komponen VUE dalam file Markdown
Sistem Tema Kustom yang Digerakkan Vue
Secara otomatis menghasilkan pekerja layanan
Integrasi Google Analytics
Dukungan multibahasa
Tema default meliputi:
- Tata letak responsif
- Beranda opsional
- Pencarian judul out-of-the-box yang ringkas
- Pencarian Algolia
- Bilah dan bilah sisi navigasi yang dapat disesuaikan
- Tautan github yang dihasilkan secara otomatis dan mengedit tautan untuk halaman

Dibandingkan dengan Nuxt , Hexo , Jekyll , Docsify , GitBook dan alat -alat lain, VuePress memiliki keunggulan besar di berbagai arah dan masih berkembang dan memperbarui; Jika Anda memiliki kebutuhan untuk membangun blog pribadi dan dokumen teknis, maka VuePress akan menjadi pilihan yang bagus.

Fitur tambahan

Tambahkan fungsi komentar berdasarkan Github Issue (setara dengan Gitalk bawaan); Cukup ubah konfigurasi bidang comment di file .vuepress/themeconfig.js ; Lihat Opsi Gitalk untuk makna bidang tertentu;
Ada ketergantungan element-ui untuk memfasilitasi penulisan komponen yang umum digunakan; Dalam proyek ini, selain komponen komentar, ada juga Advertisement , ArticleList , Contact , dll.;
Memperkenalkan dependensi prettier , lint-staged , husky dan lainnya untuk menulis lebih banyak markdown 'standar'; Suntikkan ke dalam kait git untuk memastikan bahwa basis kode Anda memiliki gaya yang konsisten; Bahkan jika Anda bekerja dengan tim untuk menulis, Anda tidak perlu khawatir tentang masalah gaya terpadu!

Cara menggunakan

Anda dapat Fork proyek ke repositori kode Anda sendiri dan menjalankan perintah berikut:

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

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

Ubah "Nama Domain Kustom" dan "Jalur Repositori" di file deploy.sh , jalankan perintah berikut untuk mencapai penyebaran (secara default penerbitan ke github pages ; jika Anda tidak menggunakan nama domain khusus untuk saat ini, cukup beri komentar baris.