55307760357f2806bb7045089db730bf8151783b
All checks were successful
deploy to server / build-and-deploy (push) Successful in 3m21s
- 缩略图预览: 搜索页栏目右侧添加缩略图预览功能 - 细分类型: 搜索页栏目添加细分类型展示:如产品(原纸分切机) - 接口调整: 调整可选字段类型使其符合搜索引擎索引格式;将搜索条目中的type改为sectionType用于大类分类,并将type作为细分类型使用 - 文档类型: 文档页添加文档类型展示功能,当用户未指定文档类型时,在标题右侧显示文档类型 - 查询调整: 产品查询添加文档类型查询 ISSUE: Resolve #94
金申机械制造有限公司官方网站——前端服务
这是公司(金申机械制造有限公司)官网的前端服务。项目使用Nuxt.js与Element Plus进行开发,后端服务使用Directus。旨在为客户提供直观的公司简介、产品信息、解决方案、联系方式等。
站点内容
- 首页
- 首页Banner
- 推荐产品
- 产品展示
- 产品列表分类展示
- 产品详情页
- 解决方案
- 以Markdown形式渲染解决方案文章
- 服务支持
- 常见问题列表
- 文档资料列表
- 联系信息
- 关于我们
- 公司基本信息
- 搜索页
- 使用Meilisearch作为搜索引擎进行搜索
安装与设置
Note
本项目默认使用pnpm作为包管理器
- 克隆项目仓库:
git clone http://192.168.84.125/remilia/jinshen-website.git
- 进入项目目录:
cd jinshen-website
- 安装依赖
pnpm install
- 运行开发环境
pnpm run dev
- 访问开发环境
配置说明
项目用到以下环境变量,请自行在项目中配置
Note
- NUXT_PUBLIC_DIRECTUS_URL: 后端Directus服务URL
- NUXT_PUBLIC_DIRECTUS_TOKEN: 后端Directus服务的API Token
- MEILI_HOST: Meilisearch服务地址
- MEILI_SEARCH_KEY: MeilisearchKey
构建与部署
- 构建生产版本
项目构建
pnpm run build
预览构建版本
pnpm run preview
- 部署
部署构建后的项目并推送到文件服务器中,具体步骤视服务器配置而定
Dockerfile部署
- 构建Docker镜像
在项目根目录执行docker build
docker build -t jinshen-website .
- 运行docker容器
docker run --name <container-name> jinshen-website
网站默认在3000端口开放
Description
Languages
TypeScript
52.3%
Vue
44.5%
CSS
1%
Shell
0.9%
JavaScript
0.6%
Other
0.7%