• 【Python】PyGithub+jinja2 生成Github项目简易海报


    ✨博文作者 wangzirui32
    💖 喜欢的可以 点赞 收藏 关注哦~~
    👉本文首发于CSDN,未经许可禁止转载


    😎 hello,大家好,我是wangzirui32,今天我们来学习如何使用PyGithub+jinja2生成Github项目海报,开始学习吧!

    1. 第三方库准备

    我们需要安装PyGithubjinja2第三方库,PyGithub用来获取存储库的基本信息,jinja2用来生成HTML海报,安装命令:

    pip install pygithub jinja2
    
    • 1

    2. 项目思路

    我们创建app.pyget_data.pyrepository.htmlget_data.py用来获取存储库数据,app.py将通过HTML模板repository.html生成海报,就完成了

    3. get_data.py

    get_data.py代码如下:

    from github import Github
    from datetime import datetime
    
    def get_data(username="wangzirui32", repo="wangzirui32/wzr_spider"):
        g = Github()  # 定义Github对象
        repo = g.get_repo(repo)  # 获取存储库
        return {
            "username": username,  # 用户名
            "post_time": datetime.now().strftime("%Y-%m-%d"), # 海报创建时间
            "name": repo.full_name,      # 全名
            "desc": repo.description,    # 说明
            "created_date": repo.created_at,  # 创建时间
            "last_push": repo.pushed_at, # 最后一次提交日期
            "home_page": repo.homepage,  # 项目主页
            "language": repo.language,   # 编程语言
            "forks": repo.forks,         # 分支数
            "stars": repo.stargazers_count  #星数
        }
    
    if __name__ == '__main__':
        from pprint import pprint
        pprint(get_data())
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22

    4. app.py

    app.py代码:

    from jinja2 import Template
    from data import get_data
    
    def create_page(data):
    	# 读取模板
        t = Template(open("repository.html", encoding="utf-8").read())
        # 返回渲染结果
        return t.render(data)
    
    if __name__ == '__main__':
    	# 写入post.html
        with open("post.html", "w", encoding="utf-8") as f:
            f.write(create_page(get_data()))
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    5. repository.html

    repository.html是海报的模板,运用到了Bootstarp前端框架,代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Github 存储库海报 - {{name}}</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
        <style>
            body {
                padding-top: 30px;
                height: 100%;
                width: 100%;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-attachment: fixed;
                background-size: cover;
                background-image: -moz-linear-gradient(0deg, rgb(72, 209, 204), rgb(194, 238, 255));
                background-image: -webkit-linear-gradient(0deg, rgb(72, 209, 204), rgb(194, 238, 255));
                background-image: linear-gradient(0deg, rgb(72, 209, 204), rgb(194, 238, 255));
            }
            .text {
                font-size: 18px;
            }
            .title {
                font-size: 45px;
                padding-top: 10px;
            }
            .data-info {
                box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
                border-radius: 10px;
                border-top: 1px solid rgba(255,255,255,0.5);
                border-left: 1px solid rgba(255,255,255,0.5);
                background: rgba(255,255,255,0.1);
                backdrop-filter: blur(5px);
            }
            .project-info {
                box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
                border-radius: 10px;
                border-top: 1px solid rgba(255,255,255,0.5);
                border-left: 1px solid rgba(255,255,255,0.5);
                background: rgba(174, 196, 199, 0.5);
                backdrop-filter: blur(5px);
                margin-left: 10px;
            }
        </style>
    </head>
    <body>
        {% set url = "https://github.com/" + name %}
        <div class="container">
            <div class="data-info" style="backdrop-filter: blur(4px);">
                <p class="text-center title">{{name}}</p>
                <p class="text-center text">
                    <a href="https://github.com/{{username}}">{{username}}</a>
                    <span>{{post_time}}</span>
                    <a href="{{url}}">Github</a>
                </p>
                <p class="text-center text"><a href="{{url}}">{{url}}</a></p>
                <p style="height: 40px;"></p>
            </div>
            <hr>
            <div class="project project-info">
                <div class="row">
                    <div class="col-md-5" style="margin-left: 10px;">
                        <h2>项目简介</h2>
                        <p class="text">{{desc}}</p>
                    </div>
                    <div class="col-md-6">
                        <h2>项目数据</h2>
                        <p><span class="label label-warning text">Stars: {{stars}}</span></p>
                        <p><span class="label label-success text">Forks: {{forks}}</span></p>
                        <p><span class="label label-info text">Language: {{language}}</span></p>
                        <p><span class="label label-primary text">Created at: {{created_date}}</span></p>
                        <p><span class="label label-danger text">Last push: {{last_push}}</span></p>
                        {% if home_page %}
                            <p><span class="label label-primary text">
                                Home: <a href="{{home_page}}">{{home_page}}</a>
                            </span></p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </body>
    </html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85

    6. 项目效果

    将所有文件放置在同一目录下,安装所需包运行app.pypost.html效果如下:
    海报效果


    🎉🎉🎉 好了,今天的课程就到这里,我是wangzirui32,喜欢的可以点个收藏和关注,我们下次再见!

  • 相关阅读:
    建造者模式(大话设计模式)C/C++版本
    Jira使用浅谈篇一
    springboot kafka消息消费学习 @KafkaListener 使用
    SpringBoot 过滤器更改 Request body ,并实现数据解密
    关于浅克隆和深克隆入门理解
    一文读懂 C++ 并发与多线程 独家原创
    智慧公厕:探索未来公共厕所的创新设计
    HTML简单介绍
    IOC操作Bean管理(基于注解方式)
    【2023.10版本】linux安装cuda和cudnn【已经解决】
  • 原文地址:https://blog.csdn.net/wangzirui32/article/details/125526234