我的博客開發系列：前臺博客頁面開發部署完成

前言

以前使用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.

訪問地址

訪問地址：www.tdon.site

掃碼訪問：

項目運行

# 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

效果圖

首頁

歸檔

實驗室項目

自適應手機端首頁

自適應手機端目錄

總結

1. 整個技術棧對我來講Nuxt.js算是第一次接觸，跟Vue.js的單頁面應用的方式仍是有點區別的，不過多看看文檔和多搜索下問題不大。
2. 目前應該只能算是1.0版本，本身也有很多想法，但目前工做以及其餘事要忙，只能後續會逐步迭代開發了。也歡迎你們針對博客提出一些意見或者建議。
3. 最後仍是得求一波star和fork的。