如何評價 VuePress?

Vue 作者於 2018 年 4 月 13 日推出基於 Vue、圍繞 markdown 生成靜態頁面的 VuePress 框架。

VuePress?

vuepress.vuejs.org圖標vuejs/vuepress?

github.com圖標


Vue Eco 的有力補充。

————— 下面不是評價

這種解決輕量需求的工具,一划拉一大把,大多沒有本質區別,因為解決的本來就是標準問題,要不然也做不成工具,無非是不同的 approach。大多數人可能都會因為默認主題養眼就選了,就像用 Ghost 的人又有多少自己寫過甚至換過 theme 呢?

至於@林夕木木 這種人,你知道這是開源的吧?你知道屎一樣的項目開源出來,社區是可以幫助完善的吧?你懶得動手或者根本沒能力動手就算了,你知道你在這發牢騷的時候人家是沒掙你錢的吧?你知道有人不滿意的時候自己動手去改進而不是像你一樣在這 crying like a baby 吧?

要飯還嫌餿?你配用開源軟體嗎?不理解開源,你配做工程師么?


Vue 生態的又一工具。

充分利用了 vue、vue-router,vue ssr 等技術,其實只是想讓會vue的人更快捷地寫文檔罷了。

它的核心理念是這樣的:

對於文檔編寫者來說,一切皆 markdown,這樣就可以專心於文檔內容了。

而對於文檔開發者來說,一切皆 vue 組件,這樣就可以用已有技能做更多的事情了。比如自定義主題等。

為什麼可以這樣做?因為源碼里形成了一個 YAML - Markdown - HTML - Vue - SSR 靜態頁面的管道。我認為設計的非常棒。

當然尤雨溪本人也說了...做這個東西原本只是想解決他自己寫文檔麻煩的痛點而已。


今天剛看到,體驗了一下,跟幾個類似的工具(docsify,gitbook),做個對比

1 配置 docsify &>&> gitbook = vuepress

由於docsify不需要編譯,他的配置比另外兩個簡單很多,而另外兩個,從文檔看差距不大

2 閱讀體驗 gitbook &> docsify = vuepress

這裡不討論UI,只說閱讀體驗,gitbook可以調節背景字體大小等,閱讀體驗上更佳

3 UI vuepress = docsify &> gitbook

主觀感受,沒什麼好說的

4 性能 vuepress &> docsify = gitbook

單頁預編譯明顯效率最高,多頁與運行時編譯,難說誰強,一樣吧

5 靈活性 vuepress &> docsify &>&> gitbook

由於vue的特點,靈活性方面十分優秀

6 導出 gitbook &> ??

只有gitbook帶有導出PDF的功能(雖然很差),但如果您需要使用PDF做個備份的情況呢

7 搜索 gitbook &> docsify &> vuepress

對於文檔來說搜索雖說是一個功能模塊,但卻很重要,gitbook插件最多最佳,docsify默認的全文搜索挺不錯的,vuepress默認只能搜索標題,全文需要引用第三方的工具

8 seo gitbook = vuepress &>&> docsify

具體使用哪個,需要看自己的情況做決定,例如vue文檔,對他來說,配置導出之類並不重要,靈活性seo等更加重要,而本身vue文檔只想標題搜索。所以vuepress非常適合

對於企業內部文檔,個人認為配置是十分重要的一項(並不止前端用),docsify更適合

gitbook對標書本,他更注重閱讀體驗


競品了解一下

nozzle/react-static?

github.com圖標gatsbyjs/gatsby?

github.com圖標


天天怎麼看待,如何評價,有那點時間還不如自己試一下,沒點主觀意見嗎?非要出來一個新東西就要看待一下,評價一下。


花了點時間, 做了個類似知乎的博客主題

vuepress-theme-yubisaki?

www.npmjs.com圖標


上手很簡單呀,幾分鐘搞定一個,重要的是可以用VUE組件


當所有人在發愁怎麼寫文檔時~ VuePress來了~ 順便感謝一下 @尤雨溪


個人覺得還是很好用的,默認主題也很清爽


對標GatsbyJS?


看來 Hugo show doc 這些要晾涼了


看了下文檔,略複雜,還不如直接 gitbook


上手有難度,有這水平的開發者,做靜態網站,分鐘鐘的事,圖省事更可以選擇gitbook,個人覺得雞肋。


入vue坑不久,碼了也一兩萬行了。

項目做文檔的時候就想自己擼一個類似的,個人博客也希望有自定義component能進入文檔的功能。還專門諮詢過 @cinwell docsify 是否支持vue組件,得到的結果是否定的。

vuepress的出現,等於用vue取代了所有hexo的插件功能,達到了blog自由內嵌js的目的。大塊人心的大好事。


推薦閱讀:

前端日刊-2018.04.04
圖解HTTP系列--(一)
前端日刊-2017.12.27
Vue 2.0 升(cai)級(keng)之旅

TAG:前端開發 | Markdown | 前端框架 | Vuejs | SPASinglePageApp |