PageSourceSearch

https://616161.best/about/

html 616161.best collected 2026-10-09 22:07:51 UTC 37,232 bytes, 1,378 lines download raw bytes

1<!doctype html>
2<html lang="zh" class="no-js">
3  <head>
4    
5<meta charset="utf-8">
6
7
8<!-- begin _includes/seo.html --><title>关于 - 教育技术自留地</title>
9<meta name="description" content="信息技术教育       教育科学研究       学习科学       有智友爱有趣的90后潮汕人,ACGer、科幻迷一枚,请多多关照!">
10
11
12  <meta name="author" content="创客恩果">
13  
14
15
16<meta property="og:type" content="website">
17<meta property="og:locale" content="zh_CN">
18<meta property="og:site_name" content="教育技术自留地">
19<meta property="og:title" content="关于">
20<meta property="og:url" content="https://616161.best/about/">
21
22
23  <meta property="og:description" content="信息技术教育       教育科学研究       学习科学       有智友爱有趣的90后潮汕人,ACGer、科幻迷一枚,请多多关照!">
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38<link rel="canonical" href="https://616161.best/about/">
39
40
41
42
43
44
45
46
47
48
49
50
51<!-- end _includes/seo.html -->
52
53
54
55  <link href="/feed.xml" type="application/atom+xml" rel="alternate" title="教育技术自留地 Feed">
56<meta name="viewport" content="width=device-width, initial-scale=1.0">
57
58<script>
59  document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
60  window.enable_copy_code_button = true;
61</script>
61
62
63<!-- For all browsers -->
64<link rel="stylesheet" href="/assets/css/main.css">
65<link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
66<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css"></noscript>
67
68
69
70    <!-- start custom head snippets -->
71<script data-ad-client="ca-pub-1891247161702462" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
vendor: 2 bytes, line 71
71
72<script async defer data-website-id="ea7037f0-e9b9-46d6-b6bc-62b0bad032da" src="https://umami-huangenguo.vercel.app/umami.js"></script>
vendor: 2 bytes, line 72
72
73<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
vendor: 2 bytes, line 73
73
74<script src="/assets/js/runtime.js" type="text/javascript"></script>
74
75<!-- Twikoo 评论系统 -->
76<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/twikoo.all.min.js"></script>
76
77<!-- Share - 社交分享功能(已禁用) -->
78<!-- 
78<script src="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js"></script>
78 -->
79<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css" /> -->
80<!-- 外链新窗口打开功能 - 自动识别所有外部链接 -->
81<script>
82document.addEventListener('DOMContentLoaded', function() {
83  var links = document.querySelectorAll('a[href^="http://"], a[href^="https://"]');
84  links.forEach(function(link) {
85    if (!link.href.includes('huangenguo.github.io')) {
86      link.setAttribute('target', '_blank');
87      link.setAttribute('rel', 'noopener noreferrer');
88    }
89  });
90});
91</script>
91
92<!-- insert favicons. use https://realfavicongenerator.net/ -->
93<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/apple-touch-icon.png">
94<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
95<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
96<link rel="manifest" href="/assets/images/site.webmanifest">
97<link rel="mask-icon" href="/assets/images/safari-pinned-tab.svg" color="#5bbad5">
98<link rel="shortcut icon" href="/assets/images/favicon.ico">
99<meta name="theme-color" content="#ffffff">
100<!-- end custom head snippets -->
101  </head>
102
103  <body class="layout--single">
104    
105<nav class="skip-links" aria-label="Skip links">
106  <ul>
107    <li><a href="#site-nav" class="screen-reader-shortcut">转到主导航栏</a></li>
108    <li><a href="#main" class="screen-reader-shortcut">转到内容</a></li>
109    <li><a href="#footer" class="screen-reader-shortcut">转到底部</a></li>
110  </ul>
111</nav>
112
113    
114
115
116<div class="masthead">
117  <div class="masthead__inner-wrap">
118    <div class="masthead__menu">
119      <nav id="site-nav" class="greedy-nav" aria-label="Primary navigation">
120        
121        <a class="site-title" href="/">
122          教育技术自留地
123          <span class="site-subtitle">黄恩果的小站</span>
124        </a>
125        <ul class="visible-links"><li class="masthead__menu-item">
126              <a
127                href="/posts/"
128                
129                
130              >Posts</a>
131            </li><li class="masthead__menu-item">
132              <a
133                href="/categories/"
134                
135                
136              >Categories</a>
137            </li><li class="masthead__menu-item">
138              <a
139                href="/tags/"
140                
141                
142              >Tags</a>
143            </li><li class="masthead__menu-item">
144              <a
145                href="/about/"
146                
147                
148              >About</a>
149            </li></ul>
150        
151        <button class="search__toggle" type="button">
152          <span class="visually-hidden">切换搜索</span>
153          <i class="fas fa-search"></i>
154        </button>
155        
156        <button class="greedy-nav__toggle hidden" type="button">
157          <span class="visually-hidden">切换菜单</span>
158          <div class="navicon"></div>
159        </button>
160        <ul class="hidden-links hidden"></ul>
161      </nav>
162    </div>
163  </div>
164</div>
165
166
167    <div class="initial-content">
168      
169
170
171
172
173
174
175
176<div id="main" role="main">
177  
178
179  <div class="sidebar sticky">
180  
181
182
183
184<div itemscope itemtype="https://schema.org/Person" class="h-card">
185
186  
187    <div class="author__avatar">
188      <a href="https://616161.best/">
189        <img src="/assets/images/bio-photo.png" alt="创客恩果" itemprop="image" class="u-photo">
190      </a>
191    </div>
192  
193
194  <div class="author__content">
195    <h3 class="author__name p-name" itemprop="name">
196      <a class="u-url" rel="me" href="https://616161.best/" itemprop="url">创客恩果</a>
197    </h3>
198    
199      <div class="author__bio p-note" itemprop="description">
200        <p>科创教育同行者</p>
201
202      </div>
203    
204  </div>
205
206  <div class="author__urls-wrapper">
207    <button class="btn btn--inverse">关注</button>
208    <ul class="author__urls social-icons">
209      
210        <li itemprop="homeLocation" itemscope itemtype="https://schema.org/Place">
211          <i class="fas fa-fw fa-location-dot" aria-hidden="true"></i> <span itemprop="name" class="p-locality">Guangdong,China</span>
212        </li>
213      
214
215      
216        
217          
218            <li><a href="https://123.616161.best/img/istlab-wxQRcode.png" rel="nofollow noopener noreferrer me" itemprop="sameAs"><i class="fas fa-fw fa-link" aria-hidden="true"></i><span class="label">信息科技实验室</span></a></li>
219          
220        
221          
222            <li><a href="https://space.bilibili.com/32828583" rel="nofollow noopener noreferrer me" itemprop="sameAs"><i class="fas fa-fw fa-video" aria-hidden="true"></i><span class="label">Bilibili</span></a></li>
223          
224        
225          
226            <li><a href="https://123.616161.best/" rel="nofollow noopener noreferrer me" itemprop="sameAs"><i class="fas fa-fw fa-link" aria-hidden="true"></i><span class="label">EdTech 教育技术导航</span></a></li>
227          
228        
229          
230            <li><a href="https://cs.616161.best/" rel="nofollow noopener noreferrer me" itemprop="sameAs"><i class="fas fa-fw fa-link" aria-hidden="true"></i><span class="label">潮汕信息网</span></a></li>
231          
232        
233          
234            <li><a href="https://github.com/huangenguo" rel="nofollow noopener noreferrer me" itemprop="sameAs"><i class="fab fa-fw fa-github" aria-hidden="true"></i><span class="label">GitHub</span></a></li>
235          
236        
237      
238
239      
240
241      
242
243      
244
245      
246
247      
248
249      
250
251      
252
253      
254
255      
256
257      
258
259      
260
261      
262
263      
264
265      
266
267      
268
269      
270
271      
272
273      
274
275      
276
277      
278
279      
280
281      
282
283      
284
285      
286
287      <!--
288  <li>
289    <a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs" rel="nofollow noopener noreferrer me">
290      <i class="fas fa-fw" aria-hidden="true"></i> Custom Social Profile Link
291    </a>
292  </li>
293-->
294    </ul>
295  </div>
296</div>
297
298  
299  
300  </div>
301
302
303
304  <article class="page h-entry" itemscope itemtype="https://schema.org/CreativeWork">
305    <meta itemprop="headline" content="关于">
306    
307    
308    
309
310    <div class="page__inner-wrap">
311      
312        <header>
313          <h1 id="page-title" class="page__title p-name" itemprop="headline">
314            <a href="https://616161.best/about/" itemprop="url">关于
315</a>
316          </h1>
317          
318
319
320
321        </header>
322      
323
324      <section class="page__content e-content" itemprop="text">
325        
326          <aside class="sidebar__right ">
327            <nav class="toc" aria-label="Table of contents">
328              <header><h4 class="nav__title"><i class="fas fa-file-alt"></i> 目录</h4></header>
329              <ul class="toc__menu"><li><a href="#-你好我是恩果">👋 你好,我是恩果</a></li><li><a href="#-我在做什么">🎯 我在做什么</a><ul><li><a href="#教学实践">教学实践</a></li><li><a href="#课程开发">课程开发</a></li><li><a href="#教研探索">教研探索</a></li></ul></li><li><a href="#-关于这个博客">📝 关于这个博客</a><ul><li><a href="#内容方向">内容方向</a></li><li><a href="#适合谁看">适合谁看</a></li><li><a href="#独特价值">独特价值</a></li></ul></li><li><a href="#-我的其他项目">🚀 我的其他项目</a><ul><li><a href="#edtech-教育技术导航">EdTech 教育技术导航</a></li><li><a href="#潮汕信息网">潮汕信息网</a></li></ul></li><li><a href="#-用爱发电">💡 用爱发电</a><ul><li><a href="#为什么坚持用爱发电">为什么坚持用爱发电?</a></li><li><a href="#你的支持方式">你的支持方式</a></li></ul></li><li><a href="#-与我交流">💬 与我交流</a></li><li><a href="#-小站历程">📈 小站历程</a><ul><li><a href="#2025年至今">2025年至今</a></li><li><a href="#2021年">2021年</a></li><li><a href="#2017年">2017年</a></li><li><a href="#功能更新">功能更新</a></li></ul></li></ul>
330            </nav>
331          </aside>
332        
333        <h2 id="-你好我是恩果">👋 你好,我是恩果</h2>
334
335<p><a href="https://github.com/huangenguo">@huangenguo</a></p>
336
337<p>一名扎根一线的<strong>创客教师</strong>,同时也是科创教育的实践者和探索者。</p>
338
339<p>作为一名潮汕人,「<strong>爱拼才会赢</strong>」的精神深深烙印在我的教育理念中。我相信敢闯敢试、务实进取的态度,不仅能教给孩子们技术知识,更能培养他们面对挑战的勇气和解决问题的智慧。</p>
340
341<p>目前专注于 <strong>3~8年级</strong> 的创客教育,带领孩子们通过开源硬件、激光切割、3D建模等项目,在实践中学习编程思维、培养创新能力。我相信「做中学」的力量,也相信技术教育应该是<strong>有智、友爱、有趣</strong>的。</p>
342
343<p>除了课堂教学,我也关注AI通识教育、学习科学,并在这里记录我的教学实践、工具探索和思考感悟。</p>
344
345<h2 id="-我在做什么">🎯 我在做什么</h2>
346
347<h3 id="教学实践">教学实践</h3>
348
349<p>面向 <strong>3~8年级</strong> 学生开展以下课程:</p>
350
351<ul>
352  <li><strong>创客教育</strong> —— 开源硬件编程、激光切割设计、3D建模打印</li>
353  <li><strong>人工智能通识</strong> —— AI基础认知、平台实践、伦理思考</li>
354  <li><strong>信息科技</strong> —— 编程思维、数字素养、项目式学习</li>
355</ul>
356
357<h3 id="课程开发">课程开发</h3>
358
359<ul>
360  <li>📚 <a href="/tags/#米思齐/">MixGo Mini 系列教程</a> —— 从入门到进阶的开源硬件教程</li>
361  <li>🤖 <a href="/tags/#人工智能通识教育/">AI通识教育实践</a> —— 深教AI平台评测与课程设计</li>
362  <li>🛠️ <a href="/tags/#创客教育/">项目式学习(PBL)</a> —— 跨学科融合的教学案例</li>
363</ul>
364
365<h3 id="教研探索">教研探索</h3>
366
367<ul>
368  <li>教育科学研究方法与教学反思</li>
369  <li>学习科学在课堂中的应用</li>
370  <li>教育技术的创新实践</li>
371</ul>
372
373<hr />
374
375<h2 id="-关于这个博客">📝 关于这个博客</h2>
376
377<p><strong>「教育技术自留地」</strong> 是我的个人博客,也是一线教师的教学实践记录与思考分享空间。</p>
378
379<h3 id="内容方向">内容方向</h3>
380
381<table>
382  <thead>
383    <tr>
384      <th>栏目</th>
385      <th>内容说明</th>
386    </tr>
387  </thead>
388  <tbody>
389    <tr>
390      <td>🔧 <strong>创客教程</strong></td>
391      <td>MixGo Mini、ESP32、Arduino等开源硬件教程</td>
392    </tr>
393    <tr>
394      <td>🤖 <strong>AI教育</strong></td>
395      <td>AI通识教育平台评测、课程设计、教学实践</td>
396    </tr>
397    <tr>
398      <td>📖 <strong>教学实践</strong></td>
399      <td>项目式学习设计、课堂案例、教学反思</td>
400    </tr>
401    <tr>
402      <td>🛠️ <strong>工具分享</strong></td>
403      <td>教学工具、效率工具、实用资源推荐</td>
404    </tr>
405    <tr>
406      <td>💭 <strong>阅读思考</strong></td>
407      <td>
407读书笔记、学习方法、心理建设、生活感悟</td>
408    </tr>
409  </tbody>
410</table>
411
412<h3 id="适合谁看">适合谁看</h3>
413
414<ul>
415  <li>👨‍🏫 <strong>同行教师</strong> —— 信息技术、创客教育领域的教育工作者</li>
416  <li>🎓 <strong>教育技术爱好者</strong> —— 对教育创新感兴趣的学习者</li>
417  <li>👨‍👩‍👧 <strong>家长和学生</strong> —— 对AI教育、编程教育感兴趣的家庭</li>
418  <li>📚 <strong>终身学习者</strong> —— 热爱学习、乐于探索的朋友</li>
419</ul>
420
421<h3 id="独特价值">独特价值</h3>
422
423<ul>
424  <li><strong>一线视角</strong> —— 来自真实课堂的教学实践,非纯理论</li>
425  <li><strong>体系化内容</strong> —— 系列教程形成完整学习路径</li>
426  <li><strong>实用导向</strong> —— 可直接应用于教学的案例和工具</li>
427  <li><strong>持续更新</strong> —— 从2021年至今保持活跃更新</li>
428</ul>
429
430<hr />
431
432<h2 id="-我的其他项目">🚀 我的其他项目</h2>
433
434<p>除了这个博客,我还运营着以下两个项目:</p>
435
436<h3 id="edtech-教育技术导航">EdTech 教育技术导航</h3>
437
438<p>🔗 <a href="https://123.616161.best/">https://123.616161.best/</a></p>
439
440<p>一个为教育工作者和学习者打造的<strong>资源导航站</strong>,汇聚编程教育、AI学习、教学工具、在线课程等各类教育资源,帮助教师快速找到所需的工具和资源,提升教学效率。</p>
441
442<h3 id="潮汕信息网">潮汕信息网</h3>
443
444<p>🔗 <a href="https://cs.616161.best/">https://cs.616161.best/</a></p>
445
446<p>服务潮汕乡亲的<strong>综合信息服务平台</strong>,汇集潮汕地区的生活、文化、商业等各类信息,连接家乡与在外游子,传承潮汕文化。</p>
447
448<hr />
449
450<h2 id="-用爱发电">💡 用爱发电</h2>
451
452<p>这个博客从 <strong>2021年</strong> 创建至今,一直是我课余时间的「自留地」。</p>
453
454<p>在这里,我<strong>免费分享</strong>原创的教程、课程设计和教学思考——没有付费墙,没有广告干扰,只有我对教育技术的热爱和实践。</p>
455
456<h3 id="为什么坚持用爱发电">为什么坚持用爱发电?</h3>
457
458<ul>
459  <li>📝 <strong>记录有价值</strong> —— 写作帮助我整理思路、反思教学</li>
460  <li>🤝 <strong>交流促成长</strong> —— 与同行交流,在分享中获得反馈和成长</li>
461  <li>🎯 <strong>保持独立性</strong> —— 不受商业利益影响内容立场,保持真实</li>
462</ul>
463
464<h3 id="你的支持方式">你的支持方式</h3>
465
466<ul>
467  <li>💬 <strong>留言交流</strong> —— 在文章底部留下你的想法和建议</li>
468  <li>🔗 <strong>分享传播</strong> —— 觉得有用就分享给需要的同事或朋友</li>
469  <li>🤝 <strong>交换友链</strong> —— 有同类教育博客?欢迎<a href="/blog/friends/">交换友情链接</a></li>
470</ul>
471
472<p>感谢每一位读者的陪伴,你们的存在让这个「自留地」更有意义!</p>
473
474<hr />
475
476<h2 id="-与我交流">💬 与我交流</h2>
477
478<p>欢迎通过以下方式与我互动交流:</p>
479
480<ul>
481  <li>
482    <p>📱 <strong>微信公众号</strong>:信息科技实验室 —— 关注获取更多教学资源和动态</p>
483
484    <p><img src="https://123.616161.best/img/istlab-wxQRcode.png" alt="微信公众号二维码" /></p>
485  </li>
486  <li>💬 <strong>文章评论</strong> —— 有任何想法或问题,欢迎在任意文章底部留言</li>
487  <li>🐙 <strong>GitHub</strong>:<a href="https://github.com/huangenguo">@huangenguo</a></li>
488</ul>
489
490<p>期待与你的交流!</p>
491
492<hr />
493
494<h2 id="-小站历程">📈 小站历程</h2>
495
496<h3 id="2025年至今">2025年至今</h3>
497
498<ul>
499  <li>🆕 持续更新中… 已发布40+篇文章</li>
500</ul>
501
502<h3 id="2021å¹´">2021å¹´</h3>
503
504<ul>
505  <li>📝 发布第一篇博文 (2021.11.17)</li>
506  <li>🎉 使用 <a href="https://pages.github.com/">GitHub Pages</a>、<a href="https://jekyllrb.com/">Jekyll</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/">Minimal Mistakes</a> 完成小站基础框架搭建,框架的选择灵感源于 <a href="https://yangzhiping.com/">阳志平的网志</a> (2021.10.20)</li>
507</ul>
508
509<h3 id="2017å¹´">2017å¹´</h3>
510
511<ul>
512  <li>🚀 首次尝试使用 <a href="https://pages.github.com/">GitHub Pages</a>、<a href="https://hexo.io/zh-cn/">Hexo</a> 搭建静态博客,已停止维护 (2017.11.07)</li>
513</ul>
514
515<h3 id="功能更新">功能更新</h3>
516
517<p>如需了解站点的详细功能更新历史,请查看:<a href="/blog/site-changelog/">站点功能更新日志</a>。</p>
518
519<hr />
520
521<blockquote>
522  <p>🌱 <strong>持续更新中,欢迎常来坐坐!</strong></p>
523</blockquote>
524
525        
526      </section>
527
528      <footer class="page__meta">
529        
530        
531
532  
533
534  
535
536
537        
538
539
540
541      </footer>
542
543      
544
545      
546
547
548    </div>
549
550    
551  </article>
552
553  
554  
555</div>
556
557    </div>
558
559    
560      <div class="search-content">
561        
562<div class="search-content__inner-wrap"><form class="search-content__form" onkeydown="return event.key != 'Enter';" role="search">
563    <label class="sr-only" for="search">
564      输入您要搜索的关键词...
565    </label>
566    <input type="search" id="search" class="search-input" tabindex="-1" placeholder="输入您要搜索的关键词..." />
567  </form>
568  <div id="results" class="results"></div></div>
569
570      </div>
571    
572
573    <div id="footer" class="page__footer">
574      <footer>
575        <!-- 自定义页脚内容 -->
576
577<!-- 热门文章排行 -->
578<div class="popular-posts">
579  <h3 class="popular-posts__title">
580    <i class="fas fa-fire" aria-hidden="true"></i> 热门文章
581  </h3>
582  <ul class="popular-posts__list" id="popular-posts-list">
583    <li class="popular-posts__loading">加载中...</li>
584  </ul>
585</div>
586
587<style>
588.popular-posts {
589  margin: 0.75rem 0;
590  padding: 0.75rem;
591  background: #f2f3f3;
592  border-radius: 4px;
593}
594
595.popular-posts__title {
596  margin: 0 0 0.4rem 0;
597  font-size: 0.8rem;
598  font-weight: 600;
599  color: #3d4144;
600  text-transform: uppercase;
601  letter-spacing: 0.5px;
602}
603
604.popular-posts__title i {
605  color: #e74c3c;
606  margin-right: 0.4rem;
607  font-size: 0.8rem;
608}
609
610.popular-posts__list {
611  list-style: none;
612  margin: 0;
613  padding: 0;
614  display: flex;
615  flex-wrap: wrap;
616  gap: 0.3rem 1rem;
617}
618
619.popular-posts__loading,
620.popular-posts__empty {
621  color: #9ba1a6;
622  font-size: 0.8rem;
623  font-style: italic;
624}
625
626.popular-posts__item {
627  margin: 0;
628  flex: 1;
629  min-width: 200px;
630  max-width: calc(50% - 0.75rem);
631}
632
633.popular-posts__link {
634  display: flex;
635  align-items: center;
636  text-decoration: none;
637  color: inherit;
638  transition: color 0.2s ease;
639  padding: 0.15rem 0;
640}
641
642.popular-posts__link:hover {
643  color: #2a76dd;
644}
645
646.popular-posts__link:hover .popular-posts__name {
647  color: #2a76dd;
648}
649
650.popular-posts__rank {
651  display: inline-flex;
652  align-items: center;
653  justify-content: center;
654  width: 18px;
655  height: 18px;
656  background: #f2f3f3;
657  color: #7a8288;
658  border-radius: 3px;
659  font-size: 0.7rem;
660  font-weight: 600;
661  margin-right: 0.5rem;
662  flex-shrink: 0;
663}
664
665.popular-posts__item:nth-child(1) .popular-posts__rank {
666  background: #e74c3c;
667  color: white;
668}
669
670.popular-posts__item:nth-child(2) .popular-posts__rank {
671  background: #f39c12;
672  color: white;
673}
674
675.popular-posts__item:nth-child(3) .popular-posts__rank {
676  background: #f1c40f;
677  color: #3d4144;
678}
679
680.popular-posts__content {
681  display: flex;
682  flex-direction: column;
683  flex: 1;
684  min-width: 0;
685}
686
687.popular-posts__name {
688  font-weight: 400;
689  color: #3d4144;
690  line-height: 1.3;
691  overflow: hidden;
692  text-overflow: ellipsis;
693  white-space: nowrap;
694  font-size: 0.85rem;
695  transition: color 0.2s ease;
696}
697
698.popular-posts__meta {
699  font-size: 0.7rem;
700  color: #9ba1a6;
701  margin-top: 0.1rem;
702}
703
704.popular-posts__meta i {
705  margin-right: 0.25rem;
706  font-size: 0.65rem;
707}
708
709@media (max-width: 768px) {
710  .popular-posts__item {
711    max-width: 100%;
712  }
713}
714</style>
715
716<script>
717const allPostsForPopular = [
718  
719    {
720      title: "给初学者一张学习地图:教育技术导航的来龙去脉",
721      url: "/tech/education/edtech/",
722      date: "2026-09-13"
723    },
724  
725    {
726      title: "坚持读书修心 在平凡生活里,知行合一,慢慢成长",
727      url: "/education/rise2026/",
728      date: "2026-09-12"
729    },
730  
731    {
732      title: "DOSE模型:四种快乐的神经化学物质",
733      url: "/education/dose/",
734      date: "2026-09-12"
735    },
736  
737    {
738      title: "富斯 FS-i6 连接电脑模拟器的替代方案",
739      url: "/tech/education/ifly/",
740      date: "2026-09-03"
741    },
742  
743    {
744      title: "小米手机官方文档、手册、教程、资源汇总",
745      url: "/tech/education/xiaomi/",
746      date: "2026-08-30"
747    },
748  
749    {
750      title: "剪映(CapCut)&amp;即梦AI|官网、帮助手册、教程、开发者文档汇总",
751      url: "/tech/education/capcut/",
752      date: "2026-08-29"
753    },
754  
755    {
756      title: "汕头澄海的玩具综合市场、批发网站",
757      url: "/tech/education/chenghaitoy/",
758      date: "2026-08-27"
759    },
760  
761    {
762      title: "155规划",
763      url: "/tech/education/155plan/",
764      date: "2026-08-22"
765    },
766  
767    {
768      title: "《终身幼儿园》深度解读手册",
769      url: "/tech/education/lifelong-kindergarten/",
770      date: "2026-07-23"
771    },
772  
773    {
774      title: "我用 SOLO 搭建了一个奶盖幸运点名小程序",
775      url: "/tech/education/milkcapspin-miniprogram/",
776      date: "2026-05-09"
777    },
778  
779    {
780      title: "五线谱与合唱团男高音乐理知识与排练",
781      url: "/education/chorus-tenor/",
782      date: "2026-04-12"
783    },
784  
785    {
786      title: "AI体感小恐龙",
787      url: "/tech/education/dino-ai/",
788      date: "2026-04-10"
789    },
790  
791    {
792      title: "BrickLink Studio",
793      url: "/tech/education/lego/",
794      date: "2025-12-28"
795    },
796  
797    {
798      title: "系列文章教程",
799      url: "/blog/series-tutorial-example/",
800      date: "2025-12-20"
801    },
802  
803    {
804      title: "学习理论,以如何看得进一部小说为例",
805      url: "/education/reading/",
806      date: "2025-12-13"
807    },
808  
809    {
810      title: "商品联盟推广注意事项",
811      url: "/tech/education/ads/",
812      date: "2025-11-23"
813    },
814  
815    {
816      title: "华硕 X455LJ 改装记:旧机焕新实用指南",
817      url: "/tech/education/laptop-fix/",
818      date: "2025-11-22"
819    },
820  
821    {
822      title: "front-matter 字段",
823      url: "/blog/front-matter/",
824      date: "2025-11-22"
825    },
826  
827    {
828      title: "PDF 电子书优化",
829      url: "/tech/education/pdf-tools/",
830      date: "2025-11-04"
831    },
832  
833    {
834      title: "探索AI视觉:机器如何“看”世界",
835      url: "/tech/education/machine-vision2/",
836      date: "2025-10-30"
837    },
838  
839    {
840      title: "基于 Mixgo Mini 的投球机",
841      url: "/tech/education/mixgo-mini-shooting-game/",
842      date: "2025-10-26"
843    },
844  
845    {
846      title: "遇见人工智能",
847      url: "/tech/education/ai-start/",
848      date: "2025-10-20"
849    },
850  
851    {
852      title: "心理学与生活",
853      url: "/life/education/psychology-life/",
854      date: "2025-10-17"
855    },
856  
857    {
858      title: "独立思考",
859      url: "/life/education/life/",
860      date: "2025-10-17"
861    },
862  
863    {
864      title: "广东创意机器人",
865      url: "/tech/education/gdrobot/",
866      date: "2025-09-30"
867    },
868  
869    {
870      title: "AI辅助下的 ESP32-CAM 和 K210 编程",
871      url: "/tech/education/esp32cam-k210/",
872      date: "2025-09-29"
873    },
874  
875    {
876      title: "机器的眼睛——机器视觉技术探秘教学活动设计",
877      url: "/tech/education/machine-vision/",
878      date: "2025-09-28"
879    },
880  
881    {
882      title: "小学项目式课程体系设计方案",
883      url: "/tech/education/pbl4kids/",
884      date: "2025-09-21"
885    },
886  
887    {
888      title: "Ai通识教育平台新手入门",
889      url: "/tech/education/ai4kids/",
890      date: "2025-09-21"
891    },
892  
893    {
894      title: "Markdown 笔记",
895      url: "/tech/education/blog/markdown/",
896      date: "2025-09-20"
897    },
898  
899    {
900      title: "基于 Mixgo Mini 的AI灯带编程",
901      url: "/tech/education/mixgo-mini-led-ai/",
902      date: "2025-09-15"
903    },
904  
905    {
906      title: "3D建模和打印方案学习",
907      url: "/tech/education/3d-start/",
908      date: "2025-09-15"
909    },
910  
911    {
912      title: "基于 Mixgo Mini 的B站粉丝计数器",
913      url: "/tech/education/mixgo-mini-bilibili-api/",
914      date: "2025-09-13"
915    },
916  
917    {
918      title: "八年级米思齐开源硬件课程体系设计方案初步",
919      url: "/tech/education/mixgo-mini/",
920      date: "2025-09-12"
921    },
922  
923    {
924      title: "基于 Mixgo Mini 的 LED 灯牌",
925      url: "/tech/education/mixgo-mini-led/",
926      date: "2025-09-09"
927    },
928  
929    {
930      title: "感恩时代,感谢祖国",
931      url: "/life/education/motherland/",
932      date: "2025-09-07"
933    },
934  
935    {
936      title: "基于 Mixgo Mini 的幸运抽签小程序!2",
937      url: "/tech/education/mixgo-mini-lucky2/",
938      date: "2025-09-07"
939    },
940  
941    {
942      title: "[项目分享]基于 Mixgo Mini 的幸运抽签小程序!",
943      url: "/tech/education/mixgo-mini-lucky/",
944      date: "2025-09-06"
945    },
946  
947    {
948      title: "树木之思:教育者的生命之歌",
949      url: "/blog/life/tree/",
950      date: "2025-08-28"
951    },
952  
953    {
954      title: "Transformer:AI领域的变革者",
955      url: "/tech/transformer/",
956      date: "2025-08-28"
957    },
958  
959    {
960      title: "有智、有爱、有趣!",
961      url: "/blog/life/tagline/",
962      date: "2025-08-24"
963    },
964  
965    {
966      title: "图片和视频嵌入",
967      url: "/blog/bilibili-unsplash/",
968      date: "2025-08-23"
969    },
970  
971    {
972      title: "尝试添加 Twikoo 评论和 Lunr 搜索功能",
973      url: "/blog/twikoo-Lunr/",
974      date: "2025-08-12"
975    },
976  
977    {
978      title: "友情链接",
979      url: "/blog/friends/",
980      date: "2025-08-12"
981    },
982  
983    {
984      title: "站点功能更新日志",
985      url: "/blog/site-changelog/",
986      date: "2025-04-06"
987    },
988  
989    {
990      title: "后 Flash 时代 SWF 文件如何播放?",
991      url: "/tech/flash/",
992      date: "2022-06-21"
993    },
994  
995    {
996      title: "Scratch 使用指南",
997      url: "/tech/scratch/",
998      date: "2022-06-21"
999    },
1000  
1001    {
1002      title: "在整理了二十个实用导航之后,我也做了一个导航网站",
1003      url: "/tech/nav/",
1004      date: "2022-01-10"
1005    },
1006  
1007    {
1008      title: "小鹤双拼音形使用指南",
1009      url: "/tech/double-spelling/",
1010      date: "2021-12-30"
1011    },
1012  
1013    {
1014      title: "版权声明 Copyright",
1015      url: "/blog/license/",
1016      date: "2021-11-23"
1017    },
1018  
1019    {
1020      title: "超链接的打开、复制或收藏",
1021      url: "/tech/multiple-urls/",
1022      date: "2021-11-11"
1023    },
1024  
1025    {
1026      title: "Welcome to Jekyll!",
1027      url: "/blog/welcome-to-jekyll/",
1028      date: "2019-04-19"
1029    },
1030  
1031    {
1032      title: "Post: Link",
1033      url: "/blog/post-link/",
1034      date: "2010-03-07"
1035    },
1036  
1037    {
1038      title: "Post: Quote",
1039      url: "/blog/post-quote/",
1040      date: "2010-02-05"
1041    },
1042  
1043    {
1044      title: "Post: Notice",
1045      url: "/blog/post-notice/",
1046      date: "2010-02-05"
1047    },
1048  
1049    {
1050      title: "Post: Chat",
1051      url: "/blog/post-chat/",
1052      date: "2010-01-08"
1053    },
1054  
1055    {
1056      title: "Post: Standard",
1057      url: "/blog/post-standard/",
1058      date: "2010-01-07"
1059    },
1060  
1061    {
1062      title: "Post: Modified Date",
1063      url: "/blog/post-modified/",
1064      date: "2010-01-07"
1065    }
1066  
1067];
1068
1069document.addEventListener('DOMContentLoaded', function() {
1070  if (typeof twikoo === 'undefined') {
1071    setTimeout(initPopularPosts, 2000);
1072  } else {
1073    initPopularPosts();
1074  }
1075});
1076
1077function initPopularPosts() {
1078  if (typeof twikoo === 'undefined') {
1079    document.getElementById('popular-posts-list').innerHTML = 
1080      '<li class="popular-posts__empty">评论系统加载中...</li>';
1081    return;
1082  }
1083
1084  const promises = allPostsForPopular.map(function(post) {
1085    return twikoo.getCommentsCount({
1086      envId: 'https://twikoo.616161.best',
1087      urls: [post.url]
1088    }).then(function(response) {
1089      return {
1090        title: post.title,
1091        url: post.url,
1092        date: post.date,
1093        count: response.data[0] || 0
1094      };
1095    }).catch(function() {
1096      return {
1097        title: post.title,
1098        url: post.url,
1099        date: post.date,
1100        count: 0
1101      };
1102    });
1103  });
1104
1105  Promise.all(promises).then(function(results) {
1106    const sortedPosts = results
1107      .filter(function(post) { return post.count > 0; })
1108      .sort(function(a, b) { return b.count - a.count; })
1109      .slice(0, 5);
1110
1111    if (sortedPosts.length === 0) {
1112      const recentPosts = allPostsForPopular
1113        .slice(0, 5)
1114        .map(function(post) {
1115          return {
1116            title: post.title,
1117            url: post.url,
1118            date: post.date,
1119            count: 0
1120          };
1121        });
1122      renderPopularPosts(recentPosts, true);
1123    } else {
1124      renderPopularPosts(sortedPosts, false);
1125    }
1126  }).catch(function(error) {
1127    console.error('获取热门文章失败:', error);
1128    document.getElementById('popular-posts-list').innerHTML = 
1129      '<li class="popular-posts__empty">加载失败</li>';
1130  });
1131}
1132
1133function renderPopularPosts(posts, isRecent) {
1134  const html = posts.map(function(post, index) {
1135    const countText = isRecent 
1136      ? '<i class="far fa-calendar-alt"></i> ' + post.date
1137      : '<i class="far fa-comment"></i> ' + post.count;
1138    
1139    return '<li class="popular-posts__item">' +
1140      '<a href="' + post.url + '" class="popular-posts__link">' +
1141        '<span class="popular-posts__rank">' + (index + 1) + '</span>' +
1142        '<div class="popular-posts__content">' +
1143          '<span class="popular-posts__name">
1143' + post.title + '</span>' +
1144          '<span class="popular-posts__meta">' + countText + '</span>' +
1145        '</div>' +
1146      '</a>' +
1147    '</li>';
1148  }).join('');
1149  
1150  document.getElementById('popular-posts-list').innerHTML = html;
1151}
1152</script>
1152
1153
1154
1155        
1156
1157<div class="page__footer-follow">
1158  <ul class="social-icons">
1159    
1160      <li><strong>关注:</strong></li>
1161    
1162
1163    
1164      
1165        
1166          <li><a href="https://huangenguo.github.io/blog/friends/" rel="nofollow noopener noreferrer"><i class="fas fa-fw fa-link" aria-hidden="true"></i> 友链</a></li>
1167        
1168      
1169    
1170
1171    
1172      <li><a href="/feed.xml"><i class="fas fa-fw fa-rss-square" aria-hidden="true"></i> Feed</a></li>
1173    
1174  </ul>
1175</div>
1176
1177
1178<div class="page__footer-copyright">
1179    &copy; 2021 - 2026 创客恩果 <a href="https://huangenguo.github.io/blog/license">版权声明</a>. 技术来自于 <a href="https://jekyllrb.com" rel="nofollow" target="_blank">Jekyll</a> &amp; <a href="https://mademistakes.com/work/jekyll-themes/minimal-mistakes/" rel="nofollow" target="_blank">Minimal Mistakes</a>.
1180    <span id="busuanzi_container_site_uv">朋友到访 <span id="busuanzi_value_site_uv">Calculating...</span> 次.</span>        
1181    <span id="sitetime">Loading...</span>       
1182</div>
1183
1184      </footer>
1185    </div>
1186
1187    
1188
1189  
1189<script src="/assets/js/main.min.js"></script>
1189
1190
1191
1192
1193
1194
1195<script src="/assets/js/lunr/lunr.min.js"></script>
vendor: 1 bytes, line 1195
1195
1196<script src="/assets/js/lunr/lunr-store.js"></script>
vendor: 1 bytes, line 1196
1196
1197<script src="/assets/js/lunr/lunr-en.js"></script>
1197
1198
1199
1200
1201
1202
1203  
1203<script>
1204  var _gaq = _gaq || [];
1205  _gaq.push(['_setAccount', 'UA-109251818-1']);
1206  
1207    _gaq.push(['_gat._anonymizeIp']);
1208  
1209  _gaq.push(['_trackPageview']);
1210
1211  (function() {
1212    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
1213    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
1214    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
1215  })();
1216</script>
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227    <!-- 悬浮跳转按钮 -->
1228    <!-- 悬浮按钮 - 返回顶部/跳转底部 -->
1229<button id="floating-jump-btn" class="floating-jump-btn" title="跳转">
1230  <span class="floating-jump-btn__icon">↓</span>
1231</button>
1232
1233<style>
1234.floating-jump-btn {
1235  position: fixed;
1236  bottom: 30px;
1237  right: 30px;
1238  width: 50px;
1239  height: 50px;
1240  border-radius: 50%;
1241  background: #4e91a5;
1242  color: #fff;
1243  border: none;
1244  cursor: pointer;
1245  transition: all 0.3s ease;
1246  z-index: 9999;
1247  display: flex;
1248  align-items: center;
1249  justify-content: center;
1250  font-size: 20px;
1251}
1252
1253.floating-jump-btn:hover {
1254  background: #3d7a8c;
1255  transform: translateY(-2px);
1256}
1257
1258.floating-jump-btn:focus {
1259  outline: none;
1260  box-shadow: 0 0 0 2px rgba(78, 145, 165, 0.5);
1261}
1262
1263.floating-jump-btn:active {
1264  transform: translateY(0);
1265}
1266
1267.floating-jump-btn__icon {
1268  display: block;
1269  line-height: 1;
1270}
1271
1272@media (max-width: 768px) {
1273  .floating-jump-btn {
1274    width: 56px;
1275    height: 56px;
1276    bottom: 24px;
1277    right: 24px;
1278    font-size: 20px;
1279  }
1280}
1281</style>
1282
1283<script>
1284document.addEventListener('DOMContentLoaded', function() {
1285  var jumpBtn = document.getElementById('floating-jump-btn');
1286  var lastScrollTop = 0;
1287  var isAtBottom = false;
1288  var isAtTop = true;
1289
1290  // 节流函数
1291  function throttle(func, limit) {
1292    var inThrottle;
1293    return function() {
1294      var args = arguments;
1295      var context = this;
1296      if (!inThrottle) {
1297        func.apply(context, args);
1298        inThrottle = true;
1299        setTimeout(function() {
1300          inThrottle = false;
1301        }, limit);
1302      }
1303    };
1304  }
1305
1306  // 更新按钮图标状态
1307  function updateButtonIcon() {
1308    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
1309    var docHeight = document.documentElement.scrollHeight;
1310    var winHeight = window.innerHeight;
1311    var scrollBottom = scrollTop + winHeight;
1312
1313    // 判断是否到达顶部或底部
1314    isAtTop = scrollTop <= 10;
1315    isAtBottom = scrollBottom >= docHeight - 10;
1316
1317    var icon = jumpBtn.querySelector('.floating-jump-btn__icon');
1318
1319    // 在顶部时显示向下箭头(可去底部)
1320    if (isAtTop) {
1321      icon.innerHTML = '↓';
1322    }
1323    // 在底部时显示向上箭头(可回顶部)
1324    else if (isAtBottom) {
1325      icon.innerHTML = '↑';
1326    }
1327    // 根据滚动方向切换图标
1328    else {
1329      if (scrollTop > lastScrollTop) {
1330        // 向下滚动,显示向下箭头(可去底部)
1331        icon.innerHTML = '↓';
1332      } else {
1333        // 向上滚动,显示向上箭头(可回顶部)
1334        icon.innerHTML = '↑';
1335      }
1336    }
1337
1338    lastScrollTop = scrollTop;
1339  }
1340
1341  // 使用节流处理滚动事件,间隔120ms
1342  var throttledScrollHandler = throttle(updateButtonIcon, 120);
1343  window.addEventListener('scroll', throttledScrollHandler);
1344
1345  // 初始化按钮状态
1346  updateButtonIcon();
1347
1348  // 点击按钮根据当前图标决定跳转方向
1349  jumpBtn.addEventListener('click', function() {
1350    var icon = jumpBtn.querySelector('.floating-jump-btn__icon');
1351    var currentIcon = icon.innerHTML;
1352
1353    if (currentIcon === '↑') {
1354      // 向上箭头表示回顶部
1355      window.scrollTo({
1356        top: 0,
1357        behavior: 'smooth'
1358      });
1359    } else {
1360      // 向下箭头表示去底部
1361      var footer = document.getElementById('footer');
1362      if (footer) {
1363        footer.scrollIntoView({ behavior: 'smooth' });
1364      } else {
1365        window.scrollTo({
1366          top: document.documentElement.scrollHeight,
1367          behavior: 'smooth'
1368        });
1369      }
1370    }
1371  });
1372});
1373</script>
1373
1374
1375
1376  
1376<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"211a5481969b42c7b378fdbd56b89331","r":1,"spa":2}' crossorigin="anonymous"></script>
1376
1377</body>
1378</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.