feat(config): 提取站点配置到独立的config.js文件

- 将分散在各JS文件中的配置项统一提取到SiteConfig对象中
- 包含stars、animation、background、hitokoto等配置模块
- GitHub相关配置包括用户名、缓存键值和过期时间
- 博客RSS地址及缓存配置迁移至config.js
- 技术栈数据从硬编码移至配置文件管理
- 社交卡片动画参数统一配置化
- Artalk评论系统参数集中管理
- 添加开发环境检测逻辑
- 支持CommonJS和浏览器环境下的配置导出
- 在about.html和index.html中引入config.js脚本
- 更新about.js和main.js以使用SiteConfig配置
- 删除重复的GitHub用户名硬编码
- 调整图片路径读取方式为配置驱动
- 优化星空背景脚本的配置引用方式
- 修复本地开发环境下的一言默认文本显示问题

about.html

@@ -293,9 +293,9 @@
 
     <!-- 脚本文件 -->
     <script src="js/jquery.min.js"></script>
+    <script src="js/config.js"></script>
     <!-- Artalk 评论系统 -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/artalk/2.9.1/Artalk.js"></script>
     <script src="js/about.js"></script>
-    
 </body>
 </html>

css/about.css

@@ -1478,6 +1478,55 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
     font-weight: 500;
 }
 
+/* 项目描述折叠样式 */
+.project-description.collapsible {
+    position: relative;
+    max-height: 100px;
+    overflow: hidden;
+}
+
+.project-description.collapsible::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 40px;
+    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, var(--glass-alpha)));
+}
+
+.project-description.expanded {
+    max-height: none;
+}
+
+.project-description.expanded::after {
+    display: none;
+}
+
+.project-description.collapsible {
+    position: relative;
+}
+
+.toggle-description {
+    background: rgba(255, 255, 255, 0.1);
+    color: var(--text-strong);
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: 20px;
+    cursor: pointer;
+    font-size: 0.9rem;
+    margin-top: 1rem;
+    transition: all 0.3s ease;
+}
+
+.toggle-description:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.project-description.collapsible + .toggle-description {
+    display: inline-block;
+}
+
 .project-stats {
     display: flex;
     gap: 1rem;

index.html

@@ -282,10 +282,10 @@
         <p class="power">
             <a class="icp" href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank">湘ICP备20014902号</a>
         </p>
-        <p class="power">Copyright © 2018
+        <p class="power">Copyright © 2018<span id="currentYear"></span> Honesty</p>
-            <script>document.write(' - ' + (new Date()).getFullYear())</script>
+        <script>
-            Honesty
+            document.getElementById("currentYear").textContent = ' - ' + new Date().getFullYear();
-        </p>
+        </script>
         <p class="power">Powered By
             <a href="https://pages.edgeone.ai/" target="_blank"> Tencent EdgeOne </a> And
             <a href="https://hitokoto.cn/" target="_blank"> Hitokoto </a>
@@ -303,8 +303,9 @@
 <!--黑暗主题-->
 <script type="text/javascript" src="js/jquery.min.js"></script>
 <script type="text/javascript" src="js/fetch.min.js"></script>
+<script type="text/javascript" src="js/config.js"></script>
 <script type="text/javascript" src="js/main.js?version=3"></script>
-<script type="text/javascript" src="js/bj.js"></script>
+<!--<script type="text/javascript" src="js/bj.js"></script>-->
 <!--<script type="text/javascript" src="https://cdn.jsdmirror.com/gh/listener-He/Home/js/moments.js"></script>-->
 <script async src="https://analyse.hehouhui.cn/tracker.js" data-ackee-server="https://analyse.hehouhui.cn"
         data-ackee-domain-id="7887135f-a413-46e2-a98c-52d4f18d9973"></script>

js/about.js

@@ -17,9 +17,9 @@ $(document).ready(function() {
 // 初始化随机位置
 function initRandomPositions() {
     var cards = $('.social-card');
-    var rings = [130, 180, 230];
+    var rings = SiteConfig.socialCards.rings;
-    var golden = 137.5;
+    var golden = SiteConfig.socialCards.goldenAngle;
-    var speedBase = 16;
+    var speedBase = SiteConfig.socialCards.baseSpeed;
     cards.each(function(idx) {
         var ring = rings[idx % rings.length];
         var angle = (idx * golden) % 360;
@@ -76,15 +76,15 @@ function initMotionController() {
 
 // GitHub 统计信息
 function initGitHubStats() {
-    var username = 'listener-He';
+    var username = SiteConfig.github.username;
-    var cacheKey = 'github_stats_cache';
+    var cacheKey = SiteConfig.github.cache.stats.key;
-    var cacheTimeKey = 'github_stats_cache_time';
+    var cacheTimeKey = SiteConfig.github.cache.stats.timeKey;
     
     // 检查缓存（3天有效期）
     var cachedData = localStorage.getItem(cacheKey);
     var cacheTime = localStorage.getItem(cacheTimeKey);
     var now = new Date().getTime();
-    var threeDaysInMs = 3 * 24 * 60 * 60 * 1000; // 3天的毫秒数
+    var threeDaysInMs = SiteConfig.github.cache.stats.expirationDays * 24 * 60 * 60 * 1000; // 3天的毫秒数
     
     if (cachedData && cacheTime && (now - parseInt(cacheTime)) < threeDaysInMs) {
         // 使用缓存数据
@@ -115,7 +115,7 @@ function initGitHubStats() {
                 .catch(function() {
                     var fallbackData = {
                         name: 'Honesty',
-                        login: 'listener-He',
+                        login: SiteConfig.github.username,
                         bio: '开发者',
                         avatar_url: 'https://avatars.githubusercontent.com/u/39252579?v=4',
                         public_repos: 0,
@@ -160,15 +160,15 @@ function displayGitHubProfile(data) {
 
 // 优质项目展示
 function initProjects() {
-    var username = 'listener-He';
+    var username = SiteConfig.github.username;
-    var cacheKey = 'github_projects_cache';
+    var cacheKey = SiteConfig.github.cache.projects.key;
-    var cacheTimeKey = 'github_projects_cache_time';
+    var cacheTimeKey = SiteConfig.github.cache.projects.timeKey;
     
     // 检查缓存（3天有效期）
     var cachedData = localStorage.getItem(cacheKey);
     var cacheTime = localStorage.getItem(cacheTimeKey);
     var now = new Date().getTime();
-    var threeDaysInMs = 3 * 24 * 60 * 60 * 1000; // 3天的毫秒数
+    var threeDaysInMs = SiteConfig.github.cache.projects.expirationDays * 24 * 60 * 60 * 1000; // 3天的毫秒数
     
     if (cachedData && cacheTime && (now - parseInt(cacheTime)) < threeDaysInMs) {
         // 使用缓存数据
@@ -223,13 +223,20 @@ function displayProjects(repos) {
                            (updateDate.getMonth() + 1) + '/' + 
                            updateDate.getDate();
         
+        // 处理项目描述，如果超过一定字符数则添加折叠功能
+        var description = repo.description || '暂无描述';
+        var isLongDescription = description.length > 100;
+        var displayDescription = isLongDescription ? description.substring(0, 100) + '...' : description;
+        var descriptionClass = isLongDescription ? 'project-description collapsible' : 'project-description';
+        
         var starSvg = '<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-label="Star" role="img"><path d="M12 17.27l6.18 3.73-1.64-7.03L22 9.24l-7.19-.62L12 2 9.19 8.62 2 9.24l5.46 4.73L5.82 21z"></path></svg>';
         var forkSvg = '<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-label="Fork" role="img"><path d="M7 4a3 3 0 106 0 3 3 0 00-6 0zm10 0a3 3 0 106 0 3 3 0 00-6 0v6a3 3 0 01-3 3H7"></path></svg>';
         projectsHtml += '<div class="project-card" onclick="window.open(\'' + repo.html_url + '\', \'_blank\')">' +
             '<div class="project-header">' +
                 '<div>' +
                     '<h3 class="project-title">' + repo.name + '</h3>' +
-                    '<p class="project-description">' + (repo.description || '暂无描述') + '</p>' +
+                    '<p class="' + descriptionClass + '" data-full-text="' + description + '" data-short-text="' + (isLongDescription ? description.substring(0, 100) + '...' : description) + '">' + displayDescription + '</p>' +
+                    (isLongDescription ? '<button class="toggle-description" onclick="toggleDescription(event, this)">显示更多</button>' : '') +
                 '</div>' +
                 '<div class="project-stats">' +
                     '<span>' + starSvg + ' ' + (repo.stargazers_count || 0) + '</span>' +
@@ -244,17 +251,36 @@ function displayProjects(repos) {
     $('#projects-container').html(projectsHtml);
 }
 
+// 切换项目描述显示状态
+function toggleDescription(event, button) {
+    event.stopPropagation(); // 阻止事件冒泡，避免触发项目卡片的点击事件
+    
+    var description = button.previousElementSibling;
+    var fullText = description.getAttribute('data-full-text');
+    var shortText = description.getAttribute('data-short-text');
+    
+    if (button.textContent === '显示更多') {
+        // 展开描述
+        description.textContent = fullText;
+        button.textContent = '收起';
+    } else {
+        // 收起描述
+        description.textContent = shortText;
+        button.textContent = '显示更多';
+    }
+}
+
 // 博客文章RSS解析
 function initBlogArticles() {
-    var rssUrl = 'https://blog.hehouhui.cn/rss/feed.xml';
+    var rssUrl = SiteConfig.blog.rssUrl;
-    var cacheKey = 'blog_articles_cache';
+    var cacheKey = SiteConfig.blog.cache.key;
-    var cacheTimeKey = 'blog_articles_cache_time';
+    var cacheTimeKey = SiteConfig.blog.cache.timeKey;
     
     // 检查缓存（3天有效期）
     var cachedData = localStorage.getItem(cacheKey);
     var cacheTime = localStorage.getItem(cacheTimeKey);
     var now = new Date().getTime();
-    var threeDaysInMs = 24 * 60 * 60 * 1000; // 1天的毫秒数
+    var threeDaysInMs = SiteConfig.blog.cache.expirationDays * 24 * 60 * 60 * 1000; // 1天的毫秒数
     
     if (cachedData && cacheTime && (now - parseInt(cacheTime)) < threeDaysInMs) {
         // 使用缓存数据
@@ -337,11 +363,11 @@ function initArtalkComments() {
                 el: '#artalk-container',
                 pageKey: window.location.pathname,
                 pageTitle: document.title,
-                server: 'https://artalk.hehouhui.cn',
+                server: SiteConfig.artalk.server,
-                site: 'Honesty的主页',
+                site: SiteConfig.artalk.site,
-                placeholder: '来说点什么吧...',
+                placeholder: SiteConfig.artalk.placeholder,
-                noComment: '暂无评论',
+                noComment: SiteConfig.artalk.noComment,
-                sendBtn: '发送',
+                sendBtn: SiteConfig.artalk.sendBtn,
                 darkMode: false,
                 gravatar: { mirror: 'https://cravatar.cn/avatar/' },
                 pagination: { pageSize: 20, readMore: true, autoLoad: true },
@@ -366,46 +392,7 @@ function renderCommentsFallback(msg) {
 // 技术云图初始化
 function initTechCloud() {
     // 技术栈数据
-    var techStack = [
+    var techStack = SiteConfig.techStack;
-        { name: 'Java', category: 'core', weight: 5 },
-        { name: 'Spring Boot', category: 'backend', weight: 5 },
-        { name: 'JavaScript', category: 'core', weight: 5 },
-        { name: 'Python', category: 'core', weight: 4 },
-        { name: 'WebFlux', category: 'backend', weight: 5 },
-        { name: 'Reactor', category: 'backend', weight: 5 },
-        { name: 'TypeScript', category: 'core', weight: 4 },
-        { name: 'Spring Cloud', category: 'backend', weight: 4 },
-        { name: 'Go', category: 'core', weight: 3 },
-        { name: 'MySQL', category: 'data', weight: 4 },
-        { name: 'Redis', category: 'data', weight: 4 },
-        { name: 'MongoDB', category: 'data', weight: 3 },
-        { name: 'Docker', category: 'ops', weight: 4 },
-        { name: 'Kubernetes', category: 'ops', weight: 3 },
-        { name: 'OpenAI API', category: 'ai', weight: 3 },
-        { name: 'LangChain', category: 'ai', weight: 3 },
-        { name: 'TensorFlow', category: 'ai', weight: 2 },
-        { name: 'PyTorch', category: 'ai', weight: 2 },
-        { name: 'Elasticsearch', category: 'data', weight: 3 },
-        { name: 'RabbitMQ', category: 'data', weight: 2 },
-        { name: 'Kafka', category: 'data', weight: 2 },
-        { name: 'Jenkins', category: 'ops', weight: 3 },
-        { name: 'Git', category: 'ops', weight: 4 },
-        { name: 'Linux', category: 'ops', weight: 3 },
-        { name: 'AWS', category: 'ops', weight: 2 },
-        { name: 'Nginx', category: 'ops', weight: 2 },
-        { name: 'Spring Security', category: 'backend', weight: 3 },
-        { name: 'MyBatis', category: 'backend', weight: 3 },
-        { name: 'JPA', category: 'backend', weight: 2 },
-        { name: 'Dubbo', category: 'backend', weight: 2 },
-        { name: 'Netty', category: 'backend', weight: 2 },
-        { name: 'Transformers', category: 'ai', weight: 2 },
-        { name: 'Scikit-learn', category: 'ai', weight: 2 },
-        { name: 'Ollama', category: 'ai', weight: 1 },
-        { name: 'Dify', category: 'ai', weight: 1 },
-        { name: 'Spring AI', category: 'ai', weight: 1 },
-        { name: 'ClickHouse', category: 'data', weight: 1 },
-        { name: 'Postgresql', category: 'data', weight: 1 }
-    ];
 
     var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     var isMobile = window.matchMedia('(pointer: coarse)').matches || window.innerWidth <= 768;
@@ -1017,11 +1004,12 @@ function updateTechTagColors() {
         }
     });
 }
+
 function initCommitStats(username) {
-    var cacheKey = 'github_commits_cache';
+    var cacheKey = SiteConfig.github.cache.commits.key;
-    var cacheTimeKey = 'github_commits_cache_time';
+    var cacheTimeKey = SiteConfig.github.cache.commits.timeKey;
     var now = new Date().getTime();
-    var oneDay = 24 * 60 * 60 * 1000;
+    var oneDay = SiteConfig.github.cache.commits.expirationHours * 60 * 60 * 1000;
     var cached = localStorage.getItem(cacheKey);
     var cachedTime = localStorage.getItem(cacheTimeKey);
     if (cached && cachedTime && (now - parseInt(cachedTime)) < oneDay) {

js/bj.js

@@ -3,7 +3,7 @@ var stars_count;
 var stars;
 ini();
 makeStars();
-var interval=setInterval(function(){drawStars();},50);//<2F><>ʱˢ<CAB1><CBA2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+var interval;
 
 function ini(){//初始化
     canvas = document.getElementById("bg");
@@ -14,12 +14,16 @@ function ini(){//初始化
     canvas.width = window.innerWidth;
     canvas.height = window.innerHeight;
     context = canvas.getContext("2d");
-    stars = Array();//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݣ<EFBFBD>x,y,<2C><>С<EFBFBD><D0A1><EFBFBD><EFBFBD>ɫ<EFBFBD><C9AB><EFBFBD>ٶȣ<EFBFBD>
+    stars = Array();//ɵݣx,y,Сɫٶȣ
-    stars_count = 300;//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+    stars_count = SiteConfig.stars.count;//
+    
+    // 清除可能存在的旧interval
+    if (interval) {
         clearInterval(interval);
     }
+}
 
-function makeStars(){//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+function makeStars(){//
     if (!canvas) return;
     for(var i=0;i<stars_count;i++)
     {
@@ -28,12 +32,12 @@ function makeStars(){//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
         let radius = Math.random()*0.8;
         let color="rgba("+Math.random()*255+","+Math.random()*255+","+Math.random()*255+",0.8)";
         let speed=Math.random()*0.5;
-        let arr={'x':x,'y':y,'radius':radius,'color':color,'speed':speed};//<EFBFBD><EFBFBD>x,y,<EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD><EFBFBD><EFBFBD>ٶȣ<EFBFBD>
+        let arr={'x':x,'y':y,'radius':radius,'color':color,'speed':speed};//x,y,Сɫٶȣ
-        stars.push(arr);//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݴ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+        stars.push(arr);//ɵݴ
     }
 }
 
-function drawStars(){//<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+function drawStars(){//ǻ
     if (!canvas || !context) return;
     context.fillStyle = "#0e1729";
     context.fillRect(0,0,canvas.width,canvas.height);
@@ -50,8 +54,21 @@ function drawStars(){//<2F><><EFBFBD><EFBFBD><EFBFBD>ǻ<EFBFBD><C7BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
     }
 }
 
-window.onresize = function(){//<EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>仯ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+window.onresize = function(){//ڴС仯ʱ
     ini();
     makeStars();
-    interval=setInterval(function(){drawStars();},50);
+    // 只有当canvas存在时才设置interval
+    if (canvas && !interval) {
+        interval=setInterval(function(){drawStars();},SiteConfig.stars.refreshInterval);
     }
+}
+
+// 页面加载完成后初始化星空效果
+document.addEventListener('DOMContentLoaded', function() {
+    ini();
+    makeStars();
+    // 只有当canvas存在时才设置interval
+    if (canvas) {
+        interval=setInterval(function(){drawStars();},SiteConfig.stars.refreshInterval);
+    }
+});

js/config.js

@@ -0,0 +1,143 @@
+// 配置文件 - 提取自各个JavaScript文件的关键配置
+// 创建日期: 2025-11-20
+
+const SiteConfig = {
+  // bj.js 配置
+  stars: {
+    count: 300,
+    refreshInterval: 50
+  },
+
+  // main.js 配置
+  animation: {
+    elementUp: {
+      delay: 0,
+      increment: 150
+    }
+  },
+  
+  background: {
+    imagePaths: [
+      "/images/bj/1.jpg",
+      "/images/bj/2.jpg",
+      "/images/bj/3.jpg",
+      "/images/bj/4.jpg",
+      "/images/bj/5.jpg",
+      "/images/bj/6.jpg",
+      "/images/bj/7.jpg"
+    ]
+  },
+  
+  hitokoto: {
+    apiUrl: 'https://v1.hitokoto.cn?c=c&c=d&c=i&c=k'
+  },
+
+  // about.js 配置
+  github: {
+    username: 'listener-He',
+    cache: {
+      stats: {
+        key: 'github_stats_cache',
+        timeKey: 'github_stats_cache_time',
+        expirationDays: 3
+      },
+      projects: {
+        key: 'github_projects_cache',
+        timeKey: 'github_projects_cache_time',
+        expirationDays: 3
+      },
+      commits: {
+        key: 'github_commits_cache',
+        timeKey: 'github_commits_cache_time',
+        expirationHours: 24
+      }
+    }
+  },
+  
+  blog: {
+    rssUrl: 'https://blog.hehouhui.cn/rss/feed.xml',
+    cache: {
+      key: 'blog_articles_cache',
+      timeKey: 'blog_articles_cache_time',
+      expirationDays: 1
+    }
+  },
+  
+  techStack: [
+    { name: 'Java', category: 'core', weight: 5 },
+    { name: 'Spring Boot', category: 'backend', weight: 5 },
+    { name: 'JavaScript', category: 'core', weight: 5 },
+    { name: 'Python', category: 'core', weight: 4 },
+    { name: 'WebFlux', category: 'backend', weight: 5 },
+    { name: 'Reactor', category: 'backend', weight: 5 },
+    { name: 'TypeScript', category: 'core', weight: 4 },
+    { name: 'Spring Cloud', category: 'backend', weight: 4 },
+    { name: 'Go', category: 'core', weight: 3 },
+    { name: 'MySQL', category: 'data', weight: 4 },
+    { name: 'Redis', category: 'data', weight: 4 },
+    { name: 'MongoDB', category: 'data', weight: 3 },
+    { name: 'Docker', category: 'ops', weight: 4 },
+    { name: 'Kubernetes', category: 'ops', weight: 3 },
+    { name: 'OpenAI API', category: 'ai', weight: 3 },
+    { name: 'LangChain', category: 'ai', weight: 3 },
+    { name: 'TensorFlow', category: 'ai', weight: 2 },
+    { name: 'PyTorch', category: 'ai', weight: 2 },
+    { name: 'Elasticsearch', category: 'data', weight: 3 },
+    { name: 'RabbitMQ', category: 'data', weight: 2 },
+    { name: 'Kafka', category: 'data', weight: 2 },
+    { name: 'Jenkins', category: 'ops', weight: 3 },
+    { name: 'Git', category: 'ops', weight: 4 },
+    { name: 'Linux', category: 'ops', weight: 3 },
+    { name: 'AWS', category: 'ops', weight: 2 },
+    { name: 'Nginx', category: 'ops', weight: 2 },
+    { name: 'Spring Security', category: 'backend', weight: 3 },
+    { name: 'MyBatis', category: 'backend', weight: 3 },
+    { name: 'JPA', category: 'backend', weight: 2 },
+    { name: 'Dubbo', category: 'backend', weight: 2 },
+    { name: 'Netty', category: 'backend', weight: 2 },
+    { name: 'Transformers', category: 'ai', weight: 2 },
+    { name: 'Scikit-learn', category: 'ai', weight: 2 },
+    { name: 'Ollama', category: 'ai', weight: 1 },
+    { name: 'Dify', category: 'ai', weight: 1 },
+    { name: 'Spring AI', category: 'ai', weight: 1 },
+    { name: 'ClickHouse', category: 'data', weight: 1 },
+    { name: 'Postgresql', category: 'data', weight: 1 }
+  ],
+  
+  socialCards: {
+    rings: [130, 180, 230],
+    goldenAngle: 137.5,
+    baseSpeed: 16
+  },
+  
+  artalk: {
+    server: 'https://artalk.hehouhui.cn',
+    site: 'Honesty的主页',
+    placeholder: '来说点什么吧...',
+    noComment: '暂无评论',
+    sendBtn: '发送'
+  },
+  
+  animationSettings: {
+    observerOptions: {
+      threshold: 0.1,
+      rootMargin: '0px 0px -50px 0px'
+    },
+    itemObserverOptions: {
+      threshold: 0.15,
+      rootMargin: '0px 0px -20px 0px'
+    }
+  },
+  
+  // 开发环境配置
+  dev: {
+    isLocal: location.hostname.indexOf( 'localhost') > -1 || location.hostname.indexOf( '127.0.0.1') > -1
+  }
+};
+
+// 导出配置
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = SiteConfig;
+} else if (typeof window !== 'undefined') {
+  window.SiteConfig = SiteConfig;
+}

js/main.js

@@ -30,12 +30,20 @@ var iUp = (function () {
 $(document).ready(function () {
 
 	// 获取一言数据
-	fetch('https://v1.hitokoto.cn?c=c&c=d&c=i&c=k').then(function (res) {
+	// 检查是否在本地开发环境
+	var isLocal = location.hostname === 'localhost' || location.hostname === '127.0.0.1';
+	var hitokotoUrl = isLocal ? 'https://v1.hitokoto.cn/' : SiteConfig.hitokoto.apiUrl;
+	
+	fetch(hitokotoUrl).then(function (res) {
 		return res.json();
 	}).then(function (e) {
 		$('#description').html(e.hitokoto + "<br/> -「<strong>" + e.from + "</strong>」")
 	}).catch(function (err) {
 		console.error("获取一言数据失败", err);
+		// 本地开发环境使用默认文本
+		if (isLocal) {
+			$('#description').html('人生天地之间，若白驹之过隙，忽然而已。<br/> -「<strong>Honesty</strong>」');
+		}
 	})
 
 	/**
@@ -49,9 +57,9 @@ $(document).ready(function () {
 	if (imgUrls == null) {
 		imgUrls = [];
 		index = 0;
-        for (let i = 1; i < 8; i++) {
+        SiteConfig.background.imagePaths.forEach(path => {
-            imgUrls.push("/images/bj/"+i+".jpg");
+            imgUrls.push(path);
-        }
+        });
         sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
         // sessionStorage.setItem("index", index);
 	} else {
@@ -88,5 +96,3 @@ $('.btn-mobile-menu__icon').click(function () {
 	}
 	$('.btn-mobile-menu__icon').toggleClass('social iconfont icon-list social iconfont icon-ngleup animated fadeIn');
 });
-
-