介紹
vuepress-template是一個簡單的VuePress案例模板,目的是讓用戶可以直接clone這個倉庫,作為初始化一個VuePress網站啟動專案,然后在這個專案的基礎上新增自定義配置和功能,
為什么推薦這個模板?
有部分剛接觸VuePress的同學,按照官方教程操作下來會遇到大大小小的問題,特別是檔案目錄、打包、插件安裝這幾塊內容,如果直接復制官方的倉庫又會比較大,所以如果有一個這樣的簡潔的初始模板,直接啟動使用就很方便了,
而且對應的插件能直接看到效果,使用起來更能得心應手,
在線案例
在線檔案
主要內容(持續更新中)
專案中特別展示了一些小眾模板、主題、插件,推薦大家關注和使用
1. 主題
社區已經開發了大量主題,這里列舉一些不常見的,但是風格比較獨特的主題,比如:vuepress-theme-blogplus 一款簡潔的博客主題
2. 插件
插件串列列舉了網站上已經安裝有效的VuePress插件,包括官方插件、社區插件和小眾插件,
特別是小眾插件,因為有些插件提供的功能可能需求量比較小,有些定制化的成分,vuepress社區插件串列并不一定收錄,但是還是可能會有一小部分同學需要這些插件,那么我們這個網站就可能會把這些插件收錄進來,供有需要的同學查閱,比如vuepress-plugin-qrocde,一個展示當前網址二維碼供移動設備掃描的插件(現在已經被官方的 awesome-vuepres 串列收錄了)
怎么用?
第一步
下載 Vuepress Template 的倉庫代碼
git clone https://github.com/openHacking/vuepress-template.git
第二步
安裝依賴
cd vuepress-template
yarn # 或者npm i
第三步
啟動專案,隨后即可根據自己的需求修改配置、撰寫檔案內容
npm run docs:dev
第四步
打包專案
npm run docs:build
結果會在docs/.vuepress/目錄下生成一個dist檔案夾,里面就是打包后的代碼
倡議
這些自定義開發的插件和主題,也是一個新的學習渠道,如果你有自己開發的插件或者主題,也歡迎提交專案網址到 VuePress Template 的 issues或者直接提交PR,維護者會考慮收錄到插件串列里,作為官方awesome-vuepress串列的補充,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/260255.html
標籤:其他
下一篇:兩種輪播圖實作方式
