{"id":43081255,"url":"https://github.com/opdev1004/vuetilog","last_synced_at":"2026-01-31T14:35:24.865Z","repository":{"id":105940717,"uuid":"400097133","full_name":"opdev1004/vuetilog","owner":"opdev1004","description":"Blogger Theme built with Vue and Vuetify","archived":false,"fork":false,"pushed_at":"2024-08-24T02:33:55.000Z","size":59,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-08-25T01:47:34.782Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://vuetilog.blogspot.com/","language":null,"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/opdev1004.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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":{"github":"opdev1004"}},"created_at":"2021-08-26T08:31:05.000Z","updated_at":"2024-08-24T02:33:58.000Z","dependencies_parsed_at":"2024-02-17T06:28:59.523Z","dependency_job_id":"33ba8112-9c0f-4de1-bfcc-4ab058186834","html_url":"https://github.com/opdev1004/vuetilog","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"purl":"pkg:github/opdev1004/vuetilog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opdev1004%2Fvuetilog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opdev1004%2Fvuetilog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opdev1004%2Fvuetilog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opdev1004%2Fvuetilog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/opdev1004","download_url":"https://codeload.github.com/opdev1004/vuetilog/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/opdev1004%2Fvuetilog/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28945823,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-31T14:26:55.697Z","status":"ssl_error","status_checked_at":"2026-01-31T14:26:52.545Z","response_time":128,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2026-01-31T14:35:24.797Z","updated_at":"2026-01-31T14:35:24.857Z","avatar_url":"https://github.com/opdev1004.png","language":null,"funding_links":["https://github.com/sponsors/opdev1004","https://ko-fi.com/opdev1004"],"categories":[],"sub_categories":[],"readme":"# Notice 📢\nThis theme is no longer supported. The problem is Vue3 would not work and Vue2 is deprecated.\nIf you still want a blogger theme that works, try [OP Blogger Theme](https://github.com/opdev1004/op-blogger-themes).\nI am not going to use any web app frameworks like vue or react for future blogger theme development.\n\n\n# Vuetilog 🥇\n\nBlogger Theme built with Vue and Vuetify\n\n## Other language:\n\n[한국어](/lang/ko)\n\n## Notice 📢\n\n### Releasing version 0.1.8\n\n- Fixed 'Reply' button. And this causes blog theme design changes, because theme needs to place blog post widget as it is provided from blogger system. Please have a look at `Editing Blog Widget in layout page from v0.1.8` bottom of this document.\n\n### Releasing version 0.1.7\n\n- Adding 18px bottom margin to heading tags. h1-h6.\n\n### Releasing version 0.1.6\n\n- Changing comments title element's color variable to body.font.color from sidebar.font.color\n\n### Releasing version 0.1.5\n\n- Added close button for closing sidebar for non-desktop view\n\n## Example 📖\n\n[https://vuetilog.blogspot.com/](https://vuetilog.blogspot.com/)\n\n## Download\n\n[https://github.com/opdev1004/vuetilog/releases/](https://github.com/opdev1004/vuetilog/releases/)\n\n## Features:\n\n1. Development with Vue and Vuetify\n2. Responsive Web design\n3. SEO\n4. Better label control\n\n## Installation:\n\n1. Apply Contempo theme to your blog.\n2. Restore theme with vuetilog.xml or copy and paste vuetilog theme in HTML edit.\n3. Edit any settings in your needs.\n\n### Editing Blog Widget in layout page from v0.1.8\n\nSome of section and widget would not show in layout page. Because Blogger's system cannot parse Vue and Vuetify's syntax. There are 2 ways to edit blog post widget. And you probably only need to do this once after install this theme for customization.\n\n1. Move `Blog Widget` script to other Section (Somewhere like `Components` Section) from HTML Edit from Theme page. If you use wrapping arrow on the left side line number bar of HTML edit, you can easily copy and paste block of tag. Then you can edit `Blog Widget` from your layout page. Once you are done, you can copy that back to where it was.\n\n```\n\u003cb:section class='Blog' id='Blog' name='Blog' showaddelement='no'\u003e\n\u003cb:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'\u003e\n... more code\n\u003c/b:widget\u003e\n\u003c/b:section\u003e\n```\n\n2. Edit manually from HTML Edit. I don't recommend this.\n\n### How to use code style in the post\n\n1. `\u003cpre\u003e\u003ccode\u003e\u003c/code\u003e\u003c/pre\u003e`\n\n### Layout System\n\n| Section             | Description                                                                                                        |\n| ------------------- | ------------------------------------------------------------------------------------------------------------------ |\n| Nav Top             | You can add any sidebar widgets here.                                                                              |\n| Label Section       | You can only add labels.                                                                                           |\n| Nav Bottom          | You can add any sidebar widgets here.                                                                              |\n| Main Content Top    | You can add any main content widgets here. eg. ads                                                                 |\n| Main Content Bottom | You can add any main content widgets here. eg. ads                                                                 |\n| Components          | This is for the theme developers. Specially for the widgets that is going to be modified a lot as a vue component. |\n| Bottom Section      | You can add any footer widgets here.                                                                               |\n\n## Contribution\n\nYou are welcome to improve Vuetilog.\nYou can contribute by opening a pull request in this repository.\n\n## Theme Development Details\n\n### Theme load order\n\n1. Blogger Template System Generates HTML file from vuetilog theme\n2. Webbrowser loads the blog page\n3. Loads Vue, Vuetify, CSS and many other things from the head tag\n4. Go through id='init-wrapper' div tag where majority of elements that will be componentized later\n5. Go through Vue App Template\n6. Creates loading overlay with Vue from the top of body tag\n7. Componentizes the elements from id='init-wrapper' div tag\n8. Create Vue app with components and data\n9. Removes init-wrapper div tag\n10. Removes loading overlay\n\n### How to use Vue and Vuetify?\n\nAs long as your tags are part of components and vue app template, they are going to be loaded.\n\n### Vuetilog Components\n\n| Components          | Location               | Description                                                |\n| ------------------- | ---------------------- | ---------------------------------------------------------- |\n| nav-top             | Left Navigation Drawer | This component is for any sidebar widgets.                 |\n| label-section       | Left Navigation Drawer | This component is designed to contains only label widgets. |\n| nav-bottom          | Left Navigation Drawer | This component is for any sidebar widgets.                 |\n| main-content-top    | Main Page              | This component is for any widgets for main page. eg. ads   |\n| main-content-bottom | Main Page              | This component is for any widgets for main page. eg. ads   |\n| pagination          | Main Page              | This component is for placing pagination.                  |\n| bottom-section      | Main Page              | This component is designed for footer of blog.             |\n\n### 👼 Become a Sponsor\n\n- [Ko-fi](https://ko-fi.com/opdev1004)\n- [Github sponsor page](https://github.com/sponsors/opdev1004)\n\n### 🎁 Shop\n\n- [RB Rino Shop](https://www.redbubble.com/shop/ap/149559711)\n- [RB Geargom Shop](https://www.redbubble.com/people/Geargom/shop)\n\n## 👨‍💻 Author\n\n[Victor Chanil Park](https://github.com/opdev1004)\n\n## 💯 License\n\nMIT, See [LICENSE](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopdev1004%2Fvuetilog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopdev1004%2Fvuetilog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopdev1004%2Fvuetilog/lists"}