HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放

# 项目拉取地址:
https://gitee.com/himitzh0730/hoj.git
# 切换到hoj-vue目录执行以下命令
#安装依赖
npm install
#运行服务
npm run serve
#修改代码后构建项目到dist文件夹,到服务器docker-compose.yml中修改hoj-frontend文件映射即可
npm run build

技术交流微  makytony

1、本地测试修改这里指向后台

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第1张图片

2、在页面上直接搜索汉字,找到代码位置修改,启动项目,可边修改项目会自动编译刷新。

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第2张图片

3、修改默认勾选显示标签

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第3张图片

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第4张图片

4、修改编辑器默认配置  默认Monokai黑色主题,字号从默认14号调到22号

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第5张图片

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第6张图片

4、增加题目提交AC后礼花绽放效果

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第7张图片

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第8张图片

4、首页添加 一言功能

HOJ 项目部署-前端定制 默认勾选显示标签、 在线编辑器主题和字号大小修改、增加一言功能 题目AC后礼花绽放_第9张图片

你可能感兴趣的:(OJ部署与维护,前端)