{"id":18904268,"url":"https://github.com/hugo-fixit/cmpt-flyfish","last_synced_at":"2026-04-06T03:01:55.860Z","repository":{"id":261207100,"uuid":"883586472","full_name":"hugo-fixit/cmpt-flyfish","owner":"hugo-fixit","description":"🐟 一个 canvas 实现的小鱼游动动画效果。","archived":false,"fork":false,"pushed_at":"2024-11-06T01:35:58.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2024-12-31T10:23:51.343Z","etag":null,"topics":["canvas","hugo","hugo-fixit","theme-component"],"latest_commit_sha":null,"homepage":"https://lruihao.cn","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hugo-fixit.png","metadata":{"files":{"readme":"README.en.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://paypal.me/Lruihao"]}},"created_at":"2024-11-05T08:23:29.000Z","updated_at":"2024-12-26T04:36:27.000Z","dependencies_parsed_at":"2024-11-05T10:28:45.167Z","dependency_job_id":null,"html_url":"https://github.com/hugo-fixit/cmpt-flyfish","commit_stats":null,"previous_names":["hugo-fixit/cmpt-flyfish"],"tags_count":1,"template":false,"template_full_name":"hugo-fixit/component-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hugo-fixit%2Fcmpt-flyfish","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hugo-fixit%2Fcmpt-flyfish/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hugo-fixit%2Fcmpt-flyfish/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hugo-fixit%2Fcmpt-flyfish/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hugo-fixit","download_url":"https://codeload.github.com/hugo-fixit/cmpt-flyfish/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239889029,"owners_count":19713702,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","hugo","hugo-fixit","theme-component"],"created_at":"2024-11-08T09:07:56.962Z","updated_at":"2026-04-06T03:01:55.853Z","avatar_url":"https://github.com/hugo-fixit.png","language":"JavaScript","funding_links":["https://paypal.me/Lruihao"],"categories":[],"sub_categories":[],"readme":"# Fly Fish\n\n👉 English README | [简体中文说明](/README.en.md)\n\nA canvas implementation of a small fish swimming animation effect.\n\n## Demo\n\n\u003chttps://lruihao.cn\u003e\n\n## Requirements\n\n- FixIt v0.4.0 or later.\n\n## Install Component\n\nThe installation method is the same as [installing a theme](https://fixit.lruihao.cn/documentation/installation/). There are several ways to install, choose one, for example, install through Hugo Modules:\n\n### Install as Hugo Module\n\nFirst make sure that your project itself is a [Hugo module](https://gohugo.io/hugo-modules/use-modules/#initialize-a-new-module).\n\nThen add this theme component to your `hugo.toml` configuration file:\n\n```toml\n[module]\n  [[module.imports]]\n    path = \"github.com/hugo-fixit/FixIt\"\n  [[module.imports]]\n    path = \"github.com/hugo-fixit/cmpt-flyfish\"\n```\n\nOn the first start of Hugo it will download the required files.\n\nTo update to the latest version of the module run:\n\n```bash\nhugo mod get -u\nhugo mod tidy\n```\n\n### Install as Git Submodule\n\nClone [FixIt](https://github.com/hugo-fixit/FixIt) and this git repository into your theme folder and add it as submodules of your website directory.\n\n```bash\ngit submodule add https://github.com/hugo-fixit/FixIt.git themes/FixIt\ngit submodule add https://github.com/hugo-fixit/cmpt-flyfish.git themes/cmpt-flyfish\n```\n\nNext edit `hugo.toml` of your project and add this theme component to your themes:\n\n```toml\ntheme = [\"FixIt\", \"cmpt-flyfish\"]\n```\n\n## Configuration\n\nIn order to Inject the partial `cmpt-flyfish.html` into the `custom-assets` through the [custom block](https://fixit.lruihao.cn/references/blocks/) opened by the FixIt theme in the `layouts/_partials/custom.html` file, you need to fill in the following necessary configurations:\n\n```toml\n[params]\n  [params.customPartials]\n    # ... other partials\n    assets = [ \"inject/cmpt-flyfish.html\" ]\n    # ... other partials\n```\n\nConfiguration of the Fly Fish theme color and enable animation:\n\n```toml\n[params]\n  [params.flyfish]\n    enable = true\n    light = \"rgb(0 119 190 / 10%)\"\n    dark = \"rgb(255 255 255 / 10%)\"\n```\n\n## References\n\n- [Develop Theme Components | FixIt](https://fixit.lruihao.cn/contributing/components/)\n- [How to Develop a Hugo Theme Component | FixIt](https://fixit.lruihao.cn/components/dev-component/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhugo-fixit%2Fcmpt-flyfish","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhugo-fixit%2Fcmpt-flyfish","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhugo-fixit%2Fcmpt-flyfish/lists"}