Spaces:

duqing2026
/

biolink-pro

Sleeping

App Files Files Community

duqing2026 commited on Jan 29

Commit

f32d9a6

1 Parent(s): 1f2d258

优化升级

Browse files

Files changed (3) hide show

app.py +3 -1
templates/biolink_template.html +1 -1
templates/index.html +29 -10

app.py CHANGED Viewed

@@ -38,4 +38,6 @@ def export():
     )
 if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=7860, debug=True)

     )
 if __name__ == '__main__':
+    # Use environment variable for debug mode, default to False for safety in production
+    debug_mode = os.environ.get('FLASK_DEBUG', 'False').lower() == 'true'
+    app.run(host='0.0.0.0', port=7860, debug=debug_mode)

templates/biolink_template.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>[[ data.profile.name ]]</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
         /* Custom Theme Styles */

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>[[ data.profile.name or 'My BioLink' ]]</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
         /* Custom Theme Styles */

templates/index.html CHANGED Viewed

@@ -84,7 +84,12 @@
             <div class="max-w-xl mx-auto">
                 <header class="mb-8 flex items-center justify-between">
                     <h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-purple-600">BioLink Pro</h1>
-                    <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs font-semibold">Free Export</span>
                 </header>
                 <!-- Profile Section -->
@@ -175,11 +180,12 @@
         </div>
         <!-- Preview Area -->
-        <div class="w-full lg:w-1/2 bg-gray-100 flex items-center justify-center p-8 lg:h-screen fixed lg:static top-0 right-0 pointer-events-none lg:pointer-events-auto opacity-0 lg:opacity-100 z-0">
-            <div class="preview-frame pointer-events-auto transition-all duration-300">
                 <div class="preview-content p-6 flex flex-col items-center pt-12" :class="'theme-' + theme">
-                    <!-- Preview Profile -->
-                    <div class="mb-8 text-center w-full" style="color: var(--text-color);">
                         <div v-if="profile.avatarUrl" class="w-24 h-24 mx-auto mb-4 rounded-full overflow-hidden border-4 border-white/20 shadow-lg">
                             <img :src="profile.avatarUrl" class="w-full h-full object-cover">
                         </div>
@@ -212,18 +218,20 @@
         createApp({
             setup() {
                 const profile = reactive({
-                    name: '',
-                    bio: '',
-                    avatarUrl: ''
                 });
                 const links = ref([
                     { title: '我的博客', url: 'https://example.com' },
-                    { title: 'GitHub', url: 'https://github.com' }
                 ]);
                 const theme = ref('simple');
                 const isExporting = ref(false);
                 const addLink = () => {
                     links.value.push({ title: '', url: '' });
@@ -233,6 +241,15 @@
                     links.value.splice(index, 1);
                 };
                 const exportHtml = async () => {
                     if (isExporting.value) return;
                     isExporting.value = true;
@@ -276,12 +293,14 @@
                 return {
                     profile,
                     links,
                     theme,
                     addLink,
                     removeLink,
                     exportHtml,
-                    isExporting
                 };
             }
         }).mount('#app');

             <div class="max-w-xl mx-auto">
                 <header class="mb-8 flex items-center justify-between">
                     <h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-purple-600">BioLink Pro</h1>
+                    <div class="flex gap-2">
+                        <button @click="showPreview = !showPreview" class="lg:hidden px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-xs font-semibold border">
+                            {{ showPreview ? '编辑' : '预览' }}
+                        </button>
+                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs font-semibold">Free Export</span>
+                    </div>
                 </header>
                 <!-- Profile Section -->
         </div>
         <!-- Preview Area -->
+        <div :class="{'opacity-100 pointer-events-auto z-50': showPreview, 'opacity-0 pointer-events-none -z-10': !showPreview}" class="fixed inset-0 bg-gray-100 lg:static lg:w-1/2 lg:flex lg:opacity-100 lg:pointer-events-auto lg:z-0 flex items-center justify-center p-8 transition-all duration-300">
+            <button @click="showPreview = false" class="lg:hidden absolute top-4 right-4 p-2 bg-white rounded-full shadow-md z-50">
+                <i class="ph ph-x text-xl"></i>
+            </button>
+            <div class="preview-frame transition-all duration-300 transform scale-90 sm:scale-100">
                 <div class="preview-content p-6 flex flex-col items-center pt-12" :class="'theme-' + theme">
                         <div v-if="profile.avatarUrl" class="w-24 h-24 mx-auto mb-4 rounded-full overflow-hidden border-4 border-white/20 shadow-lg">
                             <img :src="profile.avatarUrl" class="w-full h-full object-cover">
                         </div>
         createApp({
             setup() {
                 const profile = reactive({
+                    name: '您的名字',
+                    bio: '热爱生活，探索世界。\n分享技术与创意的个人主页。',
+                    avatarUrl: 'https://ui-avatars.com/api/?name=User&background=0D8ABC&color=fff&size=200'
                 });
                 const links = ref([
                     { title: '我的博客', url: 'https://example.com' },
+                    { title: 'GitHub', url: 'https://github.com' },
+                    { title: '联系我', url: 'mailto:hi@example.com' }
                 ]);
                 const theme = ref('simple');
                 const isExporting = ref(false);
+                const showPreview = ref(false);
                 const addLink = () => {
                     links.value.push({ title: '', url: '' });
                     links.value.splice(index, 1);
                 };
+                const resetProfile = () => {
+                    if (confirm('确定要清空所有数据吗？')) {
+                        profile.name = '';
+                        profile.bio = '';
+                        profile.avatarUrl = '';
+                        links.value = [];
+                    }
+                };
                 const exportHtml = async () => {
                     if (isExporting.value) return;
                     isExporting.value = true;
                 return {
                     profile,
+                    resetProfile,
                     links,
                     theme,
                     addLink,
                     removeLink,
                     exportHtml,
+                    isExporting,
+                    showPreview
                 };
             }
         }).mount('#app');