Gource Visualization for Wechaty

本文通过Gource展示Wechaty项目初期30天内的代码活动,呈现了从版本1.0到生态系统扩展的里程碑。视频可视化展示了git提交和增长,突出了团队协作和社区努力的重要性。

Gource is an amazing and flexible tool that can be used to display activity from your repositories using a video visualization that people love.
How to use Gource to visualize your code repos

Wechaty was built from scratch by Huan in May 2016. Let’s see what’s the first 30 days for the Wechaty Git Repo looks like!

The Visualization for Wechaty Website Contributors (2016 - 2022)

The visualization is amazing, we can see the file tree growth by every git commit/push from Wechaty Contributors with a clear timeline!

Wechaty Milestones

Wechaty was great improved in the past 5 years, we’d like to thank all our contributors because it definitely is a community effort!

I’d like to list the milestones that Wechaty archived from each year below for summary.

2016

  • NPM Published the very first version: 0.0.1
  • Commits 1,000+
  • Line of Code 10,000+
  • GitHub Stars 330+

2017

  • First Pull Request & Meetup
  • Testing CI/CD
  • DevOps Dockerization
  • Document JSDoc
  • GitHub Stars 2,000+

2018

  • Refactoring Modularized
  • SLOC 27,630 to 7,817
  • Ecosystem Wechaty Puppet
  • New Puppet PadChat
  • New Puppet PadPro
  • Git Commits 4,000+
  • Contributors 40+
  • Blog Posts 70+
  • GitHub Stars 4,000+

2019

  • NPM Downloads 700K+
  • Docker Pulls 30K+
  • Contributors 60+
  • GitHub Stars 6,000+

2020

  • Git Commits 6,000+
  • Polyglot 6+ Languages
  • GitHub Stars 9,000+

2021 (Till Feberary)

  • Puppet Services 4+
  • Puppet Providers 10+
  • Contributors 160+
  • Blog Posts 254+
  • NPM Downloads 1 Million
  • Used by 700+
  • Issue/PRs 2,100+
  • GitHub Stars 10,000+

The first 30 days of Wechaty

The above visualization is to show what I did in the first 30 days (May, 2016) when I built Wechaty from scratch!

How to Generate Gource Video

Want to make your Git repo a video like mine? Go ahead to install & visualize it!

Install

At first, you need to download gource source code from https://gource.io/.

I use the following commands successfully installed Gource in my Linux Ubuntu 20.04 desktop:

# Install development dependencies
$ sudo apt install \
    libglew-dev \
    libsdl2-dev
    libsdl2-image-dev \
    libboost-all-dev \
    libglm-dev

# Download, configure, and make install
$ tar zxvf ../gource-0.51.tar.gz
$ cd gource-0.51/
$ ./configure
$ make
$ sudo make install

# Gsource will be install in /usr/local/bin
$ gsource

Visualize

I use the following script to generate the gource visualization video:

$ git clone git@github.com:wechaty/wechaty.js.org.git
$ cd wechaty.js.org
$ gource \
    -1920x1080 \
    --camera-mode overview \
    --highlight-all-users \
    --file-idle-time 0 \
    -auto-skip-seconds 0.001 \
    --seconds-per-day 0.5 \
    --hide progress,mouse \
    --stop-at-end \
    --max-files 99999999999 \
    --max-file-lag 0.00001 \
    --output-ppm-stream - \
    | \
    ffmpeg \
        -f image2pipe \
        -vcodec ppm \
        -i \
        - \
        -y \
        -vcodec libx264 \
        -threads 8 \
        -b 3000k \
        -maxrate 8000k \
        -bufsize 10000k \
        video.mp4

Script credit: Matthias Krüger, https://bugs.archlinux.org/task/26905

Useful Argument Examples:

  • --start-date 2016-05-01
  • --stop-date 2016-06-01
**项目名称:** 基于Vue.js与Spring Cloud架构的博客系统设计与开发——微服务分布式应用实践 **项目概述:** 本项目为计算机科学与技术专业本科毕业设计成果,旨在设计并实现一个采用前后端分离架构的现代化博客平台。系统前端基于Vue.js框架构建,提供响应式用户界面;后端采用Spring Cloud微服务架构,通过服务拆分、注册发现、配置中心及网关路由等技术,构建高可用、易扩展的分布式应用体系。项目重点探讨微服务模式下的系统设计、服务治理、数据一致性及部署运维等关键问题,体现了分布式系统在Web应用中的实践价值。 **技术架构:** 1. **前端技术栈:** Vue.js 2.x、Vue Router、Vuex、Element UI、Axios 2. **后端技术栈:** Spring Boot 2.x、Spring Cloud (Eureka/Nacos、Feign/OpenFeign、Ribbon、Hystrix、Zuul/Gateway、Config) 3. **数据存储:** MySQL 8.0(主数据存储)、Redis(缓存与会话管理) 4. **服务通信:** RESTful API、消息队列(可选RabbitMQ/Kafka) 5. **部署与运维:** Docker容器化、Jenkins持续集成、Nginx负载均衡 **核心功能模块:** - 用户管理:注册登录、权限控制、个人中心 - 文章管理:富文本编辑、分类标签、发布审核、评论互动 - 内容展示:首页推荐、分类检索、全文搜索、热门排行 - 系统管理:后台仪表盘、用户与内容监控、日志审计 - 微服务治理:服务健康检测、动态配置更新、熔断降级策略 **设计特点:** 1. **架构解耦:** 前后端完全分离,通过API网关统一接入,支持独立开发与部署。 2. **服务拆分:** 按业务域划分为用户服务、文章服务、评论服务、文件服务等独立微服务。 3. **高可用设计:** 采用服务注册发现机制,配合负载均衡与熔断器,提升系统容错能力。 4. **可扩展性:** 模块化设计支持横向扩展,配置中心实现运行时动态调整。 **项目成果:** 完成了一个具备完整博客功能、具备微服务典型特征的分布式系统原型,通过容器化部署验证了多服务协同运行的可行性,为云原生应用开发提供了实践参考。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值