https://github.com/derekwin/artist_blog
基于vue，quasar，~flask~->django的多端自适应站点。 An open source adaptive blog based on vue, quasar and ~flask~->django .
https://github.com/derekwin/artist_blog
flask quasar vue
Last synced: 8 months ago
JSON representation
基于vue，quasar，~flask~->django的多端自适应站点。 An open source adaptive blog based on vue, quasar and ~flask~->django .
- Host: GitHub
- URL: https://github.com/derekwin/artist_blog
- Owner: derekwin
- License: mit
- Created: 2019-08-14T07:31:14.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-05-28T14:26:52.000Z (about 4 years ago)
- Last Synced: 2025-07-22T03:34:17.640Z (11 months ago)
- Topics: flask, quasar, vue
- Language: Vue
- Homepage: http://seclee.com
- Size: 18.9 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Artist
An open source adaptive blog based on vue, quasar and django
[Download](https://https://github.com/derekwin/Artist_blog) | [Homepage](http://www.seclee.com/) | [Blog](https://derekwin.github.io)
## 介绍
~演示站点: [seclee.com](http://www.seclee.com/)~
Artist采用前后端分离构建，前端由vue搭配quasar实现,后端由~flask~->`django`实现api，数据库目前采用~mysql~->`sqlite`。多端自适应。
本项目目前存放的是前端部分，~包括博客后台~->`后台使用django重写中`。
本项目先构建了vue项目，通过引入插件的形式引入quasar。该方式和直接利用quasar-cli构建项目有所不同。
quasar中文网的翻译版本较老，加上quasar英文官网并没有就两种方式的差别做说明（其实也是我菜。）
```
for Quasar CLI:
for Vue CLI:
Webpack catches "src" attribute on native "" tags only, so you need to force this on a component.
```
~后台的markdown编辑器基于[mavonEditor](https://github.com/hinesboy/mavonEditor)~->`新后台的方案后续再定`。
## 在本地运行
### 克隆项目
```
git clone https://github.com/derekwin/Artist_blog
```
### 安装npm依赖
```
npm install
一点小问题
sudo cnpm install --save axios
asset/self/mid文件夹中需要手动添加名为1.jpg~4.jpg四张导航图片
```
### 运行
```
npm run serve
```
### 打包
```
npm run build
```
## 性能方面需要进一步完善
- 图片进行进一步压缩 ->2020.4.2->`django重写后台后，预计将这个功能直接集成到后端`。
- gallery页面的图片资源按需加载
- 屏蔽sourceMap
- CND加速，引入外部资源CDN
## github项目完整性进度
- 2019.9.8 上传了前端部分，包括后台的前端。~由于时间安排问题，后端的更新预计2020.1.1之后才能正常进行。~
- `2020.4.2 flask方案最终放弃，近期打算用最新的quasar-vue-cli版本来重写这个博客应用，吸取前面的教训，把各个模块做的更整洁可复用点。后端抛弃flask，转向django，没办法，用django真的省太多事儿了，同时用django的话，我打算把原来vue实现的后端改用django的模块重写，这样能更统一一点。下一步的目标是将各个页面更加模块化，增强blog可扩展性`
## 开发环境配置避坑指南
- sudo apt-get install nodejs
- npm install n -g
- n stable
- npm install npm -g
- npm install -g cnpm --registry=https://registry.npm.taobao.org
- cnpm install -g @vue/cli
- sudo mkdir app
- vue create app
- cd app/
- vue add quasar
- npm install vue-router