diff --git a/README.md b/README.md
index ee14200..810646f 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,9 @@
 
 如果实在是很在意通知栏的样式的话，可以从自己的手机上截一个通知栏的图然后覆盖上去……
 
-iOS 的样式已经添加了，不过因为我并没有 iOS 设备，所以只能参考网上找到的截图来写样式，**不一定能做到和实机一样**。
+2023.5.8 更新：iOS 的样式已经添加了，不过因为我并没有 iOS 设备，所以只能参考网上找到的截图来写样式，**不一定能做到和实机一样**。
+
+2023.6.14 更新：已经添加了使用自定义通知栏图片的选项。可以自行在手机上截图并裁剪出通知栏部分，然后使它出现在生成的截图上。
 
 ### 生成的截图中，文字部分能否出现表情符号？
 
diff --git a/main.js b/main.js
index 3facd0d..f432d38 100644
--- a/main.js
+++ b/main.js
@@ -410,14 +410,21 @@ document.getElementById('generate').addEventListener('click', function () {
         }
     }
 
-    if (document.getElementById('configTopBarIos').checked) {
+    if (document.getElementById('configTopBarCustom').checked) {
+        document.getElementById('topBar').style.display = 'none';
+        document.getElementById('topBarIos').style.display = 'none';
+        document.getElementById('topBarCustom').style.display = 'flex';
+        document.getElementById('topBarCustomImage').src = URL.createObjectURL(document.getElementById('configTopBarCustomImage').files[0]);
+    } else if (document.getElementById('configTopBarIos').checked) {
         document.getElementById('topBar').style.display = 'none';
         document.getElementById('topBarIos').style.display = 'flex';
+        document.getElementById('topBarCustom').style.display = 'none';
         document.getElementById('topBarIconIos').src = 'mdicons/' + (useWhiteUI ? 'black_icons' : 'white_icons') + '/ios_status.svg';
         document.getElementById('fakeWechatMoment').classList.add('iosStyle');
     } else {
         document.getElementById('topBar').style.display = 'flex';
         document.getElementById('topBarIos').style.display = 'none';
+        document.getElementById('topBarCustom').style.display = 'none';
         document.getElementById('fakeWechatMoment').classList.remove('iosStyle');
         //设置顶栏图标
         var iconWifi = [4, 4, 4, 4, 4, 3, 3, 3, 3, 2, 2, 2, 2, 1, 1, 1, 0];