Giter Club home page Giter Club logo

flask-vuejs-madblog's Introduction


flask-vuejs-madblog

一款使用vue和flask搭建的文章论坛!

» 开启我的旅行 »

Github stars Docker build latest Docker Pulls License


🎉基础介绍

⚡ 支持

  • 用户注册/登录/退出
  • 个人主页与用户头像
  • 博客文章CURD与Markdown
  • 粉丝关注大神
  • 用户评论
  • 用户通知
  • 私信
  • 黑名单
  • 喜欢文章
  • 邮件支持
  • 权限管理
  • 多任务后台
  • 全文搜索
  • 国际化
  • SSL证书和https加密
  • 可视化UI管理域名和流量

🤖 三种方式的搭建

方式 Linux基础搭建 Linux转Docker进阶搭建 Docker一键部署
使用分支 Linux分支 Linux分支 Docker分支
搭建难度 困难 普通 简单
域名一键管理 不支持 支持 支持
申请SSL证书 手动部署 SSL一键部署 SSL一键部署
支持Cloudflare功能 支持 支持 支持

🎡搭建环境

CentOS Python Vue.js Vue-Router Axios Bootstrap Webpack

配置 需求
vCPU 2+
内存 4GB+
存储 10GB+

📖服务器与节点选择

Amazon Web Services (AWS) 是由亚马逊公司提供的一系列云计算服务,它提供了一个广泛的基础设施即服务(IaaS)和平台即服务(PaaS)解决方案。自2006年推出以来,AWS已经成为云服务市场的领导者之一,提供超过200种不同的服务,覆盖全球。

正式名称为Microsoft Azure,是由微软提供的云计算服务平台。它提供了广泛的云服务,包括计算、分析、存储和网络。用户可以通过Azure订阅这些服务来构建、部署和管理应用程序,使用的是微软管理的数据中心网络。

Vultr 是一家全球云服务提供商,专注于提供高性能、易于使用和成本效益高的云虚拟私有服务器(VPS)。成立于2014年,Vultr 旨在为开发者、企业和个人提供简单的云基础设施产品,以帮助他们快速搭建云端环境。


❗❗ 推荐使用新加坡和日本节点,网络稳定,ping值较低 ❗❗

避免香港节点,网络环境不稳定,部署时bug较多


👓项目结构

我们Linux分支和Docker分支的结构不一样,这个也是影响部署难度的根本原因。相对来讲Linux分支的部署更加"底层化"和"原始化",Docker分支的更加"成品化"和"现代化"。总之Docker分支是对Linux分支部署上的改进和优化,但是部署完成之后二者并无产品上的区别。

Linux分支 --(部署步骤改进)--> Docker分支
 Linux分支 --(基础的部署)--> Linux分支的产品
                                  |       
                            (性能和功能相同)
                                  |
Docker分支 --(先进的部署)--> Docker分支的产品

后面我们也会展示如何将Linux分支转换成Docker分支的部署过程。

🎮Linux分支部署

以下是Linux分支的结构图


                                     ---> (cdn代理)  
                                     |        |
                                     |        ↓
         Https ------> Cloudflare ---|--> (DNS 解析) -----------------> Chrome                
          ↑                 |        |        |    
          |                 |        |    (域名专属)   
          |                 |        |        ↓
        (加密)<--(SSL证书)---         --> Turnstile --(人机挑战)     
          |                                               |                   
          |                                               ↓
          |               Nginx  -------(代理)-------> front-end 
          |                 |                             |                                          
          ------------------|                          axios(连接前后端)    
                            |                             |                
  Supervisor --(监听)--> Gunicorn -------(代理)------> back-end 
                                                          |                                      
                                                        (连接)                      
                                                          |                         
                                         -----------------|-----------------        
                                         |                |                |        
                                     (数据存储)       (搜索 功能)        (缓存系统)   
                                         |                |                |        
                                       MySQL        Elasticsearch        Redis      
                                     

部署教程点击这里--> Linux分支部署

💿Docker分支部署

以下是Docker分支的结构图


                               ---> (cdn代理)  
                               |        |
                               |        ↓
   Https ------> Cloudflare ---|--> (DNS 解析) ---------------------------> Chrome                
    ↑                          |        |    
    |                          |    (域名专属)   
    |                          |        ↓
    |                          --> Turnstile --(人机挑战)--  
    |                                                     |
    |                                                     |
    -------(加密)--------- 云主机 -------> Docker          |           
             ↑               ↑               |            |                   
             |               |               |            |
         (SSL证书)       (端口映射)       (镜像构建)        |    
             |               |               ↓            |
   ----------|---------------|----------------------------|--------------------------
   |         |               |                            |                         |
   |         |           (流量输出)                        |                         |
   |         |               |                            |                         |
   |  Nginx Proxy Manager-----                            |                         |
   |         |                                            ↓                         |                  
   |         |             --> Nginx ---(静态代理)---> front-end                     |                   
   |         |             |                              |                         |                   
   |         |             |                              |                         |                 
   |         ---(web代理)---                            axios(连接前后端)            |                   
   |                       |                              |                         |
   |                       |                              |                         |                
   |                       --> Gunicorn --(进程代理)-- back-end                      |
   |                                                      |                         |                
   |                                                    (连接)                      |
   |                                                      |                         |
   |                                     -----------------|-----------------        |
   |                                     |                |                |        |
   |                                 (数据存储)       (搜索 功能)        (缓存系统)   |
   |                                     |                |                |        |
   |                                   MySQL        Elasticsearch        Redis      |
   |                                                                                |
   ----------------------------------------------------------------------------------

部署教程点击这里--> Linux分支转Docker分支部署

或者直接使用Docker分支一键部署--> Docker分支一键部署

💌邮箱发送支持

本项目支持QQ-mail,Gmail等主流邮箱发送

  • 去相应的平台获得邮箱的授权码
  • 部署论坛时配置机器人邮箱
  • 进入论坛注册账号绑定个人邮箱
  • 邮箱接受到验证邮件
  • 开始你的冒险之旅!

🎁贡献者名单

欢迎提出新的点子、Pull Request。



Made with contrib.rocks.

💪支持我们

如果我们这个项目对你有所帮助,请给我们一颗 ⭐️

📢联系方式

  • QQ: 1756263514

  • Facebook: Dawn Inator

  • Discord: dawn_inator_lzl

flask-vuejs-madblog's People

Contributors

dawn-inator avatar

Stargazers

 avatar

Watchers

 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.