这是一个用于学术项目展示的网页模板,可以轻松部署到GitHub Pages。
- 📄 学术论文展示页面
- 🎨 现代化响应式设计
- 📱 移动端友好
- 🚀 一键部署到GitHub Pages
- 🔧 易于自定义
git clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git
cd YOUR_REPO_NAMEnpm installnpm start这将启动一个本地服务器,通常在 http://localhost:8080
编辑 public/index.html 文件,替换以下内容:
- 项目标题和作者信息
- 论文链接和代码链接
- 图片和视频
- 项目描述和摘要
npm run deploy.
├── public/ # 静态网站文件
│ ├── index.html # 主页面
│ └── static/ # 静态资源
│ ├── css/ # 样式文件
│ ├── js/ # JavaScript文件
│ ├── images/ # 图片资源
│ ├── videos/ # 视频资源
│ └── pdfs/ # PDF文档
├── dist/ # 构建输出目录(自动生成)
├── package.json # npm配置
├── .gitignore # Git忽略文件
└── README.md # 项目说明
- 确保你的GitHub仓库已经创建
- 更新
package.json中的仓库信息 - 运行
npm run deploy进行部署 - 在GitHub仓库设置中启用GitHub Pages
- 将你的图片放在
public/static/images/目录下 - 在
public/index.html中更新图片路径
- 将视频文件放在
public/static/videos/目录下 - 支持 MP4 格式
- 将PDF文件放在
public/static/pdfs/目录下 - 在页面中添加下载链接
- HTML5
- CSS3 (Bulma框架)
- JavaScript
- GitHub Pages
- npm
MIT License
欢迎提交Issue和Pull Request!