{"id":13562533,"url":"https://github.com/ttskch/vuepress-theme-blog-vuetify","last_synced_at":"2025-10-25T09:17:50.830Z","repository":{"id":65519725,"uuid":"259223612","full_name":"ttskch/vuepress-theme-blog-vuetify","owner":"ttskch","description":"💥The world's most simple, beautiful and customizable 2 columns VuePress blog theme built with Vuetify","archived":false,"fork":false,"pushed_at":"2020-12-14T12:14:36.000Z","size":11901,"stargazers_count":37,"open_issues_count":2,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-08-09T23:48:34.591Z","etag":null,"topics":["blog","blog-theme","vue","vuepress","vuepress-theme"],"latest_commit_sha":null,"homepage":"https://vuepress-theme-blog-vuetify.ttskch.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/ttskch.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":"2020-04-27T06:19:35.000Z","updated_at":"2024-04-03T12:30:35.000Z","dependencies_parsed_at":"2023-01-27T02:10:28.940Z","dependency_job_id":null,"html_url":"https://github.com/ttskch/vuepress-theme-blog-vuetify","commit_stats":null,"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fvuepress-theme-blog-vuetify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fvuepress-theme-blog-vuetify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fvuepress-theme-blog-vuetify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ttskch%2Fvuepress-theme-blog-vuetify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ttskch","download_url":"https://codeload.github.com/ttskch/vuepress-theme-blog-vuetify/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221811464,"owners_count":16884335,"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","blog-theme","vue","vuepress","vuepress-theme"],"created_at":"2024-08-01T13:01:09.653Z","updated_at":"2025-10-09T19:41:40.717Z","avatar_url":"https://github.com/ttskch.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# vuepress-theme-blog-vuetify\n\n[![](https://img.shields.io/npm/v/vuepress-theme-blog-vuetify?style=flat-square)](https://www.npmjs.com/package/vuepress-theme-blog-vuetify)\n[![](https://img.shields.io/npm/dm/vuepress-theme-blog-vuetify?style=flat-square)](https://www.npmjs.com/package/vuepress-theme-blog-vuetify)\n\n![](https://user-images.githubusercontent.com/4360663/80946098-43781280-8e28-11ea-8e50-667344f9f959.png)\n\n💥The world's most simple, beautiful and customizable 2 columns [VuePress](https://vuepress.vuejs.org/) blog theme built with [Vuetify](https://vuetifyjs.com).\n\nIt has following features.\n\n* List hot tags automatically\n* List recent posts automatically\n* Scroll-spy TOC\n* SEO ready (perfect `\u003ctitle\u003e` and `\u003cmeta\u003e` tags)\n* Mobile friendly\n* Customizable styles using scss (not stylus)\n* Ability of inserting your own content into the layout of the theme\n\n## Live demo\n\n👉 \u003chttps://vuepress-theme-blog-vuetify.ttskch.com/\u003e\n\n## Installation\n\n```bash\n$ yarn add --dev vuepress-theme-blog-vuetify\n\n# or\n$ npm install -D vuepress-theme-blog-vuetify\n```\n\n## Usage\n\n```js\n// .vuepress/config.js\nmodule.exports = {\n  theme: 'blog-vuetify',\n  themeConfig: {\n    // ...\n  }\n}\n```\n\n### Configurations\n\nYou can see the valid options and default values [here](https://github.com/ttskch/vuepress-theme-blog-vuetify/blob/master/index.js#L14) 👍\n\n### Customizing styles\n\nYou can customize styles flexibly by overwrite [scss variables](https://github.com/ttskch/vuepress-theme-blog-vuetify/blob/master/styles/_variables.scss).\n\nIn order to overwrite them, you have to just place `.vuepress/styles/variables.scss` which re-defines some variables [like this](https://github.com/ttskch/vuepress-theme-blog-vuetify/blob/master/example/blog/.vuepress/styles/variables.scss) 👍 \n\n### Inserting your own content into the layout of the theme\n\nYou can insert your own content like as following.\n\n**1. Create Vue component**\n\nFor example, create `.vuepress/components/AfterPage.vue` like following.\n\n```vue\n\u003ctemplate\u003e\n  \u003cdiv id=\"after-page\"\u003e\n    \u003cp\u003eSome content for after page content of each page\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n```\n\n**2. Create `enhanceApp.js` and register your component to Vue app**\n\n```js\nimport AfterPage from './components/AfterPage'\n\n// @see https://vuepress.vuejs.org/theme/writing-a-theme.html#app-level-enhancements\nexport default ({\n  Vue, // the version of Vue being used in the VuePress app\n  options, // the options for the root Vue instance\n  router, // the router instance for the app\n  siteData // site metadata\n}) =\u003e {\n  Vue.component('MyAfterPage', AfterPage)\n}\n```\n\n**3. Notify the name of your component to the theme**\n\n```js\nthemeConfig: {\n  components: {\n    afterPage: 'MyAfterPage'\n  }\n}\n```\n\nThat's it 😃\n\nDefault (empty) components for valid hook points are [them](https://github.com/ttskch/vuepress-theme-blog-vuetify/tree/master/components/extensions).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fttskch%2Fvuepress-theme-blog-vuetify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fttskch%2Fvuepress-theme-blog-vuetify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fttskch%2Fvuepress-theme-blog-vuetify/lists"}