diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx index 2a05021..f58e16f 100644 --- a/src/renderer/App.tsx +++ b/src/renderer/App.tsx @@ -19,7 +19,7 @@ import { WelcomeScreen } from './components/WelcomeScreen/WelcomeScreen' import { Toast } from './components/Toast/Toast' import { ModifiedBanner } from './components/ModifiedBanner/ModifiedBanner' import { DropOverlay } from './components/DropOverlay/DropOverlay' -import { AppIcon } from './components/Icons' +import { AppIcon, Gitee } from './components/Icons' const APP_VERSION = 'v0.1.0' @@ -268,6 +268,17 @@ export default function App() {
+ { + e.preventDefault() + if (window.electronAPI?.openExternal) { + window.electronAPI.openExternal('https://gitee.com/thzxx/MarkLite') + } else { + window.open('https://gitee.com/thzxx/MarkLite', '_blank') + } + }}> + + gitee.com/thzxx/MarkLite +

基于 Electron + React + TypeScript 构建

© 2026 thzxx

diff --git a/src/renderer/components/Toolbar/Toolbar.tsx b/src/renderer/components/Toolbar/Toolbar.tsx index f85652b..c407469 100644 --- a/src/renderer/components/Toolbar/Toolbar.tsx +++ b/src/renderer/components/Toolbar/Toolbar.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { FolderOpen, Save, EditMode, PreviewMode, Moon, Sun, Gitee, Info } from '../Icons' +import { FolderOpen, Save, EditMode, PreviewMode, Moon, Sun, Info } from '../Icons' interface ToolbarProps { onOpen: () => void @@ -12,14 +12,6 @@ interface ToolbarProps { } export function Toolbar({ onOpen, onSave, viewMode, onViewModeChange, darkMode, onToggleDark, onShowAbout }: ToolbarProps) { - const handleOpenGitee = () => { - if (window.electronAPI?.openExternal) { - window.electronAPI.openExternal('https://gitee.com/thzxx/MarkLite') - } else { - window.open('https://gitee.com/thzxx/MarkLite', '_blank') - } - } - return (
@@ -45,9 +37,6 @@ export function Toolbar({ onOpen, onSave, viewMode, onViewModeChange, darkMode, - diff --git a/src/renderer/styles/global.css b/src/renderer/styles/global.css index 6ac7fd5..b8993ff 100644 --- a/src/renderer/styles/global.css +++ b/src/renderer/styles/global.css @@ -1161,6 +1161,26 @@ html, body { margin-bottom: 20px; } +.about-link { + display: inline-flex; + align-items: center; + gap: 6px; + color: var(--primary); + text-decoration: none; + font-size: 13px; + margin-bottom: 8px; + padding: 6px 12px; + border-radius: 6px; + background: var(--primary-light); + transition: all 0.15s ease; + cursor: pointer; +} + +.about-link:hover { + background: var(--primary); + color: white; +} + .about-footer p { color: var(--text-tertiary); font-size: 12px;