Ianzb.github.io/astronomy.html at main · Ianzb/Ianzb.github.io · GitHub

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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <title>天文</title>
    <meta charset="utf-8">
    <link href="./img/logo1.png" rel="icon">
    <link href="./css/bootstrap.css" rel="stylesheet">
    <link href="./css/main.css" rel="stylesheet">
    <script src="./js/bootstrap.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./js/main.js"></script>
</head>

<body>
    <div id="header" class="sticky-top"></div>
    <h3 class="zb-title"><img src="./svg/globe.svg" height="30" width="25">天文</h3>
    <div class="zb">
        <h5>介绍</h5>
        天文爱好者，入门星空摄影爱好者。
    </div>
    <div class="zb">
        <h5>设备说明</h5>
        设备：1、振旺Seestar S50智能望远镜。2、探索科学90EQ3 90mm折射式单筒望远镜。3、星特朗远扬10x42双筒望远镜。4、佳能EOS 650D数码单反相机。<br>
        后期工具：PIPP稳像，ASIStudio叠加，Siril叠加+图像处理，Adobe Photoshop 2025图像处理，Topaz DeNoise AI降噪，Stellarium星图<br>
    </div>
    <div class="zb">
        <h5>作品分享</h5>
        <div class="container-fluid">
            <div id="gallery" class="row"></div>
        </div>
    </div>
    <div id="footer"></div>

    <script>
        const images = [
            "2025年9月8日月全食.png",
            "C 11 NGC 7635 气泡星云 2025年7月30日 12min.png",
            "C 19 IC 5146 茧星云 2025年7月30日 18min.png",
            "C 20 NGC 7000 IC 5070 北美洲星云 6.5h 2025年10月25日.png",
            "C 20 NGC 7000 北美洲星云 局部 2025年7月30日 15min.png",
            "C 30 鹿舔星系群 + 史蒂芬五重奏 2025年8月22日 57min 标注版.png",
            "C 30 鹿舔星系群 + 史蒂芬五重奏 2025年8月22日 57min.png",
            "C 33 NGC 6992 东面纱星云 2025年7月22日 13min.png",
            "C 34 NGC 6960 西面纱星云 2025年7月22日 7min.png",
            "C 4 NGC 7023 鸢尾花星云 2025年8月9日 23min.png",
            "C 63 NGC 7293 上帝之眼 2025年8月4日 14min.png",
            "C2025 A6 (Lemmon) 2025年10月3日.png",
            "C2025 R2 SWAN 与 SH2-48 2025年10月18日 6min.png",
            "IC 1318 蝴蝶星云局部 2025年7月21日 14min.png",
            "IC 1396 象鼻星云 局部 2025年8月10日 12min.png",
            "IC 1805 心脏星云 IC 1848 灵魂星云 5h 2025年10月3日.png",
            "IC 434 马头星云 NGC 2024 火焰星云 2025年11月29日 16min.png",
            "IC 5070 鹈鹕星云 2025年7月30日 15min.png",
            "M 1 蟹状星云 2025年8月17日 65min.png",
            "M 101 风车星系 2025年7月21日+8月9日 34min.png",
            "M 103 仙后座疏散星团 2025年8月10日 12min.png",
            "M 106 + NGC 4217 2025年8月9日 18min.png",
            "M 13 武仙座球状星团 2025年7月21日 5min.png",
            "M 16 鹰状星云 2025年7月21日 10min.png",
            "M 2 宝瓶座球状星团 2025年7月22日 6min.png",
            "M 27 哑铃星云 2025年7月21日 10min.png",
            "M 31 仙女座星系 + M 32 + M 110 2025年8月10日 52min.png",
            "M 31 仙女座星系 广域 累计叠加2.5h.png",
            "M 33 三角座星系 2025年8月25日 25min.png",
            "M 39 天鹅座疏散星团 2025年7月22日 9min.png",
            "M 42 猎户座大星云 2025年11月29日 4min.png",
            "M 45 昂宿星团 2025年8月4日 33min.png",
            "M 51 涡状星系 2025年8月9日 15min.png",
            "M 57 环状星云 2025年7月21日 2min.png",
            "M 76 小哑铃星云 2025年8月4日 15min.png",
            "M 92 武仙座球状星团 2025年7月22日+8月9日 15min.png",
            "NGC 1333 2025年8月4日 13min.png",
            "NGC 1499 加利福尼亚星云 2025年11月29日 48min.png",
            "NGC 1579 北三叶星云 2025年8月10日 14min.png",
            "NGC 281 吃豆人星云 2025年7月30日 15min.png",
            "NGC 5906 5907 刀锋星系 2025年8月9日 19min.png",
            "NGC 6888 眉月星云 2025年7月21日 6min.png",
            "NGC 6946 烟花星系 2025年8月9日 18min.png",
            "下弦月 2025年8月17日.jpg",
            "中国空间站凌月 2025年9月9日.jpg",
            "冥王星 2025年7月30日 7min.jpg",
            "国际空间站凌日 2025年7月22日.png",
            "土星合月 2024年12月8日.jpg",
            "天王星 天卫四+天卫三 2025年8月4日 2min.png",
            "太阳 2025年7月21日.png",
            "星链 2024年11月30日.jpg",
            "月球 2025年10月2日.jpg",
            "月球 2025年10月6日.jpg",
            "月球 2025年11月4日.jpg",
            "月球 2025年9月9日.jpg",
            "月球HDR 2025年11月29日.jpg",
            "月球环形山特写 2024年12月8日.jpg",
            "木星 2024年12月8日.png",
            "满月后 2025年8月10日.jpg",
            "织女星 2025年7月21日 90s.png",
            "谷神星 2025年8月17日 4min.png"
        ];

        function buildGallery() {
            const gallery = document.getElementById('gallery');
            images.forEach(name => {
                const col = document.createElement('div');
                col.className = 'col-6 col-sm-4 col-md-3 mb-4';

                const card = document.createElement('div');
                card.className = 'zb-blur card';

                const img = document.createElement('img');
                img.className = 'card-img-top';
                img.src = 'https://pan.ianzb.cn/%E5%A4%A9%E6%96%87%E6%91%84%E5%BD%B1%E4%BD%9C%E5%93%81/' + encodeURIComponent(name);
                img.alt = name;

                const body = document.createElement('div');
                body.className = 'card-body p-2';

                const titleText = name.replace(/\.[^.]+$/, '');
                const title = document.createElement('p');
                title.className = 'card-text small mb-0';
                title.title = titleText;
                title.textContent = titleText;


                const link = document.createElement('a');
                link.href = 'https://pan.ianzb.cn/%E5%A4%A9%E6%96%87%E6%91%84%E5%BD%B1%E4%BD%9C%E5%93%81/' + encodeURIComponent(name);
                link.target = '_blank';
                link.rel = 'noopener';
                link.appendChild(img);

                body.appendChild(title);
                card.appendChild(link);
                card.appendChild(body);
                col.appendChild(card);
                gallery.appendChild(col);
            });
        }

        document.addEventListener('DOMContentLoaded', buildGallery);
    </script>
    <script>loadTemplate()</script>
</body>