个人主页优化方案

个人主页优化方案

针对 https://liuchao-jin.github.io/ (AcademicPages / Minimal Mistakes based Jekyll 站点) 目标:用户友好、美观、内容丰富 整理日期:2026-07-17


目录


一、总体诊断

优点

  • 内容非常扎实:13 篇论文、专利、大量教学记录、丰富的获奖与评审服务、甚至业余影视/阅读作品。
  • 已配置好 ORCID、Google Scholar、ResearchGate 等学术身份链接。
  • 使用成熟的学术主页模板,结构清晰、可维护。

主要问题(可优化点) | 问题 | 现状 | 影响 | |—|—|—| | 首页信息量低 | About 只有 1 段文字 + 1 张封面图 | 第一印象弱,无法快速展示成果 | | 缺少 News/动态 | 无 | 访客无法感知”活跃度”,学术主页几乎必备 | | 论文列表朴素 | 纯文字列表,无缩略图/年份分组/引用数 | 浏览体验差,成果冲击力不足 | | CV 是一堵”文字墙” | 全部为 markdown 长列表 | 阅读疲劳,重点不突出 | | 站点描述占位符 | description: "personal description" | SEO 与分享预览很差 | | SEO/社交预览未配置 | og_imagedescriptionsocial.links 均空 | 微信/Twitter/LinkedIn 分享无缩略图 | | 大量硬编码 http:// 绝对链接 | http://Liuchao-JIN.github.io/files/... | 非 https、迁移困难、有混合内容风险 | | “Follow” 按钮无效 | 模板默认残留 | 显得不专业 | | 无深色模式 / 现代交互 | 默认浅色 | 观感偏旧 |


二、优先级总览(先做哪些)

P0(半天内、收益最大)

  1. 修好 _config.ymldescription 与 SEO/社交字段(第九节)。
  2. 首页 About 增加”研究方向卡片 + 精选成果 + 亮点数字”(第三节)。
  3. 新增 News 动态板块(第四节)。
  4. 移除/替换无效的 “Follow” 按钮(第七节)。

P1(1–2 天)

  1. Publications 加缩略图 + 按年份分组 + Google Scholar 引用徽章(第五节)。
  2. CV 页面结构化(时间线 / 分栏 / 折叠长列表)(第六节)。
  3. 配色与字体现代化、深色模式(第七节)。

P2(有空再做)

  1. 链接规范化为相对路径 + https(第十一节)。
  2. 性能与可访问性优化(第十节)。
  3. 加分项:访客地图、动画、Publications 可视化等(第十二节)。

三、首页(About)改造

现状_pages/about.md 只有一段自我介绍 + 一张封面图,信息密度过低。

建议结构(从上到下)

  1. 一句话定位(Hero 标题)
    • 例如:”PhD Candidate @ CUHK · 3D/4D Printing · Smart Materials · Machine-Learning-Driven Design”。
  2. 自我介绍(保留现有段落,稍作润色,突出 HKPFS Fellow 身份)。
  3. 研究亮点数字条(Impact numbers)——用一行醒目的统计增强说服力:

    <div class="feature__wrapper">
      <div class="feature__item">
        <div class="archive__item">
          <div class="archive__item-body">
            <h2>13+</h2><p>Publications</p>
          </div>
        </div>
      </div>
      <!-- 复制成 4 个:Publications / Citations / Patents / Awards -->
    </div>
    

    或更简单地用一行 badge:📄 13 Papers · 🔬 2 Patents · 🏆 20+ Awards · 📝 30+ Journal Reviews

  4. 研究方向卡片(Research Interests)——把当前一句话罗列的方向做成 3–4 张卡片,每张配一句话 + 小图标:
    • 3D / 4D Printing
    • Smart Materials & Metamaterials
    • Soft Robotics
    • ML-Driven Design for Energy Absorption / Harvesting

    可用 Minimal Mistakes 自带的 feature_row: ```markdown

   配合 About 页 front matter 里定义 `feature_row` 数据。

5. **精选论文(Selected Publications)**——手动挑 3–5 篇代表作,配封面缩略图 + 一句话贡献,放在首页(而不是让访客点进 Publications 才看到)。

6. **最新动态 News**(见[第四节](#四新增-news--动态板块)),放首页折叠展示最近 5 条。

7. **保留封面图**,但建议:
   - 加 `loading="lazy"`;
   - 加图注说明这是哪篇论文的 cover(现在只是 `![Cover Image]`,访客不知含义);
   - 控制最大宽度,避免在大屏上过大。

**润色示例(About 开头)**:
```markdown
Hi! I'm **Liuchao Jin (金流超)**, a **Hong Kong PhD Fellow** and Ph.D. candidate in
Mechanical & Automation Engineering at **CUHK**, advised by Prof. Wei-Hsin Liao.
I build **machine-learning-driven design methods for 3D/4D printing, smart materials,
metamaterials, and soft robotics** — with applications in energy absorption and harvesting.

四、新增 News / 动态板块

学术主页几乎必备。做法(二选一):

方案 A:简单静态列表(推荐先用)about.md 里加一节:

## News

- **2025.07** — Named Honorary Alumni Mentor of SCUPI. 🎓
- **2025.05** — Received the PhD IMPAC Award. 🏆
- **2025.02** — Outstanding Students Award at CUHK.
- **2024.08** — New paper in *Applied Materials Today* (ML-driven 4D printing). 📄
- **2024.07** — Started visiting scholar at Shenzhen University.
  • 倒序(最新在上);每条尽量带链接(论文/证书/新闻)。
  • 建议加”滚动容器 + 固定高度”,超过部分内部滚动,保持首页整洁:
    <div style="max-height:260px; overflow-y:auto; padding-right:8px;">
      <!-- news 列表 -->
    </div>
    

方案 B:数据驱动(可维护性更好)_data/news.yml 里维护:

- date: "2025-07"
  text: "Named Honorary Alumni Mentor of SCUPI."
  link: "/files/talk_pre/scupi_alumni_mentor.png"

再在页面用 Liquid 循环渲染。以后只改数据文件即可。


五、Publications 页面升级

现状publications.md 直接 for 循环纯文字,archive-single.html 只输出标题+期刊+摘要,无缩略图、无分组。

建议

  1. 按年份倒序分组,加年份小标题: ```liquid

    <h2 class="pub-year">2024</h2>
    

Spider Web-Inspired Additive Manufacturing: Unleashing the Potential of Lightweight Support Structures

Published in 21st International Conference on Manufacturing Research, 2024

This paper explores the methodology for the utilization of spider web-inspired additive manufacturing to enhance overhang support structures in 3D printing. Inspired by the strength and flexibility of spider silk, we propose an approach that reduces material consumption and postprocessing efforts. The methodology includes 3D printing spider webs, addressing key questions on silk production, web strength, and printing path generation. Experimental results demonstrate substantial weight reduction in printed objects, showcasing the efficiency of spider web-inspired support compared to traditional methods. The potential applications extend to hollow shell printing and efficient mass production.

Recommended citation: Liuchao Jin, Xiaoya Zhai, Kang Zhang, Jingchao Jiang, Wei-Hsin Liao. (2024). "Spider Web-Inspired Additive Manufacturing: Unleashing the Potential of Lightweight Support Structures." 21st International Conference on Manufacturing Research. https://www.researchgate.net/publication/379928621_Spider_Web-Inspired_Additive_Manufacturing_Unleashing_the_Potential_of_Lightweight_Support_Structures

Machine learning driven forward prediction and inverse design for 4D printed hierarchical architecture with arbitrary shapes

Published in Applied Materials Today, 2024

The forward prediction and inverse design of 4D printing have primarily focused on 2D rectangular surfaces or plates, leaving the challenge of 4D printing parts with arbitrary shapes underexplored. This gap arises from the difficulty of handling varying input sizes in machine learning paradigms. To address this, we propose a novel machine learning-driven approach for forward prediction and inverse design tailored to 4D printed hierarchical architectures with arbitrary shapes. Our method encodes non-rectangular shapes with special identifiers, transforming the design domain into a format suitable for machine learning analysis. Using Residual Networks (ResNet) for forward prediction and evolutionary algorithms (EA) for inverse design, our approach achieves accurate and efficient predictions and designs. The results validate the effectiveness of our proposed method, with the forward prediction model achieving a loss below 0.02 mm, and the inverse optimization model maintaining an error near 1 mm, which is low relative to the entire shape of the optimized model. These outcomes demonstrate the capability of our approach to accurately predict and design complex hierarchical structures in 4D printing applications.

Recommended citation: Liuchao Jin, Shouyi Yu, Jianxiang Cheng, Haitao Ye, Xiaoya Zhai, Jingchao Jiang, Kang Zhang, Bingcong Jian, Mahdi Bodaghi, Qi Ge, Wei-Hsin Liao. (2024). "Machine learning driven forward prediction and inverse design for 4D printed hierarchical architecture with arbitrary shapes." Applied Materials Today. 40. pp. 113086. https://doi.org/10.1016/j.apmt.2024.102373

Big data, machine learning, and digital twin assisted additive manufacturing: A review

Published in Materials & Design, 2024

Additive manufacturing (AM) has undergone significant development over the past decades, resulting in vast amounts of data that carry valuable information. Numerous research studies have been conducted to extract insights from AM data and utilize it for optimizing various aspects such as the manufacturing process, supply chain, and real-time monitoring. Data integration into proposed digital twin frameworks and the application of machine learning techniques is expected to play pivotal roles in advancing AM in the future. In this paper, we provide an overview of machine learning and digital twin-assisted AM. On one hand, we discuss the research domain and highlight the machine-learning methods utilized in this field, including material analysis, design optimization, process parameter optimization, defect detection and monitoring, and sustainability. On the other hand, we examine the status of digital twin-assisted AM from the current research status to the technical approach and offer insights into future developments and perspectives in this area. This review paper aims to examine present research and development in the convergence of big data, machine learning, and digital twin-assisted AM. Although there are numerous review papers on machine learning for additive manufacturing and others on digital twins for AM, no existing paper has considered how these concepts are intrinsically connected and interrelated. Our paper is the first to integrate the three concepts big data, machine learning, and digital twins and propose a cohesive framework for how they can work together to improve the efficiency, accuracy, and sustainability of AM processes. By exploring latest advancements and applications within these domains, our objective is to emphasize the potential advantages and future possibilities associated with integration of these technologies in AM.

Recommended citation: Liuchao Jin, Xiaoya Zhai, Kang Wang, Kang Zhang, Dazhong Wu, Aamer Nazir, Jingchao Jiang, Wei-Hsin Liao. (2024). "Big data, machine learning, and digital twin assisted additive manufacturing: A review." Materials & Design. 113086. https://doi.org/10.1016/j.matdes.2024.113086

Achieving rapid actuation in liquid crystal elastomers

Published in National Science Open, 2024

Liquid crystal elastomer (LCE) is one kind of soft actuating material capable of producing large and reversible actuation strain, versatile and programmable actuation modes, and high work density, which can be widely exploited for nextgeneration soft robots. However, the slow response speed and low power density in LCE-based actuators remain a challenge, limiting their practical applications. Researchers have been considering how to improve these performances. In this review, we discuss the fundamentals of the LCEs and emphasize the fast actuation strategies developed in recent years. Firstly, we introduce conventional preparation strategies. Then, we describe typical actuation mechanisms of LCEs, discussing their features and limitations. Subsequently, we summarize several possible approaches as case studies to enhance the actuation performance of LCEs, including reducing physical sizes, introducing active heating-cooling mechanisms, utilizing mechanical instability, and developing dielectric LCEs. Finally, we discuss the future research opportunities and challenges for rapid actuation of LCEs.

Recommended citation: Changyue Liu, Liuchao Jin, Wei-Hsin Liao, Zhijian Wang, Qiguang He. (2024). "Achieving rapid actuation in liquid crystal elastomers." National Science Open. http://dx.doi.org/10.1360/nso/20240013

Optimizing stimuli-based 4D printed structures: a paradigm shift in programmable material response

Published in Sensors and Smart Structures Technologies for Civil, Mechanical, and Aerospace Systems, 2024

This paper introduces a methodology for optimizing 4D printing design through the integration of Residual Neural Network (ResNet) and Genetic Algorithms (GA). Departing from traditional forward design approaches, our inverse design methodology addresses both the forward prediction and inverse optimization problems. ResNet efficiently predicts the performance of 4D-printed parts given their design, while GA optimizes material allocation and stimuli distribution to achieve desired configurations. The ResNet model exhibits high accuracy, converging to a small error (10−3), as validated across diverse cases. The GA demonstrates effectiveness in achieving optimal or near-optimal solutions, illustrated through case studies shaping parts into a parabola and a sinusoid. Experimental results align with optimized and simulated outcomes, showcasing the practical applicability of our approach in 4D printing design optimization.

Recommended citation: Liuchao Jin, Xiaoya Zhai, Jingchao Jiang, Kang Zhang, Wei-Hsin Liao. (2024). "Optimizing stimuli-based 4D printed structures: a paradigm shift in programmable material response." Sensors and Smart Structures Technologies for Civil, Mechanical, and Aerospace Systems. http://dx.doi.org/10.1117/12.3014941

   <h2 class="pub-year">2023</h2>

A novel strategy to fabricate low-melting-point alloy and its composite parts using extrusion additive manufacturing

Published in The 50th International Conference on Computers and Industrial Engineering, 2023

Additive manufacturing (AM) has been continuously developed for more than 30 years. Different novel AM techniques, including electric-assisted, magnetic-assisted, robot-assisted, and UAV-assisted AM technologies have been created with various objectives. In this paper, we propose a new strategy for fabricating complex and/or multifunctional components of low-melting-point alloys (LMPA) using extrusion additive manufacturing (EAM). The main idea is using two nozzles in EAM, one for extruding polymers (e.g., PLA, PVA) while another for extruding LMPA. By using the proposed EAM system, there are three novel aspects of this study. First, the proposed system can achieve composite parts (polymer & LMPA) fabrication with improved mechanical properties. Second, the proposed system can be used to fabricate 3D products with LMPA wire inside acting as electrical wire. This achieves electrical wire inside a product without assembly, unlike conventional method which needs further step to insert the wires. Third, complex pure LMPA parts can be fabricated by dissolving the polymer after manufacturing, achieving complex LMPA parts fabrication using EAM (a low-cost AM technique, compared with traditional metal AM).

Recommended citation: Jingchao Jiang, Liuchao Jin, Xiaoya Zhai, Kang Zhang, Jun Chen, Wei-Hsin Liao. (2023). "A novel strategy to fabricate low-melting-point alloy and its composite parts using extrusion additive manufacturing." The 50th International Conference on Computers and Industrial Engineering. http://dx.doi.org/10.6084/m9.figshare.25434592

Design for reversed additive manufacturing low-melting-point alloys

Published in Journal of Engineering Design, 2023

Additive manufacturing (AM) technologies have been widely used in construction, medical, military, aerospace, fashion, etc. As AM advances, increasing new AM-based manufacturing methods have been developed (e.g. CNC machining and AM hybrid manufacturing). Recently, a new manufacturing method ‘reversed additive manufacturing (RAM)’ was proposed by the authors. First, the designed objective part needs to be reversed using a bounding box, obtaining the reversed outside part. Then fabricate the reversed outside part using AM with dissolvable material (e.g. PLA). After that, fill the reversed outside part using aimed material (e.g. low-melting-point alloys) of the objective part. Lastly, soak the whole part into the dissolvent to dissolve the outside part, obtaining the final objective part. In this paper, design for RAM is proposed. Print orientation, print parameter settings, injection parameter settings, shrinkage, cost and post-processing are discussed. Experiments with several lattice structures are carried out and case studies are demonstrated. The findings of this paper can benefit the design process for RAM, improving the design efficiency for RAM.

Recommended citation: Jingchao Jiang, Xiaoya Zhai, Liuchao Jin, Kang Zhang, Jun Chen, Qitao Lu, and Wei-Hsin Liao. (2023). "Design for reversed additive manufacturing low-melting-point alloys." Journal of Engineering Design. 1-14. https://doi.org/10.1080/09544828.2023.2261096

Isogeometric topology optimization of auxetic materials based on moving morphable components method

Published in Materials Research Proceedings, 2023

Auxetic materials are a class of materials that exhibit a negative Poisson’s ratio. They have held a major interest in academics and engineering focusing on finding the material distribution and examining the mechanisms, properties, and applications. Inverse homogenization theory is taken as an effective material design tool and has been applied to optimize various metamaterials. In this paper, we derive and implement the energy-based isogeometric homogenization to generate auxetic materials. Numerical examples show that the homogenized elasticity matrix obtained by the energy-based isogeometric homogenization method is almost the same as that obtained by the finite element homogenization method within a tolerated error. On this basis, we applied the isogeometric Moving Morphable Components (MMC) method to the optimization design of auxetic materials which is named the TOP-IGA-MMC method. We further make a comparison of the Solid Isotropic Material with the Penalization (SIMP) method and the TOP-IGA-MMC method in the geometries and properties of the final optimal auxetic materials. Parameter tests and physical tests are also introduced to verify the robustness and effectiveness of the proposed method.

Recommended citation: Xiaoya Zhai, Yundong Gai, Liuchao Jin, Wei-Hsin Liao, Falai Chen, and Ping Hu. (2023). "Isogeometric topology optimization of auxetic materials based on moving morphable components method." Materials Research Proceedings. 31, 172-186. https://doi.org/10.21741/9781644902592-19

On technical issues for underwater charging of robotic fish schools using ocean renewable energy

Published in Ships and Offshore Structures, 2023

Robotic fish will become the next generation of submersibles due to their advantages of high propulsion efficiency, high mobility, excellent environmental compatibility and good load capacity. However, short battery life and high charging costs would be the main obstacles restricting the deployment of robotic fish for long–term ocean monitoring and cruises. The present methods of either using a mother ship or laying cables are very expensive. In order to greatly reduce the cost, a nearby cheap charging station is necessary. In this paper, a comprehensive review of underwater automatic charging methods and systems for robotic fish based on the existing marine renewable energy conversion technology is carried out, including robotic fish underwater docking and charging technology. Based on the review and comparative analysis, a design idea for a novel and feasible system for underwater charging for a school of robotic fish through renewable energy is proposed.

Recommended citation: Liuchao Jin and Weicheng Cui. (2023). "On technical issues for underwater charging of robotic fish schools using ocean renewable energy." Ships and Offshore Structures. 1-11. https://doi.org/10.1080/17445302.2023.2245164

Low-melting-point alloys integrated extrusion additive manufacturing

Published in Additive Manufacturing, 2023

Additive manufacturing has developed significantly. In contrast to established fabricated materials, low-melting-point alloys (LMPAs) are increasingly attractive because they have favorable electrical/thermal conductivities and mechanical strengths. However, LMPA additive manufacturing is still in its infancy. We report a novel strategy for fabricating the complex and/or multifunctional components of LMPAs by extrusion additive manufacturing with two nozzles (for extruding the polymer and for extruding the LMPA). The proposed strategy was used to successfully fabricate complex LMPA components for the first time. We fabricated LMPA/polymer composite parts with improved mechanical properties, and implemented the integrated manufacturing of circuits and 3D products. The strategy will enable the use of LMPAs in applications such as smart structures, electromagnetic shielding, biomedicine, thermal management, energy harvesting, and advanced electronics.

Recommended citation: Jingchao Jiang, Xiaoya Zhai, Kang Zhang, Liuchao Jin, Qitao Lu, Zhichao Shen, and Wei-Hsin Liao (2023). "Low-melting-point alloys integrated extrusion additive manufacturing." Additive Manufacturing. 103633. https://doi.org/10.1016/j.addma.2023.103633

   <h2 class="pub-year">2022</h2>

A survey of additive manufacturing reviews

Published in Materials Science in Additive Manufacturing, 2022

Nowadays, additive manufacturing (AM) technologies have been widely used in construction, medical, military, aerospace, fashion, etc. The advantages of AM (eg, more design freedom, no restriction on the complexity of parts, and rapid prototyping) have attracted a growing number of researchers. Increasing number of papers are published each year. Until now, thousands of review papers have already been published in the field of AM. It is, therefore, perhaps timely to perform a survey on AM review papers so as to provide an overview and guidance for readers to choose their interested reviews on some specific topics. This survey gives detailed analysis on these reviews, divides these reviews into different groups based on the AM techniques and materials used, highlights some important reviews in this area, and provides some discussions and insights.

Recommended citation: Xiaoya Zhai, Liuchao Jin, and Jingchao Jiang. (2022). "A survey of additive manufacturing reviews." Materials Science in Additive Manufacturing. 1(4), 21. https://accscience.com/journal/MSAM/1/4/10.18063/msam.v1i4.21

The Unified Tracking Controller for a Tilt-Rotor Unmanned Aerial Vehicle Based on the Dual Quaternion

Published in 2022 IEEE International Conference on Unmanned Systems (ICUS), 2022

Tilt-rotor multi-rotor UAV is a rapidly expanding field of research due to its benefits of full actuation, high force and torque capabilities, and great efficiency of hovering. The current controllers of tilt-rotor multi-rotor UAVs are primarily based on the Cartesian coordinate system to describe the position combined with the classical Euler angle approach, the direction cosine matrix or the quaternion to represent the attitude, which makes control lose its mathematical simplicity and has some singularity cases. In this paper, the system modelling of a tilt-rotor multi-rotor UAV using the unit dual quaternion is presented and a novel PID feedback linearization tracker is proposed. The developed controller has advantages of singularity free, attitude/position coupled motion tracking, and robustness to external disturbance. Applying the Laplace transform, the stability analysis is conducted by analyzing the poles and zeros of the closed-loop system. Simulation studies including the 6 DoF trajectory tracking and disturbance rejection are also performed to demonstrate the effectiveness of the proposed method. The simulation results illustrate that the proposed PID feedback linearization tracker has good tracking performance for both position and attitude and strong robustness against disturbance.

Recommended citation: Liuchao Jin, Yuchen Lou, Lu-An Chen, and Qi Lu. (2022). "The Unified Tracking Controller for a Tilt-Rotor Unmanned Aerial Vehicle Based on the Dual Quaternion." 2022 IEEE International Conference on Unmanned Systems (ICUS). pp. 1356-1363. https://ieeexplore.ieee.org/abstract/document/9986880

   <h2 class="pub-year"></h2>

Published in , 1900


2. **加论文缩略图(teaser)**——你已经有很多 cover 图(如 `jin2024machine_cover.jpg`)。在每篇 publication 的 front matter 里加:
   ```yaml
   header:
     teaser: /files/my_essay/jin2024machine_cover.jpg

archive-single.html 已支持 teaser 缩略图渲染,左图右文,观感立刻提升一个档次。

  1. Google Scholar 引用徽章——用第三方服务(如 citations.js / Dimensions badge)或手动标注高被引论文: **Cited 30+ times** · [Google Scholar](...)

  2. 区分类型:Journal / Conference / Under Review,用小标签(badge)区分,便于快速筛选。

  3. 每篇加”一句话贡献”(TL;DR),比纯摘要更友好:
    tldr: "First ML framework for 4D-printing inverse design of arbitrary shapes (loss < 0.02 mm)."
    
  4. 首页只放精选,完整列表在本页;顶部保留现有”Google Scholar”引导语。

六、CV 页面结构化

现状cv.md 是一整页超长 markdown 列表(教育、经历、论文、专利、奖项 20+、评审 30+、社会服务……),阅读负担重。

建议

  1. 顶部加醒目的下载按钮(现在只是普通链接文字):
    <a href="/files/affairs/cv_liuchao_jin.pdf" class="btn btn--primary">📄 Download Full CV (PDF)</a>
    
  2. Education / Experience 用时间线样式(左侧时间轴 + 圆点),比项目符号更直观。可加一小段 CSS .timeline

  3. 超长列表折叠(Awards 20+ 条、Reviewer 30+ 家期刊)——用 <details> 折叠,默认只显示前几条:
    <details>
      <summary>Show all 30+ journals I review for ▾</summary>
      <!-- 完整列表 -->
    </details>
    

    既保留信息量,又不淹没重点。

  4. Honors & Awards 高亮 Top 级奖项(HKPFS、National Scholarship、Best Paper)用加粗/徽章突出。

  5. 加图标分节:🎓 Education · 💼 Experience · 📄 Publications · 🏆 Awards · 🤝 Service,扫读性更好。

  6. Reviewer 那一长串期刊改成多列 / 标签云展示,而不是竖直长列表。

七、视觉与美观(主题 / 配色 / 排版)

  1. 换配色皮肤:Minimal Mistakes 内置多套 skin。在 _config.yml 加:
    minimal_mistakes_skin: "default"   # 可选 air / contrast / dirt / neon / plum / sunrise 等
    

    建议 air(清爽)或自定义一套与 CUHK 紫(#7A003C)呼应的主色,学术又有辨识度。

  2. 深色模式:加一个基于 prefers-color-scheme 的 CSS,或引入切换按钮。现代访客好感度高。

  3. 字体升级:正文用更易读的无衬线(如 Inter / Source Han Sans 中英混排),标题可用衬线增强学术感。通过 _includes/head/custom.html 引入 Google Fonts。

  4. 移除无效 “Follow” 按钮_includes/author-profile.html 第 23 行
    <button class="btn btn--inverse">Follow</button>
    

    → 删除,或替换为”📄 Download CV” / “✉ Email me” / “📅 Book with me”(你已有 bookwithme 链接)等真正可用的行动按钮。

  5. 头像:加圆形边框 + 轻微阴影,profile_1.png 建议裁成正方形保证圆形头像不变形。

  6. 首页封面图加圆角与阴影,统一视觉语言。

  7. hover 微交互:卡片/论文条目加 transition + 轻微上浮阴影,提升”精致感”。

八、导航与信息架构

现状导航:CV · Publications · Talks · Teaching · Blog Posts · Amateur。

建议

  1. 确认 Talks 是否有内容——_config.yml 里 talks collection 被注释掉了,若无内容建议从导航移除,避免空页。
  2. Portfolio 已有 3 个条目(PhD/Undergrad 课程资料、文献综述)却被注释隐藏,可考虑改名为 “Resources”“Notes” 后放出,增加内容丰富度。
  3. 加 “News” 锚点或独立页,方便直达。
  4. 导航项建议顺序:About(Home) · News · Publications · CV · Teaching · Resources · Amateur,把最重要的 Publications 前置。
  5. 移动端确认汉堡菜单正常(模板默认支持)。

九、SEO 与可被搜索性

现状description 是占位符,og_imagesocial.links、各 *_site_verification 全空 → 分享无预览、搜索排名弱。

必改(_config.yml

description: "Liuchao Jin (金流超)  Hong Kong PhD Fellow at CUHK. Research on 3D/4D printing, smart materials, metamaterials, soft robotics, and machine-learning-driven design."

og_image: "/images/profile_1.png"   # 或一张代表性研究图

social:
  type: Person
  name: "Liuchao Jin"
  links:
    - "https://scholar.google.com/citations?user=iYBWir4AAAAJ&hl=en"
    - "https://orcid.org/0000-0001-6204-1922"
    - "https://www.researchgate.net/profile/Liuchao-Jin"
    - "https://www.linkedin.com/in/liuchaojin"

建议补充

  • Google Search Console 验证站点,把值填到 google_site_verification
  • 确认 jekyll-sitemapjekyll-seo-tag 生效(seo.html 已 include)。
  • 每个页面写好 excerpt,作为搜索摘要。
  • title 从 “Jin’s Homepage” 改为 **“Liuchao JinCUHK”** 之类含全名+机构,利于搜名字。

十、性能与可访问性

  1. 图片
    • 大图(cover、封面)压缩并转 WebP,可显著减小体积。
    • 统一加 loading="lazy"
    • 所有 <img> 补充有意义的 alt(现在封面 alt 只是 “Cover Image”)。
  2. MathJaxhead/custom.html 仍在用 MathJax 2.7.4,且无条件全站加载。建议:
    • 升级到 MathJax 3(更快);
    • 仅在需要公式的页面加载。
  3. 可访问性(a11y)
    • 检查配色对比度(WCAG AA)。
    • 链接文字避免”here”,用描述性文字。
    • 键盘可聚焦、focus 样式可见。
  4. Lighthouse 跑一遍(Chrome DevTools),按报告优化 Performance / SEO / Accessibility 分数。

十一、技术债与链接规范

现状:CV 等页面大量使用硬编码绝对链接:

http://Liuchao-JIN.github.io/files/affairs/cv_liuchao_jin.pdf

问题:① http:// 非加密(GitHub Pages 强制 https,会有混合内容/跳转);② 硬编码域名,迁移或本地预览易断。

建议:统一改为站内相对路径

[Download CV](/files/affairs/cv_liuchao_jin.pdf)

可用批量替换(在仓库根目录):

  • http://Liuchao-JIN.github.io/https://liuchao-jin.github.io/ 统一替换为 /(注意保留真正的外链)。

其他

  • _config.ymlanalytics.provider: "google-universal"tracking_id 为空 → 要么填 GA4 ID,要么把 provider 设为 false,避免加载无效脚本。
  • 清理未用到的示例页(markdown.mdterms.mdarchive-layout-with-content.md 等模板残留),保持仓库整洁。

十二、加分项(锦上添花)

  • 访客足迹地图 / 访问统计:如 ClustrMapsMapmyvisitors,放侧栏,直观展示影响力。
  • Publications 可视化:一张按年份的论文数量柱状图,或研究关键词词云。
  • “News” 时间线动画:滚动淡入。
  • Selected Media / 视频嵌入:Amateur 页把 YouTube/Bilibili 视频内嵌播放(而非纯链接),观感更好。
  • 多语言:加中文版首页(你有中英双重受众:CUHK + SCU/SUSTech/SZU)。
  • “Now” 页面:一句话说明”我目前在做什么”,增加人情味。
  • RSS/订阅:Blog 已装 jekyll-feed,在页脚放订阅入口。
  • Favicon/主题色theme-color 已是白色,可改为品牌主色,移动端地址栏更统一。

十三、落地清单(Checklist)

复制到你的 issue / todo 里逐项打勾:

P0

  • _config.yml:填写真实 description
  • _config.yml:配置 og_image + social.links
  • _config.ymltitle 改为含全名+机构
  • _config.ymlanalytics.tracking_id 填写或将 provider 设为 false
  • About 首页:加研究方向卡片 + 亮点数字 + 精选论文
  • 新增 News 板块(首页或独立页)
  • 删除无效 “Follow” 按钮,替换为 CV / Email / Book 按钮

P1

  • Publications:加 teaser 缩略图(各 publication front matter)
  • Publications:按年份分组 + 类型标签
  • CV:加下载按钮 + 时间线 + 长列表折叠(<details>)
  • 选定 minimal_mistakes_skin 皮肤 / 自定义配色
  • 字体升级 + 深色模式

P2

  • 链接统一改为相对路径 + https
  • 图片压缩 / WebP / lazy-load / alt
  • MathJax 升级到 v3 并按需加载
  • 跑 Lighthouse 并按报告优化
  • 清理模板残留页面
  • 加分项:访客地图 / 视频内嵌 / 中文版 等

备注

  • 本站基于 Jekyll,本地预览bundle exec jekyll serve,浏览器打开 http://localhost:4000,改动实时可见(改 _config.yml 需重启)。
  • 所有改动建议先在分支上做,确认无误再合并到 master/main,避免线上主页短暂异常。
  • 如果需要,我可以按这份方案逐项帮你落地实现(例如先从 P0 的首页改造 + News + SEO 三项开始)。