前言
之前使用JS + HTML5 + CSS3 + Node.js + Express.js + Mongodb開發過一個部落格網站,也部署了一段時間,但當時剛開始搞前端,寫的不是很滿意。後來就廢棄了。今年又使用Hexo + GitHub Pages部署了一個部落格,但自由度太低。所以最後還是決定重新寫一個部落格。
目前前臺部落格頁面已基本開發完成(評論功能待開發,在考慮方案中),後臺管理頁面也基本開發完成(首頁統計圖表和一些優化待開發,暫時需要統計的資料還不多,也在考慮統計維度中)。
此篇文章先介紹下前臺部落格頁面。
技術棧
Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + mySql + Redis
原始碼
Talk is cheap. Show me the code.
訪問地址
掃碼訪問:
專案執行
# clone project
git clone https://github.com/XNAL/don-blog.git
# install dependencies
$ npm install # Or yarn install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
複製程式碼
效果圖
首頁
歸檔
實驗室專案
自適應手機端首頁
自適應手機端目錄
總結
- 整個技術棧對我來說Nuxt.js算是第一次接觸,跟Vue.js的單頁面應用的方式還是有點區別的,不過多看看文件和多搜尋下問題不大。
- 目前應該只能算是1.0版本,自己也有不少想法,但目前工作以及其他事要忙,只能後續會逐步迭代開發了。也歡迎大家針對部落格提出一些意見或者建議。
- 最後還是得求一波star和fork的。