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

TDON發表於2017-12-18

前言

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

相關文章