更新记录

更新记录

2021-08-10

DIY Github主页-动态构建

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

DIY GitHub主页

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

1.最新博客拉取

Dynamic Latest Blog Posts

构建步骤

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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并在相应位置添加引用

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

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

waka-readme

构建步骤

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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文件中指定位置引入配置(用于装载生成的内容)

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

<4>查看Action运行情况

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

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

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

查看不同IDE中WakaTime配置

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

  • 步骤1:VSCode装载插件并重启

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

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

​ Mac: PreferencesPlugins

​ Win: FileSettings…Plugins

  • 配置

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

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

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

  • 配置

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

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