二次开发qduoj部署前端修改记录

一.部署教程

1. 在搭建服务器上，git clone 目录网址
2. docker-compose up -d(一键部署)

二.前端镜像修改

1. git clone 目录网址
2. 到对应文件夹修改自己需要修改的内容

• 网页下方版权声明修改
• 称号修改
• Style选项的名称修改
• FAQ修改
• 管理员management左上角logo修改

将图片通过收藏夹中的free svg converter转换为svg形式，以记事本形式打开，并将其代码覆盖
链接中文件所有内容即可

• 评测机制修改, JAVA, C++, Py的不同时限：oj自带，java是c/c++的3倍，python和c/c++一样。

• favicon路径：/root/OnlineJudgeDeploy/data/backend/public/website/favicon.ico

• 加载页面的页头onlinejudge的diy：修改路径OJ/src/pages/oj/index.html中的第二行的tile为你自定义的名称，再重新上传镜像仓库覆盖原镜像即可。后台就是OJ/src/pages/admin/index.html一样的改title。

• 修改未登陆页面的语言：修改OJ/src/i18n/index.js

• 日历板块：/root/OJ/src/pages/oj/views/general/Announcements.vue
  

• 换肤英文，翻译设置修改

{{$t('m.Style')}}  // 在OJ/src/pages/oj/components/的NavBar.vue文件，设置一个叫Style的变量用于替换61行的变量
// 在US,CN,TW三个目录中的NavBar.vue进行添加
US -> Style: 'Style' // 变量在英文模式(英文文件中)时等于Style字符串
CN -> Style: '主题' // 简体模式
TW -> Style: '主題' // 繁体字模式

• 网页线条取消，将下面的三行注释掉即可。注意第三绿色行注释之后，需要加上红色行不然就没有定义变量了。同时我们需要注意NavBar这里的格式，不能用tab键，与行首相隔6个空格，//之后遥控一个tab或空格。
• 板娘的默认角色无法修改 – 项目bug

4. 修改完之后需要下载安装以下工具

sudo apt-get update
sudo apt-get install git vim wget
sudo apt-get install redis-server
sudo apt-get install postgresql
sudo apt-get install openssl libssl-dev
sudo apt-get install build-essential
wget -O- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
nvm install 8.12.0 // nvm
nvm use 8.12.0
npm install // npm

在wget -O- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash遇到这个界面

先按esc，再:q退出。
在npm install时遇到以下问题

cd OJ
npm i
npm install

成功

nvm，npm的启动需要手动启动

vim ~/.zshrc
找到最后两条语句在home目录执行 -> 启动nvm
nvm use 8.12.0 -> 启动npm

5. 利用渲染器实时渲染修改

NODE_ENV=development npm run build:dll
export TARGET=http://127.0.0.1
npm run dev
// 然后通过8080端口访问搭建OJ的服务器公网ip
ip:8080

(这样的话新开一个终端再进行修改，可以在8080页面刷新看到变化)

6. 构建修改镜像教程