有點(diǎn)東西的React+Node開(kāi)源博客

tinysun1234 發(fā)布于2019-05-23 13:54 / 1784人閱讀

摘要：前言這是一個(gè)年底因?yàn)闊o(wú)聊做的一個(gè)自己用的博客想通過(guò)一條龍的方式學(xué)習(xí)前端后端和部署最初部署在阿里云上的一年后到期了因?yàn)楦F我就改用想看看我的新博客嗎點(diǎn)這里在這里分享給大家當(dāng)然代碼寫(xiě)的很糟糕如果你想知道他是怎么搭建的請(qǐng)看李金珂的小屋誕生記如果你喜

前言

這是一個(gè) 17 年底, 因?yàn)闊o(wú)聊做的一個(gè) 自己用的博客, 想通過(guò)一條龍的方式,學(xué)習(xí)前端,后端,和部署

最初部署在阿里云上的,一年后到期了,因?yàn)楦F,我就改用 hexo, 想看看我的新博客嗎點(diǎn)這里

在這里分享給大家, 當(dāng)然,代碼寫(xiě)的很糟糕,

如果你想知道他是怎么搭建的請(qǐng)看李金珂的小屋誕生記

如果你喜歡的話, 就隨意折騰吧. 只需保留下圖的注釋即可 : )

GITHUB

預(yù)覽

炫酷的動(dòng)畫(huà) (當(dāng)時(shí)自己想的創(chuàng)意)

文章頁(yè)

可以直接上傳文章

關(guān)于頁(yè)

性感的播放器

大致的功能

就像上圖所示主要就 5 個(gè)功能

在線聊天 (socket.io)

相冊(cè),放一些你喜歡的圖片

文章 (markdown 文章, 和評(píng)論)

關(guān)于,寫(xiě)一些你的介紹

音樂(lè)播放器

使用技術(shù)棧

沒(méi)錯(cuò) 年代后久遠(yuǎn), 技術(shù)棧的版本比較舊

React v16.X

ES6,ES7

webpack v3.0.0

Redux

React-Redux

React-Router v3.x

node.js

yarn

mongodb

mongoose

mocha

chai

less

socket.io

pwa

web push

node環(huán)境

v8.9+

安裝依賴(lài)

yarn

跑起來(lái)

yarn start

打包

yarn run build

開(kāi)發(fā)server

yarn run dev-server

生產(chǎn)server

yarn run prod-server

連接數(shù)據(jù)庫(kù)

yarn run connect-db

備份數(shù)據(jù)庫(kù)

yarn run dump

寫(xiě)入數(shù)據(jù)庫(kù)

yarn run restore

本地運(yùn)行步驟

克隆項(xiàng)目 git clone https://github.com/lijinke666/lijinkeWeb.git

請(qǐng)確保你本地已經(jīng)安裝 mongodb, node.js, nodemon 和 pm2

更改 config/index.js 的 你自己的配置信息

切換到目錄 cd lijinkeWeb 連接數(shù)據(jù)庫(kù) yarn run connect-db 然后拷貝數(shù)據(jù)庫(kù) yarn run restore

運(yùn)行前端 yarn start 等待打包自動(dòng)打開(kāi)瀏覽器 localhost:6688

運(yùn)行后端 yarn run dev-server

數(shù)據(jù)庫(kù)

表格當(dāng)時(shí)瞎設(shè)計(jì)的 就三張表格

const mongoose = require("mongoose")
const debug = require("debug")("music-schema")
const Schema = mongoose.Schema

const musicSchema = new Schema({
    name: String,           //音樂(lè)名
    src: String,            //路徑
    cover: String,          //圖片路徑
    desc:String ,            //描述
    isShow: {
      type:Boolean,
      default:true
    }
}, {
        collection: "music"
    })

const articleSchema = new Schema({
    title: String,           //文章標(biāo)題
    content: String,          //文章內(nèi)容   markdown 格式
    previewContent:String,     //預(yù)覽的文章內(nèi)容
    author: String,           //作者
    publishDate: {            //發(fā)表日期
        type:Date,
        default:Date.now
    },
    pageView: Number,         //點(diǎn)擊量
    like: Number,             //喜歡數(shù)量
    approve:Boolean,           //是否審核通過(guò)
    email:String,              //作者郵箱  用來(lái)通知作者文章是否通過(guò)
    category:Array,
}, {
        collection: "article"
    })

const commentSchema = new Schema({
        articleId:String,           //文章id
        commentName:String,         //姓名
        commentEmail:String,        //郵箱
        commentContent:String,      //內(nèi)容
        like:String,                //點(diǎn)贊量
        device:String,               //設(shè)備
        publishDate:{               //發(fā)布日期
            type:Date,
            default:Date.now
        }
},{
    collection:"comment"
})