diff --git a/lang/index.js b/lang/index.js
index b7c7383..1403582 100644
--- a/lang/index.js
+++ b/lang/index.js
@@ -1,5 +1,5 @@
 
-    // 导入国际化JSON文件
+    // 导入国际化JSON文件（合并模式）
     import langJSON from './index.json'
     (function () {
     // 定义翻译函数
@@ -43,7 +43,7 @@
     globalThis.$t = globalThis.$t || $t;
     // 将简单翻译函数挂载到globalThis对象上
     globalThis.$$t = $$t;
-    // 定义从JSON文件中获取指定键的语言对象的方法
+    // 定义从JSON文件中获取指定键的语言对象的方法（合并模式）
     globalThis._getJSONKey = function (key, insertJSONObj = undefined) {
         // 获取JSON对象
         const JSONObj = insertJSONObj;
diff --git a/lang/index.json b/lang/index.json
index fd0113b..4d90af6 100644
--- a/lang/index.json
+++ b/lang/index.json
@@ -2182,5 +2182,141 @@
     "ru": "",
     "en": "",
     "fr": ""
+  },
+  "eae82": {
+    "zh-cn": "其他",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "5d6g4k6": {
+    "zh-cn": "编辑器内边距",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "7xnwd2f": {
+    "zh-cn": " 配置编辑器内容区域的内边距 ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "j5j5y58": {
+    "zh-cn": " 预览内容区域 ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "7puh5l7": {
+    "zh-cn": " 内边距设置 ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "xm43kg11": {
+    "zh-cn": " 设置编辑器内容区域的内边距，支持 CSS 单位（如 px、rem、%） ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "cn2q13": {
+    "zh-cn": "内边距",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "dfykg38": {
+    "zh-cn": "例如: 20px",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "rm0wns6": {
+    "zh-cn": " 当前值: ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "ok35ur7": {
+    "zh-cn": "编辑器其他设置",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "qiczjwb": {
+    "zh-cn": " 配置编辑器其他设置 ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "btd1wc4": {
+    "zh-cn": "外观设置",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "oauiif9": {
+    "zh-cn": "编辑器其他外观设置",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "u5f2sod": {
+    "zh-cn": " 配置编辑器其他外观设置 ",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "2j8e0g5": {
+    "zh-cn": "请输入数字",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "rt9pmq7": {
+    "zh-cn": "内边距(PX)",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "3o81my8": {
+    "zh-cn": "左右边距(PX)",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
   }
 }
diff --git a/src/hooks/useConfig.ts b/src/hooks/useConfig.ts
index 25a30f1..5eceae3 100644
--- a/src/hooks/useConfig.ts
+++ b/src/hooks/useConfig.ts
@@ -10,7 +10,9 @@ interface AppConfig extends Record<string, any> {
     family: FontConfig
     size: FontSizeConfig
   }
-
+  other: {
+    editorPadding: string
+  }
 }
 
 const defaultConfig: AppConfig = {
@@ -18,8 +20,9 @@ const defaultConfig: AppConfig = {
     family: defaultFontConfig,
     size: defaultFontSizeConfig,
   },
-
-  // ...后续接入其他配置
+  other: {
+    editorPadding: '120px',
+  },
 }
 
 const config = useStorage<AppConfig>('milkup-config', defaultConfig, localStorage, {
diff --git a/src/hooks/useContext.ts b/src/hooks/useContext.ts
index 0bb06cb..13b82b1 100644
--- a/src/hooks/useContext.ts
+++ b/src/hooks/useContext.ts
@@ -3,6 +3,7 @@ import emitter from '../renderer/events'
 import useContent from './useContent'
 import useFile from './useFile'
 import useFont from './useFont'
+import useOtherConfig from './useOtherConfig'
 import { isShowOutline } from './useOutline'
 import { useSaveConfirmDialog } from './useSaveConfirmDialog'
 import useSourceCode from './useSourceCode'
@@ -18,18 +19,17 @@ export function useContext() {
   const { markdown, originalContent } = useContent()
   const { currentTheme, init: initTheme } = useTheme()
   const { init: initFont, currentFont } = useFont()
+  const { init: initOtherConfig } = useOtherConfig()
   const { isShowSource } = useSourceCode()
   const { isDialogVisible, dialogType, fileName, tabName, showDialog, showOverwriteDialog, showFileChangedDialog, handleSave, handleDiscard, handleCancel, handleOverwrite } = useSaveConfirmDialog()
   const { isDialogVisible: isUpdateDialogVisible, showDialog: showUpdateDialog, hideDialog: hideUpdateDialog, handleIgnore, handleLater, handleUpdate } = useUpdateDialog()
   const { onSave } = useFile()
   const { close, switchToTab, saveCurrentTab, activeTabId, getUnsavedTabs, shouldOffsetTabBar, currentTab } = useTab()
 
-  // 初始化spell check
-  useSpellCheck()
-
-  // 初始化主题和字体
-  initTheme()
-  initFont()
+  useSpellCheck()// spell check
+  initTheme()// 主题
+  initFont()// 字体
+  initOtherConfig()// 其他配置
 
   // 响应式状态
   const isShowEditors = ref(true)
diff --git a/src/hooks/useOtherConfig.ts b/src/hooks/useOtherConfig.ts
new file mode 100644
index 0000000..044812b
--- /dev/null
+++ b/src/hooks/useOtherConfig.ts
@@ -0,0 +1,50 @@
+import { computed, nextTick } from 'vue'
+import { useConfig } from './useConfig'
+
+// 编辑器内边距 CSS 变量
+const EDITOR_PADDING_CSS_VAR = '--milkup-editor-padding'
+
+// 获取配置管理实例
+const { config, getConf, setConf } = useConfig()
+
+// 当前其他配置（直接使用响应式的 config）
+const currentOtherConfig = computed(() => config.value.other)
+
+// 当前编辑器内边距
+const currentEditorPadding = computed(() => currentOtherConfig.value.editorPadding)
+
+// 初始化配置
+function init() {
+  // 应用当前编辑器内边距配置到 DOM
+  const editorPadding = getConf('other').editorPadding
+  console.log(editorPadding)
+
+  applyEditorPadding(editorPadding)
+}
+
+// 设置编辑器内边距
+function setEditorPadding(padding: string) {
+  setConf('other', 'editorPadding', padding)
+  applyEditorPadding(padding)
+}
+
+// 应用编辑器内边距
+function applyEditorPadding(padding: string) {
+  nextTick(() => {
+    const fontRootElement = document.querySelector('#fontRoot') as HTMLElement
+
+    if (!fontRootElement)
+      return
+
+    fontRootElement.style.setProperty(EDITOR_PADDING_CSS_VAR, padding)
+  })
+}
+
+export default function useOtherConfig() {
+  return {
+    currentEditorPadding,
+    currentOtherConfig,
+    init,
+    setEditorPadding,
+  }
+}
diff --git a/src/renderer/components/AppearancePage.vue b/src/renderer/components/AppearancePage.vue
index 7d5e266..f5826d7 100644
--- a/src/renderer/components/AppearancePage.vue
+++ b/src/renderer/components/AppearancePage.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import FontPage from './FontPage.vue'
+import OtherSetting from './OtherSetting.vue'
 import ThemePage from './ThemePage.vue'
 </script>
 
@@ -19,6 +20,14 @@ import ThemePage from './ThemePage.vue'
         <FontPage />
       </div>
     </div>
+
+    <div class="appearance-item">
+      <h2>其他</h2>
+
+      <div class="appearance-item-content">
+        <OtherSetting />
+      </div>
+    </div>
   </div>
 </template>
 
@@ -37,8 +46,6 @@ import ThemePage from './ThemePage.vue'
         display: flex;
         flex-direction: column;
         gap: 10px;
-
-        .appearance-item-content {}
     }
 }
 </style>
diff --git a/src/renderer/components/OtherSetting.vue b/src/renderer/components/OtherSetting.vue
new file mode 100644
index 0000000..1e0bc4d
--- /dev/null
+++ b/src/renderer/components/OtherSetting.vue
@@ -0,0 +1,226 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import useOtherConfig from '@/hooks/useOtherConfig'
+import { Input } from './ui/input'
+
+const {
+  currentEditorPadding,
+  setEditorPadding,
+} = useOtherConfig()
+
+const paddingSettingsExpanded = ref(false)
+
+// 从完整值中提取数字部分用于显示（如 "20px" -> "20"）
+const displayPaddingValue = computed(() => {
+  const value = currentEditorPadding.value || ''
+  // 提取数字部分（包括小数点）
+  const match = value.match(/^(\d+\.?\d*)/)
+  return match ? match[1] : ''
+})
+
+function togglePaddingSettings() {
+  paddingSettingsExpanded.value = !paddingSettingsExpanded.value
+}
+
+function handlePaddingChange(value: string) {
+  console.log(value)
+
+  // 如果提取到数字，自动添加 "px" 单位
+
+  setEditorPadding(`${value}px`)
+}
+</script>
+
+<template>
+  <div class="other-setting-page">
+    <!-- 边距设置折叠抽屉 -->
+    <div class="collapsible-section">
+      <div class="section-header" @click="togglePaddingSettings">
+        <div class="section-content-wrapper">
+          <h2 class="section-title">
+            <span class="title-text">编辑器其他外观设置</span>
+          </h2>
+          <p class="section-desc">
+            配置编辑器其他外观设置
+          </p>
+        </div>
+        <span class="iconfont icon-arrow-right" :class="{ active: paddingSettingsExpanded }"></span>
+      </div>
+      <div class="section-content" :class="{ expanded: paddingSettingsExpanded }">
+        <div class="setting-list">
+          <div class="setting-item">
+            <label class="setting-label">左右边距(PX)</label>
+            <div class="setting-input-wrapper">
+              <Input
+                type="number"
+                :model-value="displayPaddingValue"
+                placeholder="请输入数字"
+                @update:model-value="handlePaddingChange"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.other-setting-page {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  // 折叠抽屉样式
+  .collapsible-section {
+    background: var(--background-color-2);
+    border: 1px solid var(--border-color-1);
+    border-radius: 8px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      border-color: var(--border-color-2);
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    }
+
+    .section-header {
+      padding: 16px 20px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      border-bottom: 1px solid var(--border-color-1);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      &:hover {
+        background: var(--background-color-3);
+      }
+
+      .section-content-wrapper {
+        flex: 1;
+      }
+
+      .section-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: var(--text-color);
+        margin: 0 0 4px 0;
+        line-height: 1.4;
+
+        .title-text {
+          display: block;
+        }
+      }
+
+      .section-desc {
+        font-size: 12px;
+        color: var(--text-color-2);
+        margin: 0;
+        line-height: 1.4;
+      }
+
+      .iconfont {
+        font-size: 20px;
+        color: var(--text-color-2);
+        transition: transform 0.2s ease;
+        margin-left: 12px;
+        flex-shrink: 0;
+
+        &.active {
+          transform: rotate(90deg);
+        }
+      }
+    }
+
+    .section-content {
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height 0.3s ease, opacity 0.3s ease;
+      opacity: 0;
+
+      &.expanded {
+        max-height: 1500px;
+        opacity: 1;
+      }
+    }
+  }
+
+  // 设置列表样式
+  .setting-list {
+    padding: 20px;
+
+    .setting-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 0;
+      border-bottom: 1px solid var(--border-color-1);
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .setting-label {
+        min-width: 120px;
+        font-size: 14px;
+        font-weight: 500;
+        color: var(--text-color-3);
+        margin: 0;
+        padding-right: 16px;
+        flex-shrink: 0;
+      }
+
+      .setting-input-wrapper {
+        flex: 1;
+        min-width: 0;
+
+        :deep(.input-container) {
+          .label {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .other-setting-page {
+    gap: 12px;
+
+    .collapsible-section {
+      .section-header {
+        padding: 12px 16px;
+
+        .section-title {
+          font-size: 14px;
+        }
+
+        .section-desc {
+          font-size: 11px;
+        }
+      }
+    }
+
+    .setting-list {
+      padding: 16px;
+
+      .setting-item {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 8px;
+
+        .setting-label {
+          min-width: auto;
+          padding-right: 0;
+        }
+
+        .setting-input-wrapper {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/renderer/components/ui/input/Input.vue b/src/renderer/components/ui/input/Input.vue
index 95303c0..d2d6c04 100644
--- a/src/renderer/components/ui/input/Input.vue
+++ b/src/renderer/components/ui/input/Input.vue
@@ -6,6 +6,7 @@ const props = defineProps<{
   placeholder?: string
   label?: string
   required?: boolean
+  type?: 'text' | 'number'
 }>()
 const emit = defineEmits<{
   (e: 'update:modelValue', modelValue: string): void
@@ -23,7 +24,7 @@ function handleChange() {
   <div class="input-container">
     <span class="label" :class="{ required }"> {{ label }}</span>
     <div class="Input">
-      <input v-model="modelValue" type="text" :placeholder="placeholder" @change="handleChange" />
+      <input v-model="modelValue" :type="type" :placeholder="placeholder" @change="handleChange" />
     </div>
   </div>
 </template>
diff --git a/src/renderer/style.less b/src/renderer/style.less
index b84f545..8dcbe59 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -97,6 +97,7 @@ input[type='checkbox'] {
   --milkup-font-size-h6: 12px;
   --milkup-font-size-default: 16px;
   --milkup-font-size-code: 16px;
+  --milkup-editor-padding: 120px;
 
   .editor {
     height: 100%;
diff --git a/src/renderer/styles/milkdown.less b/src/renderer/styles/milkdown.less
index 188454b..3b9dee2 100644
--- a/src/renderer/styles/milkdown.less
+++ b/src/renderer/styles/milkdown.less
@@ -1,40 +1,50 @@
 .milkdown {
   height: 100%;
   background: var(--background-color-1);
+  box-sizing: border-box;
 
   .editor {
     height: 100%;
+
   }
-  .ProseMirror{
+
+  .ProseMirror {
+    padding: 60px var(--milkup-editor-padding);
     padding-bottom: 200px;
   }
+
   p {
-    font-family: var(--milkup-font-default)!important;
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-default) !important;
   }
 
-  h1{
-    font-family: var(--milkup-font-default)!important;
+  h1 {
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-h1) !important;
   }
-  h2{
-    font-family: var(--milkup-font-default)!important;
+
+  h2 {
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-h2) !important;
   }
-  h3{
-    font-family: var(--milkup-font-default)!important;
+
+  h3 {
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-h3) !important;
   }
-  h4{
-    font-family: var(--milkup-font-default)!important;
+
+  h4 {
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-h4) !important;
   }
-  h5{
-    font-family: var(--milkup-font-default)!important;
+
+  h5 {
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-h5) !important;
   }
-  h6{
-    font-family: var(--milkup-font-default)!important;
+
+  h6 {
+    font-family: var(--milkup-font-default) !important;
     font-size: var(--milkup-font-size-h6) !important;
   }
 
@@ -187,6 +197,7 @@
     background: var(--hover-background-color);
   }
 }
-.milkdown .milkdown-image-block > .image-wrapper img{
+
+.milkdown .milkdown-image-block>.image-wrapper img {
   height: auto !important;
 }
\ No newline at end of file