Acadpages

A Modern and Responsive Academic Personal Homepage

Some examples:

• Demo Page
• Personal Homepage of the author

Key Features

• Automatically update google scholar citations: 增加查看具体引用文章功能。
• Support Google analytics: 增加百度分析。
• Responsive: 待完善，共有四种设备窗口，使用混乱。
• Beautiful and Simple Design: 修改并美化布局，增加news的关闭和打开，增加一键复制引用信息，增加访客地图。
• Easy Coding: 调整代码框架，数据和功能分离。

Quick Start

1. Fork this REPO and rename to USERNAME.github.io, where USERNAME is your github USERNAME.
2. Configure the google scholar citation crawler:
   1. Find your google scholar ID in the url of your google scholar page (e.g., https://scholar.google.com/citations?user=SCHOLAR_ID), where SCHOLAR_ID is your google scholar ID.
   2. Set GOOGLE_SCHOLAR_ID variable to your google scholar ID in Settings -> Secrets -> Actions -> New repository secret of the REPO website with name=GOOGLE_SCHOLAR_ID and value=SCHOLAR_ID.
   3. Click the Action of the REPO website and enable the workflows by clicking "I understand my workflows, go ahead and enable them". This github action will generate google scholar citation stats data gs_data.json in google-scholar-stats branch of your REPO. When you update your main branch, this action will be triggered. This action will also be trigger 08:00 UTC everyday.
3. Generate favicon using favicon-generator and download all generated files to REPO/images.
4. Modify the configuration of your homepage _config.yml:
   1. title: the title of your homepage
   2. description: the description of your homepage
   3. repository: USER_NAME/REPO_NAME
   4. google_analytics_id (optional): google analytics ID
   5. SEO Related keys (optional): get these keys from search engine consoles (e.g. Google, Bing and Baidu) and paste here.
   6. author: the author information of this homepage, including some other websites, emails, city and univeristy.
   7. More configuration details are described in the comments.
5. Add your homepage content in _pages/about.md.
   1. You can use html+markdown syntax just same as jekyll.
   2. You can use a <span> tag with class show_paper_citations and attribute data to display the citations of your paper. Set the data to the google scholar paper ID. For

      <span class='show_paper_citations' data='DhtAFkwAAAAJ:ALROH1vI_8AC'></span>

      Q: How to get the google scholar paper ID? A: Enter your google scholar homepage and click the paper name. Then you can see the paper ID from citation_for_view=XXXX, where XXXX is the required paper ID.

6. Your page will be published at https://USERNAME.github.io.

Debug Locally

1. Clone your REPO to local using git clone.
2. Install Jekyll building environment, including Ruby, RubyGems, GCC and Make following the installation guide.
3. Run bundle exec jekyll build to build changes, especially those related to data. Additionally, run bundle exec jekyll serve --incremental to start Jekyll livereload server.
4. Open http://127.0.0.1:4000 in your browser.
5. If you change the source code of the website, the livereload server will automatically refresh.
6. When you finish the modification of your homepage, commit your changings and push to your remote REPO using git command.

Structure

• _data: 每个模型的数据
• _include: 头文件，包括js等
• _pages: 页面结构
• _sass: 布局，变量在_variables.scss
• assets: 图、附件、js、css

Acknowledges

• Acadpages incorporates Font Awesome, which is distributed under the terms of the SIL OFL 1.1 and MIT License.
• Acadpages is influenced by the github repo acad-homepage/acad-homepage.github.io, which is distributed under the MIT License.
• Acadpages is influenced by the github repo mmistakes/minimal-mistakes, which is distributed under the MIT License.
• Acadpages is influenced by the github repo academicpages/academicpages.github.io, which is distributed under the MIT License.