個人部落格開發系列：前臺部落格頁面開發部署完成

前言

之前使用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的。