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/
目录。
添加新博客文章
- 创建新的Markdown文件:
content/posts/文章名.md
- 添加前言(frontmatter):
---
title: "文章标题"
date: 2024-XX-XX
draft: false
tags: ["标签1", "标签2"]
categories: ["分类"]
---
- 编写文章内容
添加新闻动态
在 content/news/
目录下创建新的Markdown文件,格式类似博客文章。
修改语言切换功能
编辑 static/js/language-switch.js
文件,可以扩展语言切换功能,使其支持更多页面元素的翻译。
部署说明
- 本地预览:
hugo server -D
- 生成静态文件:
hugo --minify
- 部署到GitHub Pages:
- 将
public/
目录中的内容推送到GitHub仓库的相应分支 - 或使用GitHub Actions自动部署
- 将
注意事项
- PDF文件命名应避免使用空格,推荐使用连字符或下划线
- 图片路径应从
/img/
开始,不包含static
前缀 - 更新主题时需注意自定义布局文件的兼容性
联系方式
如有任何问题或建议,请通过以下方式联系:
- 邮箱: [your-email@example.com]
- GitHub: [your-github-username]
© 2024 ColorWorld. 保留所有权利。