{"id":20848671,"url":"https://github.com/derekwin/artist_blog","last_synced_at":"2025-10-27T09:46:14.039Z","repository":{"id":112312412,"uuid":"202298286","full_name":"derekwin/Artist_blog","owner":"derekwin","description":"基于vue，quasar，~flask~-\u003edjango的多端自适应站点。 An open source adaptive blog  based on vue, quasar and ~flask~-\u003edjango .","archived":false,"fork":false,"pushed_at":"2022-05-28T14:26:52.000Z","size":19776,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-22T03:34:17.640Z","etag":null,"topics":["flask","quasar","vue"],"latest_commit_sha":null,"homepage":"http://seclee.com","language":"Vue","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/derekwin.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-08-14T07:31:14.000Z","updated_at":"2023-03-02T08:28:31.000Z","dependencies_parsed_at":"2023-04-25T20:16:11.277Z","dependency_job_id":null,"html_url":"https://github.com/derekwin/Artist_blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/derekwin/Artist_blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derekwin%2FArtist_blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derekwin%2FArtist_blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derekwin%2FArtist_blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derekwin%2FArtist_blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/derekwin","download_url":"https://codeload.github.com/derekwin/Artist_blog/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/derekwin%2FArtist_blog/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274726508,"owners_count":25338394,"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","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["flask","quasar","vue"],"created_at":"2024-11-18T02:27:04.128Z","updated_at":"2025-10-27T09:46:09.000Z","avatar_url":"https://github.com/derekwin.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1 align=\"center\"\u003e\n    Artist\n  \u003c/h1\u003e\n  \u003ch3 align=\"center\"\u003e\n     An open source adaptive blog based on vue, quasar and django\n  \u003c/h3\u003e\n\n  [Download](https://https://github.com/derekwin/Artist_blog) | [Homepage](http://www.seclee.com/) | [Blog](https://derekwin.github.io)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"Artist.png\"\u003e\n\n\u003c/div\u003e\n\n## 介绍\n~演示站点: [seclee.com](http://www.seclee.com/)~\n\nArtist采用前后端分离构建，前端由vue搭配quasar实现,后端由~flask~-\u003e`django`实现api，数据库目前采用~mysql~-\u003e`sqlite`。多端自适应。\n\n本项目目前存放的是前端部分，~包括博客后台~-\u003e`后台使用django重写中`。\n\n本项目先构建了vue项目，通过引入插件的形式引入quasar。该方式和直接利用quasar-cli构建项目有所不同。\nquasar中文网的翻译版本较老，加上quasar英文官网并没有就两种方式的差别做说明（其实也是我菜。）\n```\nfor Quasar CLI:\n \u003cimg src=\"~assets/logo.png\"\u003e\n\nfor Vue CLI:\n\n\u003cq-img :src=\"require('@/assets/logo.png')\" /\u003e\nWebpack catches \"src\" attribute on native \"\" tags only, so you need to force this on a component.\n```\n\n~后台的markdown编辑器基于[mavonEditor](https://github.com/hinesboy/mavonEditor)~-\u003e`新后台的方案后续再定`。\n\n\n## 在本地运行\n### 克隆项目\n```\ngit clone https://github.com/derekwin/Artist_blog\n```\n\n### 安装npm依赖\n```\nnpm install\n\n一点小问题\nsudo cnpm install --save axios\nasset/self/mid文件夹中需要手动添加名为1.jpg~4.jpg四张导航图片\n```\n\n### 运行\n```\nnpm run serve\n```\n\n### 打包\n```\nnpm run build\n```\n\n## 性能方面需要进一步完善\n- 图片进行进一步压缩 -\u003e2020.4.2-\u003e`django重写后台后，预计将这个功能直接集成到后端`。\n- gallery页面的图片资源按需加载 \n- 屏蔽sourceMap \n- CND加速，引入外部资源CDN\n\n## github项目完整性进度\n- 2019.9.8 上传了前端部分，包括后台的前端。~由于时间安排问题，后端的更新预计2020.1.1之后才能正常进行。~\n- `2020.4.2 flask方案最终放弃，近期打算用最新的quasar-vue-cli版本来重写这个博客应用，吸取前面的教训，把各个模块做的更整洁可复用点。后端抛弃flask，转向django，没办法，用django真的省太多事儿了，同时用django的话，我打算把原来vue实现的后端改用django的模块重写，这样能更统一一点。下一步的目标是将各个页面更加模块化，增强blog可扩展性`\n\n\n## 开发环境配置避坑指南\n- sudo apt-get install nodejs\n- npm install n -g\n- n stable\n- npm install npm -g\n- npm install -g cnpm --registry=https://registry.npm.taobao.org\n- cnpm install -g @vue/cli\n- sudo mkdir app\n- vue create app\n- cd app/\n- vue add quasar\n- npm install vue-router\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderekwin%2Fartist_blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fderekwin%2Fartist_blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fderekwin%2Fartist_blog/lists"}