update makefile for change png to webp script and update some blogs

Author: hobbytp

.pre-commit-config.yaml

@@ -0,0 +1,11 @@
+repos:
+  - repo: local
+    hooks:
+      - id: update-word-count
+        name: Update wordCount/readingTime
+        entry: python scripts/update_word_count.py --update
+        language: python
+        additional_dependencies:
+          - PyYAML>=6.0
+        files: ^content/.*\.md$
+        pass_filenames: true

Makefile

@@ -1,4 +1,4 @@
-.PHONY: dev build clean stop optimize-images analyze-performance build-measure analyze-content analyze-content-ai full-build full-build-ai validate-architecture generate-covers generate-ai-covers generate-cover-from-photo test-covers generate-covers-for-directory ingest-data help
+.PHONY: dev build clean stop optimize-images optimize-one analyze-performance build-measure analyze-content analyze-content-ai full-build full-build-ai validate-architecture generate-covers generate-ai-covers generate-cover-from-photo test-covers generate-covers-for-directory ingest-data help
 
 # Shell 设置
 # 让每个配方(target)的所有命令在同一个 shell 中执行，确保 .env 中的导出变量可在后续命令中生效
@@ -42,6 +42,15 @@ optimize-images:
 	@echo "🖼️  优化图片资源..."
 	@cd tools/image-optimization && $(PYTHON_CMD) image_optimizer.py --input-dir ../../static/images --output-dir ../../static/images/optimized
 
+# 优化单个图片
+optimize-one:
+	@if [ -z "$(FILE)" ]; then \
+		echo "❌ 请指定图片文件: make optimize-one FILE=path/to/image.png"; \
+		exit 1; \
+	fi
+	@echo "🖼️  优化单个图片: $(FILE)..."
+	@cd tools/image-optimization && $(PYTHON_CMD) image_optimizer.py --file "../../$(FILE)" --input-dir ../../ --output-dir ../../static/images/optimized --sizes 1024
+
 # 分析性能
 analyze-performance:
 	@echo "📊 分析Hugo性能..."
@@ -318,6 +327,7 @@ help:
 	@echo ""
 	@echo "Optimization Tools:"
 	@echo "  make optimize-images  Optimize image resources"
+	@echo "  make optimize-one FILE=path/to/img  Optimize single image and get MD"
 	@echo "  make test-images      Test image optimization (preview mode)"
 	@echo "  make analyze-performance  Analyze Hugo performance"
 	@echo "  make performance-report   Generate performance report"

assets/css/custom.css

@@ -105,9 +105,10 @@ body {
 
 /* Article styling */
 .post-single {
-  max-width: 800px;
+  /* More responsive width on large screens while keeping readability */
+  max-width: clamp(820px, 72vw, 1200px);
   margin: 0 auto;
-  padding: 2rem;
+  padding: clamp(1.25rem, 2vw, 2.5rem);
   background-color: var(--color-bg-secondary) !important;
   border: 1px solid rgba(148, 163, 184, 0.25);
   border-radius: 1.25rem;
@@ -123,8 +124,8 @@ body {
 
 /* Article page in sidebar layout */
 .has-sidebar .post-single {
-  max-width: 900px;
-  padding: 2rem 3rem;
+  max-width: clamp(860px, 64vw, 1200px);
+  padding: clamp(1.25rem, 2vw, 2.5rem) clamp(1.25rem, 2.5vw, 3rem);
 }
 
 .post-title {
@@ -623,7 +624,7 @@ body {
   grid-template-columns: minmax(0, 1fr) 280px;
   gap: 2rem;
   align-items: start;
-  width: min(1100px, 100%);
+  width: min(1400px, 100%);
   margin: 0 auto;
   padding: 3rem 2rem 4rem;
   box-sizing: border-box;
@@ -645,7 +646,8 @@ body {
 .post-layout .post-single {
   max-width: none;
   margin: 0;
-  padding: 0;
+  /* Ensure readable spacing between article border and content */
+  padding: clamp(1.25rem, 2vw, 2.5rem);
   background: var(--color-bg);
 }
 

config/_default/hugo.toml

@@ -5,6 +5,9 @@ themesDir = "themes"
 defaultContentLanguage = "zh"
 defaultContentLanguageInSubdir = true
 
+# 让 Hugo 对中文/日文/韩文的字数与阅读时间统计更准确
+hasCJKLanguage = true
+
 enableGitInfo = false
 enableRobotsTXT = true
 buildDrafts = false

content/analysis-dashboard.md

@@ -6,7 +6,7 @@ description: "Hugo博客内容分析仪表板，展示详细的内容质量统
 tags: ["分析", "仪表板", "统计", "SEO"]
 categories: ["ai_tools"]
 wordCount: 354
-readingTime: 2
+readingTime: 1
 
 ai_cover: "/images/generated-covers/32500cf38346059b27b1e356631d36b1.webp"
 cover:

content/big_companies/_index.md

@@ -2,7 +2,7 @@
 title: "产品介绍"
 description: "评测主流AI产品，分析其技术特点"
 wordCount: 287
-readingTime: 2
+readingTime: 1
 ---
 
 这里收录了国内外各大厂的AI产品线相关文章，目的在于洞察各大厂在AI领域的布局。

content/en/_index.md

@@ -2,6 +2,8 @@
 title: "Latest Posts"
 date: 2025-01-01
 draft: false
+wordCount: 0
+readingTime: 1
 ---
 
 Welcome to my AI Blog! Here I share insights on AI development, paper reviews, technical analysis, and projects.

content/en/categories/_index.md

@@ -1,5 +1,7 @@
 ---
 title: "Categories"
 description: "Browse content by category"
+wordCount: 0
+readingTime: 1
 ---
 Browse all content organized by category.

content/posts/welcome.md

@@ -5,7 +5,7 @@ description: "这是一个专注于AI领域的技术博客，包含论文解读
 categories: ["公告"]
 tags: ["AI", "博客", "学习"]
 wordCount: 265
-readingTime: 2
+readingTime: 1
 
 ai_cover: "/images/generated-covers/97db60b4a4648b6136a485c0bb1d2cdd.webp"
 cover:

content/zh/about.md

@@ -6,7 +6,7 @@ type: "about"
 description: "谭鹏(Peng Tan) - AI 领域独立研究者与技术博主，专注于大语言模型、多代理系统、上下文工程、Vibe Coding 及 AI 开源生态建设，致力于将前沿技术转化为可落地的工程实践"
 author: "Peng Tan"
 wordCount: 770
-readingTime: 4
+readingTime: 2
 
 ai_cover: "static/images/generated-covers/e8287b7dd66ed751414167457b19e124.webp"
 cover: