{"id":13594170,"url":"https://github.com/negrel/hugo-theme-pico","last_synced_at":"2025-04-09T07:30:59.571Z","repository":{"id":39708362,"uuid":"262163303","full_name":"negrel/hugo-theme-pico","owner":"negrel","description":":black_circle: Pico is a minimalist, readable, responsive, light and beautiful Hugo theme.","archived":true,"fork":false,"pushed_at":"2023-07-31T21:52:05.000Z","size":11286,"stargazers_count":130,"open_issues_count":6,"forks_count":60,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-08-02T16:50:28.169Z","etag":null,"topics":["blog","hugo","postcss","sass","theme"],"latest_commit_sha":null,"homepage":"https://sponge-bob.netlify.app/","language":"HTML","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/negrel.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-05-07T21:34:09.000Z","updated_at":"2024-03-27T19:51:20.000Z","dependencies_parsed_at":"2024-01-16T22:18:17.550Z","dependency_job_id":"d1b7c157-5ecd-409a-a5d5-0790f4aa609c","html_url":"https://github.com/negrel/hugo-theme-pico","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/negrel%2Fhugo-theme-pico","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/negrel%2Fhugo-theme-pico/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/negrel%2Fhugo-theme-pico/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/negrel%2Fhugo-theme-pico/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/negrel","download_url":"https://codeload.github.com/negrel/hugo-theme-pico/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223375166,"owners_count":17135317,"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","hugo","postcss","sass","theme"],"created_at":"2024-08-01T16:01:29.700Z","updated_at":"2024-11-06T16:30:33.123Z","avatar_url":"https://github.com/negrel.png","language":"HTML","funding_links":["https://www.buymeacoffee.com/negrel"],"categories":["sass","HTML"],"sub_categories":[],"readme":"# :black_circle: Pico\n\u003cp\u003e\n\t\u003ca href=\"https://app.netlify.com/sites/sponge-bob/deploys\"\u003e\n\t\t\u003cimg alt=\"Netlify Status\" src=\"https://api.netlify.com/api/v1/badges/934b7c29-32b9-4ed5-92e7-79cfba9a27b7/deploy-status\"\u003e\n\t\u003c/a\u003e\n\t\u003ca href=\"https://github.com/negrel/ginger/raw/master/LICENSE\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/badge/license-MIT-green\"\u003e\n\t\u003c/a\u003e\n\u003ca href=\"https://app.fossa.com/projects/git%2Bgithub.com%2Fnegrel%2Fhugo-theme-pico?ref=badge_shield\" alt=\"FOSSA Status\"\u003e\u003cimg src=\"https://app.fossa.com/api/projects/git%2Bgithub.com%2Fnegrel%2Fhugo-theme-pico.svg?type=shield\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\nThis theme aims to be minimalist, readable, responsive, light and beautiful. Inspired by **Medium** and **The New York Times**, Pico try to provide the best experience for the reader while having an awesome design. It can be configured as a single page, or as a full-featured site with multiple sections. It is multilingual, responsive, and includes a light and *dark theme*.\n\nYou can check the [**example site**](https://sponge-bob.netlify.app/).\n![pico example screenshot](https://github.com/negrel/hugo-theme-pico/raw/master/.github/banner.jpg)\n\nFeatures :\n- Multilingual - supports side-by-side content in different language versions\n- Syntax highlighting (\"one dark\" theme)\n- Styled Markdown throughout, including post titles\n- Customizable pages with widget or [TailwindCSS](https://tailwindcss.com/)\n- Straightforward customization via config.toml\n- Projects and Blog sections\n- Light, CSS bundle is purged and minified thanks to PostCSS\n- Light \u0026 Dark theme\n\nDeveloper-friendly :\n- Sass files included with instant compiling to CSS thanks to Hugo Pipes and PostCSS\n- [TailwindCSS](https://tailwindcss.com/) for rapidly building custom design\n\n## Preview the theme\nPico ships with an fully configured example site. For a quick preview:\n\n```\ncd themes/pico/exampleSite/\nhugo server --themesDir ../..\n```\n\nThen visit `http://localhost:1313/` in your browser to view the example site.\n\n## Getting started\n\n### Requirements\n- Extended version of [Hugo](https://gohugo.io/getting-started/installing/) (latest version recommended)  \nSome [NPM](https://npmjs.org) packages : \n- [postcss-cli](https://www.npmjs.com/package/postcss-cli)\n- [postcss-import](https://www.npmjs.com/package/postcss-import)\n- [autoprefixer](https://www.npmjs.com/package/autoprefixer)\n- [@fullhuman/postcss-purgecss](https://www.npmjs.com/package/@fullhuman/postcss-purgecss)\n- [tailwindcss](https://www.npmjs.com/package/tailwindcss)\n\nLearn how to install and use npm [here](https://www.npmjs.com/get-npm).\n\n### Get the theme\n\n```\n# Clone the repository\ngit clone https://github.com/negrel/hugo-theme-pico.git pico\n\n# Copy the example site\nmkdir my_website\ncp -r pico/exampleSite/* my_website\n\n# You can delete the cloned repository\nrm -rf pico\n\n# Navigate to your website\ncd my_website\n\n# Install the node modules and the theme via the script\n./setup.sh\n\n# OR manually\n# Installing node modules\nnpm install\n\n# Adding the theme as a submodule (better maintenance than a clone)\n# NOTE: my_website/ must be a git repository\ngit submodule add -f https://github.com/negrel/hugo-theme-pico.git ./themes/pico\n\n# Start the dev server\nhugo server\n```\n\nYour website is running :smile:, you can start editing content files.\n\n### Multilingual\nPico currently ships with support for 5 languages (fr, en, it, es, de). Contributions for other language translations are welcome.\nTo create a new language translation, add the .toml file to the i18n/ folder. See the existing files for the necessary fields.\nSee the [hugo documentation](https://gohugo.io/content-management/multilingual/) for more details.\n\n### Menu\nPico contains a default menu. If you want to override this, you can do so by editing the menu.main in config.toml.\n\n### Google Analytics\nSet googleAnalytics in config.toml to activate Hugo's internal [Google Analytics template](https://gohugo.io/templates/internal/#google-analytics).\n\n### Contributing\nIf you want to contribute to Pico to add a feature or improve the code contact me at [negrel.dev@protonmail.com](mailto:negrel.dev@protonmail.com), open an [issue](https://github.com/negrel/pico-hugo-theme/issues) or make a [pull request](https://github.com/negrel/pico-hugo-theme/pulls).\n\n## :stars: Show your support\nPlease give a :star: if this project helped you!\n\n[![buy me a coffee](.github/bmc-button.png)](https://www.buymeacoffee.com/negrel)\n\n#### :scroll: License\nMIT © [Alexandre Negrel](https://www.negrel.dev)\n\n\n[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fnegrel%2Fhugo-theme-pico.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fnegrel%2Fhugo-theme-pico?ref=badge_large)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnegrel%2Fhugo-theme-pico","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnegrel%2Fhugo-theme-pico","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnegrel%2Fhugo-theme-pico/lists"}