diff --git a/app/src/assets/scss/component/_typography.scss b/app/src/assets/scss/component/_typography.scss
index 88eb2678e..3b009534d 100644
--- a/app/src/assets/scss/component/_typography.scss
+++ b/app/src/assets/scss/component/_typography.scss
@@ -608,6 +608,10 @@
       pointer-events: none;
       display: block;
 
+      &:not(:empty)::before {
+        content: "";
+      }
+
       &::before {
         counter-increment: linenumber;
         content: counter(linenumber);
diff --git a/app/src/protyle/export/util.ts b/app/src/protyle/export/util.ts
index 8c06faf82..69ed4e248 100644
--- a/app/src/protyle/export/util.ts
+++ b/app/src/protyle/export/util.ts
@@ -80,6 +80,9 @@ export const exportImage = (id: string) => {
                 objectElement.remove();
             }
         }
+        previewElement.querySelectorAll(".protyle-linenumber__rows span").forEach((item, index) => {
+            item.textContent = (index + 1).toString();
+        });
         setTimeout(() => {
             addScript("/stage/protyle/js/html-to-image.min.js?v=1.11.13", "protyleHtml2image").then(async () => {
                 let blob = await window.htmlToImage.toBlob(exportDialog.element.querySelector(".b3-dialog__content"));