efats

src/components/ContextMenu.vue

 import { computed, reactive, ref } from 'vue'
 import { Modal } from 'ant-design-vue'
 import eventBus from '@/utils/eventBus'
+import { trimSuffix } from '@/utils/file';
 
 const emit = defineEmits(['newFile', 'newFolder', 'deleteFile'])
 
   const option = event.option
   if (option.id === 'deleteFile') {
     if (menuRef.value && menuRef.value.name) {
-      const noteName = menuRef.value.name.replace(/\.html$/, '')
+      const noteName = trimSuffix(menuRef.value.name)
       Modal.confirm({
         title: `确定删除日记 ${noteName} ?`,
         onOk() {

src/components/SubMenu.vue

 
 <script setup>
 import eventBus from '@/utils/eventBus'
+import { trimSuffix } from '@/utils/file';
+
 const props = defineProps({
   menus: {
     type: Array,
   eventBus.dispatchEvent('menu.contextMenu', { event, menu, type })
 }
 
-const trimSuffix = name => {
-  return name.replace(/\.html$/, '')
-}
-
 </script>
 
 

src/layouts/components/SiderBar.vue

 import ContextMenu from '@/components/ContextMenu.vue';
 import SubMenu from '@/components/SubMenu.vue';
 import eventBus from '@/utils/eventBus'
+import { appendSuffix } from '@/utils/file';
 
 const props = defineProps({
   menuStyle: {
 // 创建新文件
 const createNewFile = ({ menu: parentMenu, name: newFileName }) => {
   const parentPath = parentMenu ? parentMenu.path : ''
-  const newFilePath = parentPath ? `${parentPath}/${newFileName}.html` : `${newFileName}.html`
+  const newFilePath = parentPath ? `${parentPath}/${newFileName}` : newFileName
 
-  newNote(user, newFilePath, repo)
+  newNote(user, appendSuffix(newFilePath), repo)
 }
 
 // 创建新目录

src/utils/file.js

+
+const suffix = 'note';
+
+// 去掉后缀
+export const trimSuffix = name => {
+  const regex = new RegExp(`.${suffix}`);
+  return name.replace(regex, '')
+}
+
+// 添加后缀
+export const appendSuffix = name => {
+  return `${name}.${suffix}`
+}