可以设置将第一个头像固定为自己

index.src.html

@@ -233,18 +233,6 @@
             </div>
         </div>
 
-        <div class="mdui-textfield">
-            <label class="mdui-textfield-label">界面</label>
-        </div>
-        <div class="mdui-row">
-            <div class="mdui-col-xs-12">
-                <label class="mdui-checkbox">
-                    <input id="configUIWhite" type="checkbox" name="configUIWhite" />
-                    <i class="mdui-checkbox-icon"></i>使用 7.0 以上版本白色界面
-                </label>
-            </div>
-        </div>
-
         <div class="mdui-textfield">
             <label class="mdui-textfield-label">通知栏</label>
         </div>
@@ -265,6 +253,24 @@
             </div>
         </div>
 
+        <div class="mdui-textfield">
+            <label class="mdui-textfield-label">其他</label>
+        </div>
+        <div class="mdui-row">
+            <div class="mdui-col-xs-6">
+                <label class="mdui-checkbox">
+                    <input id="configUIWhite" type="checkbox" name="configUIWhite" />
+                    <i class="mdui-checkbox-icon"></i>使用 7.0 以上版本白色界面
+                </label>
+            </div>
+            <div class="mdui-col-xs-6">
+                <label class="mdui-checkbox">
+                    <input id="configFirstAvatar" type="checkbox" name="configFirstAvatar" />
+                    <i class="mdui-checkbox-icon"></i>第一个头像固定为自己
+                </label>
+            </div>
+        </div>
+
         <button id="generate" class="mdui-btn mdui-ripple mdui-color-theme-accent mdui-btn-block mdui-m-t-2">生成</button>
         <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent mdui-m-t-1" mdui-dialog="{target:'#donate'}">请小透明喝一瓶肥宅快乐水～(*´∀`)</button>
         <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent mdui-m-t-1" onclick="copyGitLink()">复制本工具的链接，分享给有需要的人(`ヮ´ )</button>
@@ -469,9 +475,9 @@
         </div>
     </div>
 
-    <script src="https://cdn.jsdelivr.net/combine/npm/mdui@1/dist/js/mdui.min.js,npm/html2canvas@1.0.0-rc.1/dist/html2canvas.min.js,gh/TransparentLC/WechatMomentScreenshot/main.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/combine/npm/mdui@1/dist/js/mdui.min.js,npm/html2canvas@1/dist/html2canvas.min.js,gh/TransparentLC/WechatMomentScreenshot/main.min.js"></script>
     <!-- <script src="https://cdn.jsdelivr.net/npm/mdui@1/dist/js/mdui.min.js"></script> -->
-    <!-- <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.1/dist/html2canvas.min.js"></script> -->
+    <!-- <script src="https://cdn.jsdelivr.net/npm/html2canvas@1/dist/html2canvas.min.js"></script> -->
     <!-- <script src="https://cdn.jsdelivr.net/gh/TransparentLC/WechatMomentScreenshot/main.min.js"></script> -->
     <!-- <script src="main.js"></script> -->
 </body>

main.js

@@ -69,6 +69,7 @@ var configDefault = {
     app: '',
     height: 1920,
     uiWhite: false,
+    firstAvatar: false,
     appIcon: false,
     statusIcon: true,
 };
@@ -88,6 +89,7 @@ document.getElementById('configLocation').value = config.location;
 document.getElementById('configApp').value = config.app;
 document.getElementById('configHeight').value = config.height;
 document.getElementById('configUIWhite').checked = config.uiWhite;
+document.getElementById('configFirstAvatar').checked = config.firstAvatar;
 document.getElementById('configTopBarAppIcons').checked = config.appIcon;
 document.getElementById('configTopBarStatusIcons').checked = config.statusIcon;
 document.getElementById('avatar').style.backgroundImage = 'url(' + (localStorage.getItem('avatar') || 'https://ae01.alicdn.com/kf/HTB1yE4fMmzqK1RjSZFp761kSXXal.png') + ')';
@@ -409,18 +411,23 @@ document.getElementById('generate').addEventListener('click', function () {
     //加入点赞头像
     var avatar = document.getElementsByClassName('likeAvatar');
     var avatarSource = avatarURL.concat();
-    var avatarUsedIndex = 0;
+    var avatarUsed;
     document.getElementById('likeAvatarList').innerHTML = '';
     for (var i = 0; i < document.getElementById('configLike').value; i++) {
+        if (i === 0 && document.getElementById('configFirstAvatar').checked) {
+            avatarUsed = document.getElementById('avatar').style.backgroundImage.replace(/url\("(.+?)"\)/g, '$1');
+        } else {
             if (avatarSource.length <= 0) {
                 avatarSource = avatarURL.concat();
             }
-        avatarUsedIndex = Math.floor(Math.random() * avatarSource.length);
+            var avatarUsedIndex = Math.floor(Math.random() * avatarSource.length);
+            avatarUsed = avatarSource[avatarUsedIndex];
+            avatarSource.splice(avatarUsedIndex, 1);
+        }
         var div = document.createElement('div');
         div.setAttribute('class', 'likeAvatar squareImage');
-        div.setAttribute('style', 'background-image:url(\"' + avatarSource[avatarUsedIndex] + '\")');
+        div.setAttribute('style', 'background-image:url(\"' + avatarUsed + '\")');
         document.getElementById('likeAvatarList').appendChild(div);
-        avatarSource.splice(avatarUsedIndex, 1);
     }
 
     //加入评论区