Github主页美化-动态信息构建

更新记录

更新记录

2021-08-10

DIY Github主页-动态构建

• 最新博客拉取（Dynamic Latest Blog Posts）
• 代码语言统计（WakaTime）

DIY GitHub主页

动态数据构建：美化参考内容

• 最新博客拉取：GitHub Profile README Generator - Dynamic Latest Blog Posts（一个动态构建资源库：列出了实用的插件目录）、blog-post-workflow
• 展示提交代码所用语言：wake readme搭配GitHub Actions使用

1.最新博客拉取

Dynamic Latest Blog Posts

• 插件使用

构建步骤

<1>配置博客订阅（以RSS格式或者ATOM格式输出），可通过互联网访问到相关的资源文件

<2>在个人主仓库中添加workflow（.github/workflows/xxx.yml），引入下述文件配置

name: Latest blog post workflow
on:
  schedule:
    # 定时器配置
    - cron: "0 * * * *"
jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          max_post_count: "5" # 获取链接数量
          feed_list: "https://xxx.com/feed.xml" # 博客订阅地址(RSS格式/Atom格式),,以逗号间隔不同的地址

<3>编辑说明文件README.md并在相应位置添加引用

<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->

2.展示提交代码所用语言

waka-readme

构建步骤

<1>指定仓库中创建workflow，引入如下配置

name: WakaTime Readme # 统计提交代码所使用的的语言并推送到首页

on:
  push:
    branches:
      - main # 分支
  schedule:
    - cron: '0 19 * * *' # 定时器配置

jobs:
  update-readme:
    runs-on: ubuntu-latest
    steps:
      - uses: athul/waka-readme@master
        with:
          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }} # 

<2>仓库访问令牌创建&Waka配置

• 访问waka官网，登录获取个人秘钥（Secret API Key）
• 仓库->settings->Security栏下Secrets的Action中创建Repository secrets（key为WAKATIME_API_KEY，value为上述秘钥）

<3>在README.md文件中指定位置引入配置（用于装载生成的内容）

<!-- START_SECTION:waka -->
<!-- END_SECTION:waka -->

<4>查看Action运行情况

<5>使用WakaTime，生成统计数据

​ 在wakatime官网控制台中可以查看控制面板查阅分布信息（初始化是没有数据产生的）

​ 可以在不同的IDE中使用WakaTime插件，用于追踪编码时间、习惯以及项目、IDE等等的分布时间，首先是在不同的IDE中引入插件

查看不同IDE中WakaTime配置

​ 可在官网菜单栏->Supported IDEs中查看WakaTime当前支持的编辑器，随后按需引入即可。点击相应的编辑器会有官方配置提示

• VSCode
• Intellij IDEA
• eclipse
• 步骤1：VSCode装载插件并重启

• 配置：在VSCode中输入快捷键F1或者CMD+SHIFT+P，随后输入WakaTime API Key调出窗口并输入WakaTime API值

• 步骤1：Intellij IDEA装载插件后重启

​ Mac: Preferences → Plugins

​ Win: File → Settings… → Plugins

• 配置

​ win下通过Tools->WakaTime Settings 查看并配置（如果之前已经配置了git环境会相应自动装载指定github账号关联的WakaTime的API KEY，如果没有则手动配置即可）

• 引入插件，安装完成重启eclipse

​ Help → Eclipse Marketplace… 搜索wakatime，随后一步步安装即可

• 配置

​ 插件安装完成随后访问File->WakaTime->API Key 输入相应的值接口

​ 上述配置完成，重新查看统计面板，则相应数据会显示在面板上，随后便待定时器定时获取wakatime数据随后显示在首页即可