{"id":13670205,"url":"https://github.com/saberland/create-portfolio","last_synced_at":"2026-01-26T13:03:47.120Z","repository":{"id":34908462,"uuid":"188773840","full_name":"saberland/create-portfolio","owner":"saberland","description":"Create a personal website that showcases your work as a software developer.","archived":false,"fork":false,"pushed_at":"2023-01-03T22:50:09.000Z","size":1909,"stargazers_count":219,"open_issues_count":56,"forks_count":23,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-05T01:37:03.140Z","etag":null,"topics":["portfolio"],"latest_commit_sha":null,"homepage":"https://create-portfolio-demo.saber.land","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saberland.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":"egoist","open_collective":"saber","ko_fi":"support_egoist","tidelift":null,"custom":null}},"created_at":"2019-05-27T05:02:01.000Z","updated_at":"2024-10-27T04:59:29.000Z","dependencies_parsed_at":"2023-01-15T10:15:34.270Z","dependency_job_id":null,"html_url":"https://github.com/saberland/create-portfolio","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saberland%2Fcreate-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saberland%2Fcreate-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saberland%2Fcreate-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saberland%2Fcreate-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saberland","download_url":"https://codeload.github.com/saberland/create-portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244145056,"owners_count":20405568,"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":["portfolio"],"created_at":"2024-08-02T09:00:35.986Z","updated_at":"2026-01-26T13:03:42.099Z","avatar_url":"https://github.com/saberland.png","language":"Vue","funding_links":["https://patreon.com/egoist","https://opencollective.com/saber","https://ko-fi.com/support_egoist","https://patreon.com/egoist'"],"categories":["Starters","Vue"],"sub_categories":[],"readme":"\u003ca href=\"https://create-portfolio-demo.saber.land/\"\u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/8784712/58475893-cc4eee80-8181-11e9-8467-e85ccd28a06c.png\" alt=\"create-portfolio-preview\"\u003e\n\u003c/a\u003e\n\n## Introduction\n\nCreate Portfolio helps you kickstart a personal website that showcases your work as a software developer. It will automatically render a webpage with the owner's profile information, including a photo, bio, and repositories.\n\nYour personal website is waiting to be personalized, though. It includes space to highlight your specific areas of interest in software development, like languages or industries. And it's standing by to publish your next great blog post.\n\nIt's all possible using the combination of [Saber](https://saber.land) (for building your website), and GitHub's API (for automatically populating your website with content).\n\n## Prerequisite\n\nYou need [Node.js](https://nodejs.org) installed on your machine.\n\n## Quick Start\n\nCreate a new project with a single command:\n\n```bash\nnpx create-portfolio my-site\n# OR Yarn\nyarn create portfolio my-site\n```\n\nAlternatively, you can install `create-portfolio` globally:\n\n```bash\nnpm i -g create-portfolio\ncreate-portfolio my-site\n```\n\nChange into your new directory:\n\n```bash\ncd my-site\n```\n\nInstall dependencies:\n\n```bash\nnpm install\n```\n\nRun the website locally:\n\n```bash\nnpm run dev\n```\n\nNow browse to http://localhost:3000 you should see your page.\n\n## Build for Production\n\nRun `npm run build` to create a production build of your app, generated files can be found at `./public` folder, then it can be [deployed as a static website](https://saber.land/docs/deployment.html).\n\n## Creating a Post\n\nCheck out [the example post](./packages/create-portfolio/template/pages/_posts/my-first-post.md).\n\n### Adding a Social Media Cover Photo\n\nBy default, all posts will use your GitHub profile picture when embedded on social media. Should you wish to use a different image you can add under `assets.cover`:\n\n```markdown\n---\ntitle: My First Post\nlayout: post\ndate: 2019-05-26 20:23:00\nassets:\n  cover: @/images/cover.png\ntags:\n  - life\n---\n```\n\n## Site Configuration\n\nUse `siteConfig` option in `saber-config.js` for site configuration.\n\n### Site Title\n\nIt defaults to your GitHub name, you can customize it in `saber-config.js`:\n\n```js\nmodule.exports = {\n  siteConfig: {\n    title: 'A Custom Title'\n  }\n}\n```\n\n### Site Description\n\nIt defaults to your GitHub bio, you can customize it in `saber-config.js`:\n\n```js\nmodule.exports = {\n  siteConfig: {\n    description: 'Introduce yourself...'\n  }\n}\n```\n\n## Theme Configuration\n\nUse `themeConfig` option in `saber-config.js` for theme configuration.\n\n### Projects\n\nBy default we fetch your top 6 starred repositories from GitHub, if set to `pinned-project`, it will use pinned repositories instead:\n\n```js\nmodule.exports = {\n  themeConfig: {\n    projects: 'pinned-repos'\n  }\n}\n```\n\n### Style\n\nBy default it uses `dark` style:\n\n```js\nmodule.exports = {\n  themeConfig: {\n    style: 'dark'\n  }\n}\n```\n\nAvailable styles:\n\n- `dark`\n- `light`\n\n### GitHub\n\nThis is required, we fetch data for this user.\n\n```js\nmodule.exports = {\n  themeConfig: {\n    // Your GitHub Username\n    github: 'egoist'\n  }\n}\n```\n\n### Twitter\n\nShow the link to your Twitter profile.\n\n```js\nmodule.exports = {\n  themeConfig: {\n    // Twitter handle\n    twitter: '_egoistlily'\n  }\n}\n```\n\n### Sponsor\n\nAdd a _Sponsor_ button:\n\n```js\nmodule.exports = {\n  themeConfig: {\n    // Link to the donation page\n    sponsorLink: 'https://patreon.com/egoist',\n    // The tip to show when you hover the sponsor button\n    sponsorTip: 'Support me'\n  }\n}\n```\n\n### Skills\n\nShowcase your skills:\n\n```js\nmodule.exports = {\n  themeConfig: {\n    skills: [\n      {\n        topic: 'nodejs',\n        description: `I'm a Node.js core contributor`,\n        // `image` is optional, by default we load from GitHub\n        image: 'https://...'\n      }\n    ]\n  }\n}\n```\n\nThe `topic` should be a valid [GitHub topic](https://github.com/topics), if the topic doesn't have a image by default on GitHub, you need to provide one yourself.\n\nYou can check if the image exists by visiting `https://github.com/github/explore/tree/master/topics/{topic}` (replace `{topic}` with actual topic).\n\n### Comments\n\nYou can use Disqus for comments:\n\n```yml\nthemeConfig:\n  disqus: disqus-short-name\n\n# Note that `siteConfig.url` is required for Disqus\nsiteConfig:\n  url: https://example.com\n```\n\nComments are only enabled for `post` layout, to disable comments in specific page, you can use the page attribute `comments`:\n\n```markdown\n---\ntitle: Hello\nlayout: post\ndate: 2018-08-12\ncomments: false\n---\n\nHello World!\n```\n\n## License\n\nMIT \u0026copy; [EGOIST](https://github.com/egoist)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaberland%2Fcreate-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaberland%2Fcreate-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaberland%2Fcreate-portfolio/lists"}