Meco

一个基于 vuepress v2 的默认主题开发的博客网站；

• 易自定义；
• 魔改程度低，便于升级；
• 使用 AntD for vue2
• 可以使用后台管理系统对数据进行管理，见Meco-MS
• 可以使用基于 flask 的后端脚本来处理后台管理系统，见Meco-Server

预览：站点

提醒： 此博客服务需要配合后台管理系统Meco-MS by Vue3和后台数据服务Meco-Server by Flask才能正常使用，否则部分页面是加载不出来数据的（如博客页面、动态页面），文章页面可以正常显示；而后台管理系统和后台数据服务器的部署需要一定的门槛，请酌情使用。

Docker 部署

使用 docker 可以方便的在服务器上部署，首先 clone 此项目：

git clone https://github.com/Xerrors/Meco.git

cd Meco

1. 直接部署

首先此项目的目录下面创建一个 Dockerfile，内容如下。

# build stage
FROM node:lts-alpine as build-stage
WORKDIR /app

COPY package.json ./
RUN yarn

COPY . .
RUN yarn docs:build

# production stage
FROM nginx:stable-alpine as production-stage
COPY --from=build-stage /app/docs/.vuepress/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

然后 build 一个镜像，并启动这个镜像：

docker build --tag vuepress-docker .

docker run -d -p 80:80 --rm vuepress-docker --name meco

此时使用 http://127.0.0.1 就可以在本地访问到，如果是在服务器上面，使用服务器的 IP 地址即可。

2. 主机编译，然后部署到 docker

首先要确保主机已经有了 node (version>=12) 环境，然后创建一个 Dockerfile，内容如下：

FROM nginx
MAINTAINER Xerrors <xerrors@163.com>


COPY docs/.vuepress/dist  /usr/share/nginx/html

EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

之后就可以直接运行部署的脚本就可以了：

bash deploy.sh

当然也可以手动编译并运行 docker，首先

docker build --tag vue-deploy .

docker run -d -p 80:80 --rm --name meco vue-deploy