{"id":16266203,"url":"https://github.com/kurt-liao/github-style-plus","last_synced_at":"2025-03-19T22:30:46.546Z","repository":{"id":59315294,"uuid":"530483434","full_name":"kurt-liao/github-style-plus","owner":"kurt-liao","description":"A Hugo theme wtih Github appearance.","archived":false,"fork":false,"pushed_at":"2024-11-14T16:28:41.000Z","size":1057,"stargazers_count":24,"open_issues_count":6,"forks_count":9,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-08T20:48:08.172Z","etag":null,"topics":["blog","github","github-style","gohugo","hacktoberfest","hacktoberfest-accepted","hugo","hugo-theme","theme"],"latest_commit_sha":null,"homepage":"https://blog.kurtstories.com/","language":"CSS","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/kurt-liao.png","metadata":{"files":{"readme":"README.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}},"created_at":"2022-08-30T03:32:53.000Z","updated_at":"2025-01-09T08:04:09.000Z","dependencies_parsed_at":"2023-01-22T17:31:20.201Z","dependency_job_id":null,"html_url":"https://github.com/kurt-liao/github-style-plus","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Fgithub-style-plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Fgithub-style-plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Fgithub-style-plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kurt-liao%2Fgithub-style-plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kurt-liao","download_url":"https://codeload.github.com/kurt-liao/github-style-plus/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244025180,"owners_count":20385530,"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":["blog","github","github-style","gohugo","hacktoberfest","hacktoberfest-accepted","hugo","hugo-theme","theme"],"created_at":"2024-10-10T17:40:17.794Z","updated_at":"2025-03-19T22:30:46.027Z","avatar_url":"https://github.com/kurt-liao.png","language":"CSS","funding_links":["https://www.buymeacoffee.com/vermouth02D"],"categories":[],"sub_categories":[],"readme":"# Github Style Plus\n\nThis is a fork from [github-style](https://github.com/MeiK2333/github-style) with some additional features that I made.\n\n\u003e In this repo, the documentation only introduce additional features.\n\u003e For more information about basic usage, please follow the original repo.\n\n## Quick guide\n\n### New features in this fork version:\n\n1. [Pinned posts and recent posts show together](#pinned-posts-and-recent-posts-show-together)\n2. [Support reading time estimation](#support-reading-time-estimation)\n3. [Display your real github followers stats](#display-your-real-github-followers-stats)\n4. [Add sponsor link button](#add-sponsor-link-button)\n5. [Keyword search locally](#keyword-search-locally)\n6. [Clickable day contributions](#clickable-day-contributions)\n7. [Support custom css file](#support-custom-css-file)\n8. [Support previous and next post](#support-previous-and-next-post)\n9. [Show more button](#show-more-button)\n10. [Update old Google Analytics to GA4](#update-old-google-analytics-to-ga4)\n11. [Support GTM Script](#support-gtm-script)\n12. [Custom organizations block](#custom-organizations-block)\n\n## Demo\n\nFirst, take a look at my [blog](https://blog.kurtstories.com/), it's the completely demo for this theme.\n\n## Usage\n\n### Init hugo site\n\n```bash\nhugo new site mysite\ncd mysite\n```\n\n### Install the theme\n\n```bash\ngit submodule add git@github.com:kurt-liao/github-style-plus.git themes/github-style-plus\n```\n\n### Update the theme\n\nIf you just installed the theme, it is already in the latest version. If not, you can update using the below commands\n\n```bash\ncd themes/github-style-plus\ngit pull\n```\n\nThen, you need to rename the previous `posts` folder to `post`\n\n```bash\ncd \u003cyou-project-folder\u003e\nmv content/posts content/post\n```\n\n## New features✨\n\n### Pinned posts and recent posts show together\n\nIn the original version, only one of *Pinned* block and *Recent* block will be shown.\nIn this version, both blocks will display together.\n\n![2022-09-02_10-15](https://user-images.githubusercontent.com/32745146/188045141-12f720d0-bb7e-4383-8cca-675be98692d7.png)\n---\n\n### Support reading time estimation\n\nThis feature evaluates the reading time of every post and shows the count of words.\n\u003eThe evaluation formula referenced [here](https://kodify.net/hugo/strings/reading-time-text/).\n\n![2022-09-02_10-26](https://user-images.githubusercontent.com/32745146/188046079-2c001f05-7e83-420b-8fd3-f810c28284d0.png)\n---\n\n### Display your real github followers stats\n\nTo show real github followers count, please set `enableGithubFollowers = true` and your github account like `github = kurt-liao` in *config.toml* file.\n\n![](https://i.imgur.com/LkBFrVF.jpg)\n\n\n![](https://i.imgur.com/htrKTFN.jpg)\n\n---\n\n### Add sponsor link button\n\nSet your sponsor link in **config.toml** like `sponsorLink = \"https://www.buymeacoffee.com/vermouth02D\"` and the button will show on the page.\n\nFor me, I put the [buymeacoffee](https://www.buymeacoffee.com/vermouth02D) link.\n\n![2022-09-02_10-39](https://user-images.githubusercontent.com/32745146/188047984-c40e8bb7-9af5-4601-b613-d636d5a81415.png)\n---\n\n### Keyword search locally\n\nSearching in personal site might be important with a growing number of articles.\nThis feature uses hugo rss that generate `index.xml` feed file, so make sure you have set `params.rss = true`\nSince somebody might not want to use this feature, there's another parameter you need to set to true to enable: `params.enableLocalSearch = true`\n\n![](https://i.imgur.com/9k70xpQ.jpg)\n\n\n![ezgif com-gif-maker](https://user-images.githubusercontent.com/32745146/187828206-829830a4-3fac-40e3-8bcb-399a98b01680.gif)\n---\n\n### Clickable day contributions\n\nMake yearly-contributions graph clickable like github does. When you click on specific day, it will show you the posts added that day.\n\n![Clickable day contributions](https://i.imgur.com/pSJi4KB.gif)\n---\n\n### Support custom css file\n\nIf you want to use some custom style, create a style file in **static** folder.\n![](https://i.imgur.com/BgbVvrH.jpg)\n\n\nThen, set file path in *config.toml* file.\n![](https://i.imgur.com/tZHHcgL.jpg)\n\n---\n### Support previous and next post\n\n![](https://i.imgur.com/RbYKDnS.jpg)\n\n---\n\n### Show more button\n\nFor the speed of page loaded in the first paint, I decide to hide most of posts when the page first loaded.\n![](https://i.imgur.com/0cGT1Qx.gif)\n\n---\n\n### Update old Google Analytics to GA4\n\nSince the old Google Analytics is being retired. I've change the old GA code to GA4.\n![](https://i.imgur.com/bpCFD6N.png)\n\n---\n\n### Support GTM Script\n\nApart from Google Analytics, we may also want to add GTM Script.\nTo do this, just add `gtmId = \"xxx\"` in your *config.toml* file\n\n![](https://i.imgur.com/iEVBm98.jpg)\n\n---\n\n### Custom organizations block\n\nYou may want to set some custom organizations except Github, Twitter, Facebook...\nTherefore, I've add the custom organization block for you to do so.\nThe settings in *config.toml* might look like this:\n\n![](https://i.imgur.com/e6sFTIp.png)\n\nAnd the effect would look like:\n![](https://i.imgur.com/4bd3KRx.jpg)\n\n## Config Example\n\n@see [config.template.toml](/config.template.toml)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkurt-liao%2Fgithub-style-plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkurt-liao%2Fgithub-style-plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkurt-liao%2Fgithub-style-plus/lists"}