个人学术首页模版

assets 文件夹含义

logo.png 是个人的照片 profile.pdf 是个人简历 这俩是约定俗成的，只有这样命名才能成功解析

AboutMe.md 是个人的简介

shortInfo.md 是个人的简短介绍, 就是头像名字下面那一块

Publications.md 是个人的论文列表

Service.md 是个人的学术服务列表

info.json 是个人的基本信息

{
  // 名称
  "name": "Boyin Tan",
 // 地点
  "location": "ShenZhen, China",
  "email": "[email protected]",
  "github": "https://github.com/shuaijiumei",
  "twitter": "https://twitter.com/BoyinTan",
  "googleScholar": "https://scholar.google.com/citations?user=3z3z3z4AAAAJ&hl=en",
  // 选择要显示的导航栏， 去掉后就不会显示
  "showBar": [
    "aboutme",
    "publications",
    "awards",
    "services",
    "cv"
  ]
}

publications.json 是个人的论文信息,必须按照这个格式，本项目同时提供脚本爬取谷歌学术的论文信息，也可以自己编辑json文件

[{
  "title": "LogPTR: Variable-Aware Log Parsing with Pointer Networks",
  "link": "https://scholar.google.com/citations?view_op=view_citation&hl=en&user=vg0moI0AAAAJ&sortby=pubdate&citation_for_view=vg0moI0AAAAJ:NaGl4SEjCO4C",
  "authors": "Author 1, Author 2",
  "cite": "10",
  "pub": "ICSE 2024",
  "year": "2024"
}]

如何使用

1. clone 本项目
2. 安装 node 环境，并安装cnpm: npm install cnpm, cnpm i 安装依赖
3. 修改 assets 文件夹下的文件
4. 运行 npm run build 生成静态文件
5. 将生成的静态文件dist上传到你的服务器上，修改 nginx 配置文件，将root指向dist文件夹

by the way

自动化脚本存放在 /src/assets 文件夹下，爬取前请修改 urls， 改为你自己的 google scholar 首页，自动存放数据在 publications.json 文件中

使用 Github Pages 部署

1. 安装 gh-pages 依赖:

部署到 GitHub Pages

1. 安装依赖

npm install gh-pages --save-dev

2. 配置 package.json

在 package.json 中添加部署脚本：

{
  "scripts": {
    "deploy": "gh-pages -d dist"
  }
}

3. 配置 UMI

在 .umirc.ts 中设置正确的 publicPath 和 base：

export default defineConfig({
  publicPath: process.env.NODE_ENV === 'production' ? '/your-repo-name/' : '/',
  base: '/',
  // ... 其他配置
});

4. 构建和部署

# 构建项目
npm run build

# 部署到 GitHub Pages
npm run deploy

5. 设置 GitHub Pages

1. 进入 GitHub 仓库设置
2. 找到 Pages 设置项
3. 在 Branch 选项中选择 gh-pages 分支
4. 保存设置

完成后，你的网站将会部署在：https://your-username.github.io/your-repo-name/

注意：

• 确保将 your-repo-name 替换为你的实际仓库名
• 首次部署可能需要等待几分钟才能访问
• 如果使用自定义域名，需要在 GitHub Pages 设置中配置