Git Product home page Git Product logo

zhenquan321 / blog-feng Goto Github PK

View Code? Open in Web Editor NEW
48.0 4.0 11.0 12.94 MB

🔥搭建属于你自己的优雅的个人网站/博客网站。本项目采用node-express-MongoDB-typescript(后端),Taro(小程序);主要功能模块:博客,教程手册,电影等。

Home Page: https://fengzq.cn

TypeScript 36.27% JavaScript 16.11% HTML 18.66% CSS 14.60% Dockerfile 0.02% Less 9.80% SCSS 4.54%

blog-feng's Introduction

基于 Node.js express 实战开发的一套完整的博客项目网站,使用 express 二次开发一套适合多端的 RESTful API,前端展示既有基于 ejs 服务端渲染,也有基于 Taro 开发的前后端分离的小程序。

主要功能模块

  • 博客
  • 教程手册(仿掘金小册)
  • 电影(爬虫,抓取电影天堂)。

访问域名

服务端

软件要求

  • node >= 10
  • npm >= 6
  • mongodb >= 3.0
  • typescript >= 3.0

启动项目

测试环境
  • 安装相关包
npm install -g nodemon
npm install -g ts-node
npm install -g typescript
npm install
  • 启动本地测试
nodemon
正式环境
  • 安装pm2typescript
npm install -g pm2
pm2 install typescript
  • 运行
## 运行打包后的
pm2 start ./build/config/server/index.js

pm2 start ./src/config/server/index.ts --watch     当文件变化时自动重启应用

$ pm2 delete all               关闭并删除所有应用

测试

npm test

设置开发环境

在根文件夹中可以找到“.env”。您可以使用此配置,或根据自己的需求进行修改 如果要添加一些新变量,还需要将它们添加到 interface 和 config 对象中 (查看 src/config/index.ts)

Swagger

npm install -g swagger-jsdoc
swagger-jsdoc -d swaggerDef.js -o swagger.json

Swagger 查看地址

http://localhost:3000/docs

启动爬虫 接口

  • 爬取列表 /reptile/movieRt
  • 爬取详情 /reptile/getMvDetail

小程序

小程序二维码

min-program.png

框架官网

https://nervjs.github.io/taro/docs/GETTING-STARTED.html

UI 框架

https://taro-ui.aotu.io/#/docs/fab https://github.com/NervJS/taro-ui-demo

使用 npm 安装 CLI

$ npm install -g @tarojs/cli

OR 使用 yarn 安装 CLI

$ yarn global add @tarojs/cli

OR 安装了 cnpm,使用 cnpm 安装 CLI

$ cnpm install -g @tarojs/cli ##启动微信小程序

# yarn
$ yarn dev:weapp
$ yarn build:weapp
# npm script
$ npm run dev:weapp
$ npm run build:weapp
# 仅限全局安装
$ taro build --type weapp --watch
$ taro build --type weapp
# npx 用户也可以使用
$ npx taro build --type weapp --watch
$ npx taro build --type weapp

pc 网站截图

首页

1.png

电影板块

5.png

手册模块

2.png

手册内容

3.png

内容评论 电影,博客,手册前后台都同一采用评论模块

4.png

电影详情

6.png

电影评论

7.png

小程序截图

移动 web

blog-feng's People

Contributors

zhenquan321 avatar nanyi321 avatar

Stargazers

 avatar 韩东宇 avatar hhh avatar  avatar  avatar  avatar  avatar Fynn avatar  avatar LuckJe avatar crab  boss avatar  avatar 脱衣有肉 avatar Tan Binh avatar  avatar  avatar terry avatar Go Hellman avatar wangxiang avatar Tom avatar shengyun avatar  avatar  avatar kun mu avatar  avatar vologo avatar 颜乐语冰 avatar Felix avatar  avatar Protamandua avatar  avatar  avatar LL樂 avatar ciey avatar LambdaX avatar  avatar  avatar  avatar  avatar zhang avatar jingm avatar qihui avatar 杨岭 avatar 西西哈哈 avatar niuxiaoxi avatar  avatar  avatar  avatar

Watchers

James Cloos avatar  avatar jingm avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.