LukasMFR/lukas-portfolio

# Lukas 作品集 使用纯 HTML、CSS 和 JavaScript 构建的静态双语作品集，可直接在 GitHub Pages 上使用。 ## 项目结构 - `index.html`：单页结构和 SEO 标签 - `css/style.css`：主题、布局、响应式规则和动画 - `js/i18n.js`：集中式双语内容和结构化作品集数据 - `js/main.js`：渲染、语言检测、语言切换、移动端菜单和打字机效果 - `assets/images/profile/`：个人照片和 Animoji 占位符 - `assets/images/logos/`：学校、公司和经历标识 - `assets/images/icons/`：界面和社交图标（.webp 格式） - `assets/images/icons-src/`：源 SVG 文件，用于在需要时重新生成图标集 - `assets/icons/favicon.svg`：网站 favicon - `assets/cv/Lukas_Mauffre_CV.pdf`：简历占位符文件 ## 双语行为 - 英语是默认语言。 - 如果浏览器语言以 `fr` 开头，网站会自动切换到法语。 - 手动 `EN / FR` 开关可即时更新页面，无需重新加载。 - 选定的语言保存在 `localStorage` 中。 ## 替换资源 - 个人照片：替换 `assets/images/profile/profile-photo.webp` - 标题 Animoji：替换 `assets/images/profile/animoji-header.webp` - 英雄区 Animoji：替换 `assets/images/profile/animoji-hero.webp` - ECE 标志：替换 `assets/images/logos/ece-logo.webp` - OMNES London 标志：替换 `assets/images/logos/omnes-london-logo.webp` - UFCV 标志：替换 `assets/images/logos/ufcv-logo.webp` - DIRISI 标志：替换 `assets/images/logos/dirisi-logo.webp` - 简历：替换 `assets/cv/Lukas_Mauffre_CV.pdf` - 界面和社交图标：替换 `assets/images/icons/` 中的文件 - 如果想保持当前命名并重新构建 .webp 文件，也可以从 `assets/images/icons-src/` 重新生成源图标 您可以保持相同的文件名以避免修改代码。 ## 本地使用 直接在浏览器中打开 `index.html`，或按原样将仓库部署到 GitHub Pages。

标签：CMS安全, CSS, GitHub Pages, HTML, i18n, JavaScript, SEO优化, WebP图片, 个人作品集, 个人信息网站, 双语网站, 响应式设计, 国际化, 基础设施工程, 多模态安全, 打字机效果, 数据可视化, 本地存储, 移动端适配, 简历展示, 网络安全, 自定义脚本, 隐私保护, 静态网站, 项目展示