node-blog：用 node 搭建的我的開源博客

項目地址

這個項目是爲了學習 node 而建的，從前端到後端一手包辦。相對來講，仍是有必定難度的，適合有必定編程基礎的人進階學習。

若是有問題，歡迎提 issues

注意，本項目的先後端代碼都是放在一塊兒的，前端代碼放在 src 目錄，後端代碼放在 server 目錄。

相關文檔

• 多個請求下 loading 的展現與關閉
• Vue 實現前進刷新，後退不刷新的效果
• Vue 頁面權限控制和登錄驗證
• 用 node 搭建我的博客（一）：代碼熱更新
• 用 node 搭建我的博客（二）：導出模塊同時兼容 import 和 require
• 用 node 搭建我的博客（三）：token
• 用 node 搭建我的博客（四）：評論功能
• 用 node 搭建我的博客（五）：數據庫

前端頁面

• 首頁(index)

  包含內容及標籤子頁面

• 編輯(editor)
• 登錄(login)
• 管理(manage)

使用的庫、框架

前端

• vue
• vue-router
• vuex
• vue-markdown
• iview
• axios

後端

• node
• express
• jsonwebtoken

數據庫

• mongodb

測試

• mocha

使用

注意

1. 登錄入口在頁面腳部的 Copyright ©2019 woai3c
2. 博客內容、評論使用的都是 markdown 語法

須要先下載 mongodb，建議按照windows 安裝教程一步步安裝。

• mongodb 教程一
• mongodb 教程二

在安裝完 mongodb 後，克隆項目。

git clone git@github.com:woai3c/node-blog.git

在運行前還得進行一些準備工做：

由於沒有註冊功能，因此在使用前須要先把用戶信息添加到數據庫。

打開 mongod.exe，再打開 mongo.exe，在 mongo.exe 打開的命令行進行以下操做：

建立數據庫

use blog

建立 user 集合，用來保存用戶信息

db.createCollection('user')

添加用戶信息

db.user.insert({
    user: 'admin', // 用戶名 隨意填寫
    password: 'admin', // 密碼 隨意填寫
    visits: 0, // 博客訪問次數 每次刷新網站 自增1
    token: '', // 用戶登陸建立 token 後，保存在這
})

接下來就能夠開始運行項目了。

安裝依賴

npm i

開發環境（前端代碼熱更新，修改完便可查看效果，後端代碼修改完須要重啓服務）

npm run dev

生產環境 （打包並開啓服務，打包過程有點長，需求等待）

npm run build

測試

npm run test

訪問地址

http://localhost:8080/