ColorWorld 个人网站

项目概述

ColorWorld 是一个基于 Hugo 框架的个人学术网站,用于展示岳书威博士的研究成果、博客文章和其他学术活动。网站支持中英文切换功能,并包含学术成果、博客文章、新闻动态、关于我和公众号等多个板块。

技术栈

  • 框架: Hugo
  • 主题: 基于 LoveIt 主题定制
  • 语言: HTML, CSS, JavaScript, Markdown
  • 部署: GitHub Pages

目录结构

colorworld/
├── archetypes/        # 内容模板
├── content/           # 网站内容
│   ├── about.md       # 关于我页面
│   ├── news/          # 新闻动态
│   ├── posts/         # 博客文章
│   ├── publications.md # 学术成果页面
│   └── wechat.md      # 公众号页面
├── layouts/           # 自定义布局
│   ├── _default/      # 默认布局
│   ├── page/          # 页面布局
│   └── partials/      # 部分布局组件
│       ├── custom-head.html  # 自定义头部
│       └── footer.html       # 自定义页脚
├── static/            # 静态资源
│   ├── css/           # 自定义CSS
│   │   ├── custom.css # 自定义样式
│   │   ├── chinese.css # 中文样式
│   │   └── english.css # 英文样式
│   ├── img/           # 图片资源
│   ├── js/            # JavaScript脚本
│   │   └── language-switch.js # 语言切换脚本
│   ├── pdf/           # PDF文件(论文等)
│   └── data/          # 数据集和其他资源
└── config.toml        # 网站配置文件

主要功能

1. 学术成果展示

publications.md 页面按年份组织展示学术论文,包括:

  • 论文标题和作者
  • 发表期刊/会议信息
  • PDF下载链接
  • 代码仓库链接
  • 数据集链接
  • 幻灯片链接
  • 原文链接等

2. 中英文切换

通过 language-switch.js 实现简单的语言切换功能,主要切换导航菜单的语言。切换按钮位于导航栏,点击后可在中英文之间切换。

3. 公众号展示

wechat.md 页面展示"ColorWorld花花世界"公众号信息,包括:

  • 公众号简介
  • 内容特色
  • 最新推文链接
  • 公众号二维码

4. 自定义页脚

移除了默认的页脚信息,创建了简洁的自定义页脚,显示"@2025 ColorWorld"。

开发与维护指南

添加新论文

编辑 content/publications.md 文件,按照以下格式添加新论文:

X. **论文标题**  
   作者1, 作者2  
   *期刊/会议名称*, 年份  
   [[PDF]](/pdf/文件名.pdf)
   [[代码]](https://github.com/用户名/仓库名)
   [[数据集]](/data/数据集名.zip)
   [[幻灯片]](幻灯片链接)

确保相关PDF文件已上传到 static/pdf/ 目录。

添加新博客文章

  1. 创建新的Markdown文件: content/posts/文章名.md
  2. 添加前言(frontmatter):
---
title: "文章标题"
date: 2024-XX-XX
draft: false
tags: ["标签1", "标签2"]
categories: ["分类"]
---
  1. 编写文章内容

添加新闻动态

content/news/ 目录下创建新的Markdown文件,格式类似博客文章。

修改语言切换功能

编辑 static/js/language-switch.js 文件,可以扩展语言切换功能,使其支持更多页面元素的翻译。

部署说明

  1. 本地预览:
hugo server -D
  1. 生成静态文件:
hugo --minify
  1. 部署到GitHub Pages:
    • public/ 目录中的内容推送到GitHub仓库的相应分支
    • 或使用GitHub Actions自动部署

注意事项

  1. PDF文件命名应避免使用空格,推荐使用连字符或下划线
  2. 图片路径应从 /img/ 开始,不包含 static 前缀
  3. 更新主题时需注意自定义布局文件的兼容性

联系方式

如有任何问题或建议,请通过以下方式联系:

  • 邮箱: [your-email@example.com]
  • GitHub: [your-github-username]

© 2024 ColorWorld. 保留所有权利。