NuxtJS實戰,一個博客系統


前言

這個項目誕生於17年5月,距今已有兩年多了,在這兩年期間經歷了很多變更,從簡單到復雜,又從復雜到簡單,並且以后一直會保持這種簡單狀態。最近迎來了一次更新,因此特意分享一下。雖然只有我一個人使用(據我所知)。

項目地址

UI變化

上面是最新的樣式,是不是感覺很丑,這是我產考了很多博客主題后寫的樣式。這套主題是受cnblogs啟發,我個人認為cnblogs在用戶體驗方便做的很好,雖然它的UI顯得很“復古”。

功能變化

功能變化是重點,這是我基於個人寫作習慣而思考出來的,因此不保證所有人都喜歡。

分類功能

分類分為公開分類和私有分類,私有分類可以記一下自己保密的東西(比如日記)。在登錄狀態下,作者可以看到所有分類,其他人只能看到公開分類,並且做了攔截處理,其他人打開都是404。

如果文章不選擇分類,會被保存到默認分類

文章狀態

一篇文章可以有3中狀態,默認只在分類下展示,如果你覺得文章特別棒,可以設置為首頁展示或者置頂展示。分類下的最新文章可以在側邊欄看到,因此只要有人想看,還是能看到的。這個功能類似於微博或朋友圈。

閱讀體驗

編輯器是基於Vue開發的,只支持markdown,雖然功能比較少,但是日常使用真的夠了。並且對上傳的圖片進行了自動壓縮處理,閱讀文章時,圖片也做了懶加載處理,類似於公眾號中的文章閱讀效果。

文章不僅可以上傳圖片,對於一些附件也做了處理,因此可以直接上傳。比如你想把一些到盜版pdf保存到服務器,或者小視頻什么的,直接上傳就可以。對於附件的展示效果,后面會做更好的優化。

留言功能

文章留言功能也參考了微信,即只有作者能夠回復留言,這點也是產考了很多評論設計后決定的(上個版本的傳統留言方式被廢棄)。當作者收到回復,或是作者回復了留言,都會有郵件通知

設置功能

對於一些可能變化的配置都可以在后台直接修改,簡單方便

砍掉的功能

標簽、歸檔、多用戶寫作、權限管理、github登錄評論、用戶管理和媒體庫,這些功能在之前的版本中是有的,如果繼續擴展可能就是一個cms了,我甚至還准備支持模型。現在這些都被我砍掉了,因為我開發了這些功能后,基本就沒用過,還不如把一些簡單的功能做好。

感謝

博客的功能做了很多取舍,也產考了很多其他博客和CMS項目。在此特別要感謝Typecho、Emlog、NoderCMS、DoraCMS、Wordpress、Ghost、cnode等,無論是功能還是主題,都多少產考了這些優秀的開源項目

以上,感謝閱讀


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM