Flat Blog

*后端请移步到Flat-Blog-Server

一个扁平化设计的博客,基于Vue CLI 4.5.6和Sass样式预处理器进行开发,支持响应式采用前后端分离的SPA应用.使用腾讯云COS+CDN托管JavaScript和CSS以提高加载速度.

Demo: https://blog.mc-myth.cn

功能

1. 账户系统
   • 登录
   • 注册
   • 找回密码
   • 邮箱验证
   • 设置个人资料头像/头图
2. 文章系统
   • 发表文章(Markdown)
   • 删除文章
   • 发表/删除评论

更多功能开发中...

安装

npm install

编译和热重载进行开发

npm run serve

构建项目

npm run build

修复Eslint问题

npm run lint

配置项目

基本配置

配置后端api的URL

src/config/blog.config.js

export const BlogConfig = {
  blogName: 'MC Myth Blog',
  apiURL: 'YOUR API URL',
  defaultAvatar: '/assets/default-avatar.svg',
  defaultBanner: '/assets/default-banner.jpg'
}

*如跨域须在后端src/config/blog.config.ts的CrossOrigin方法中配置allowedOrigins

配置COS

用于自动发布*.js/*.css文件到腾讯云对象储存

新建文件config/env.config.js

exports.cos = {
  secretId: 'YOUR ID',
  secretKey: 'YOUR KEY',
  Bucket: ' YOUR Bucket',
  Region: 'YOUR REGION',
  remoteBasePath: 'YOUR Path',
  assetsDomain: 'YOUR DOMAIN'
}

---

移除COS配置

如果你不需要通过腾讯云COS托管.js/*.css文件可参照以下方法移除相关代码.

1. 从vue.config.js中移除config.set('externals', {...})相关代码和publicPath.
2. 从public/index.html中移除<% if (process.env.NODE_ENV === "production") { %> ... <% } %>
3. 从package.json中的scripts对象中的build中移除&& node release.js