如何提取图片列表注入到静态网页中

最新推荐文章于 2023-03-19 14:45:45 发布

zacharyzlj

最新推荐文章于 2023-03-19 14:45:45 发布

阅读量251

点赞数

分类专栏： Python 文章标签： css css3 前端 python

本文链接：https://blog.csdn.net/qq_38410494/article/details/127886684

版权

Python 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

我想快速的从本地文件中提取出所有的图片链接，注入到一个静态网页中。这样可以更方便的查看，所以简单写了 script，这里记录一下。

import re

html_template = """
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        body {{
            background: url(images/bg.jpg);
            background-size: cover;
            /*overflow: hidden;*/
        }}

        #piclist {{
            /* width: 750px; */
            height: 560px;
            margin: 35px auto;

        }}

        #piclist img {{
            /* width: 230px; */
            height: 260px;
            padding: 5px;
            border: 5px solid black;
            float: left;
            display: block;
            /*设置为3D元素*/
            transform-style: preserve-3d;
            /*过度*/
            transition: 2s;
            /*阴影*/
            box-shadow: 0px 0px 20px black;
        }}

        #piclist img:hover {{
            /*transform: rotateY(360deg);*/
        }}

        #mask {{
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            background: #000000;
            /*透明度*/
            opacity: 0.5;
            /*隐藏*/
            display: none;
        }}
    </style>
</head>

<body>
    <div id="piclist">
        <div id="app"></div>
    </div>
    <div id="mask"></div>

</body>

<script type="text/javascript">
    let app = document.getElementById('app')

    let list = [{url_list}];

    for (url of list){{
        let img = document.createElement('img')
        img.src = url
        app.appendChild(img)
    }}

</script>

</html>
"""

if __name__ == "__main__":
    path = "./urls.txt"
    content = open(path).read()

    re_str = r"url: (.*?)\n"
    items = re.compile(re_str).findall(content)

    with open("./test.html", "w") as fp:

        # print(html_template.format(url_list=",".join(f"{url}" for url in items)))
        fp.write(html_template.format(url_list=",".join(f"'{url}'" for url in items)))