一部URLでリダイレクト処理がループする不具合がありました。
サーバーの設定を見直し、現在は不具合が解消しています。
/etc/nginx/xxx.conf
#Before
server{
listen 80;
listen [::]:80 ipv6only=on;
server_name nakachan.kawaii.idol;
return 301 $host$request_url;
}
#After
server{
listen 80;
listen [::]:80 ipv6only=on;
server_name nakachan.kawaii.idol;
return 301 https://$host$request_url;
}
Quoridorn Mark2 のデザイン変更方法は、たぶん2種類。
ソースを編集してビルドするか、/dist/css/main.xxx.css を編集するかのどちらか。あるいは両方。
CSSの編集がお手軽なのでオススメ。
ただし、CSSは超長い1行文なので、エディタによってはフリーズします。
atomやKate辺りが良い？
以下、備忘録的に記載。codeタグ内はcssの内容。
＃背景色
/quoridorn/src/views/App.vue 705
html,
body {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
font-size: 14px;
background-color: ＃92a8b3; 背景色
background-image: url(../static/img/xx.jpg); 背景画像 /static/img/ に入れとく
}＃Application Server Settings
/src/app/basic/login/AppServerSettingWindow.vue
#ログインウィンドウ
/src/app/basic/login/LoginWindow.vue
＃背景画像
.root .message-scroll-area[data-v-2824eb7c] {
overflow-y: auto;
border: 1px solid grey;
margin-bottom: .5rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: var(--uni-color-white); ＃背景色
background-image: url(../static/img/xxxx.png); ＃画像を差し替え
background-size: 18rem;
background-position: top 0rem right 0rem ;
background-repeat: no-repeat
}
＃ロゴ
.root .message-scroll-area .logo[data-v-2824eb7c] {
position: absolute;
top: .4rem;
right: calc(var(--scroll-bar-width) + .5rem);
width: 8rem
}
#メッセージ hover
.root .message-scroll-area .message-documents .flat-button[data-v-2824eb7c]:hover {
text-shadow: 1px 1px 1px hsla(0,0%,100%,.66);
-webkit-box-shadow: inset 0 0 0 hsla(0,0%,100%,.5),0 2px 2px rgba(0,0,0,.19);
box-shadow: inset 0 0 0 hsla(0,0%,100%,.5),0 2px 2px rgba(0,0,0,.19);
background-color: var(--uni-color-light-skyblue)
}#ウィンドウの枠
/src/app/core/window/WindowFrame.vue 841
.window-frame[data-v-c6fdce72] {
position: fixed;
visibility: hidden;
display: block;
padding: calc(var(--window-padding) + var(--window-title-height)) var(--window-padding) var(--window-padding) var(--window-padding);
overflow: visible;
min-height: 50px;
border-radius: 8px 8px 8px 8px; ＃ログインウィンドウの下角を丸める;
background-color: var(--theme-color);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.6);
box-shadow: 5px 5px 5px rgba(0,0,0,.6);
border: 1px solid grey;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
top: 0;
-webkit-font-smoothing: subpixel-antialiased;
width: calc(var(--windowWidthPx) + var(--windowWidthEm) + var(--windowWidthRem) + var(--windowWidthScrollBar) + var(--window-padding)*2 + 2px);
height: calc(var(--windowHeightPx) + var(--windowHeightEm) + var(--windowHeightRem) + var(--windowHeightScrollBar) + var(--window-title-height) + var(--window-padding)*2);
font-size: var(--windowFontSize);
z-index: var(--windowOrder)
}nginx-build を使うことでトラブル無くビルド・管理が出来ます。
凄くオススメです。
Ubuntu 16.04に Go を入れる
sudo apt update
sudo apt upgrade -y
cd /tmp
wget https://dl.google.com/go/go1.11.linux-amd64.tar.gz
sudo tar -xvf go1.11.linux-amd64.tar.gz
sudo mv go /usr/local
export GOROOT=/usr/local/go
export GOPATH=$HOME/go
export PATH=$GOPATH/bin:$GOROOT/bin:$PATH
go versionnginx-build の導入
go get -u github.com/cubicdaiya/nginx-build
nginx-build -versionNginx のビルド
オプションを記述したシェルを用意して、ビルドします。
sudo mkdir work
sudo chown usrname:usrname -R work
nginx-build -d work -c ./install.sh -clearNginx のインストール
cd work/nginx/1.17.9/nginx-1.17.9
sudo service nginx stop
sudo make install
sudo service nginx start
nginx -Vシェル
前述のシェルはこのような感じで記述しておきます。
./install.sh
#!/bin/sh
./configure \
--prefix=/etc/nginx \
--sbin-path=/usr/sbin/nginx \
--modules-path=/usr/lib/nginx/modules \
--conf-path=/etc/nginx/nginx.conf \
--error-log-path=/var/log/nginx/error.log \
--http-log-path=/var/log/nginx/access.log \
--pid-path=/var/run/nginx.pid \
--lock-path=/var/run/nginx.lock \
--http-client-body-temp-path=/var/cache/nginx/client_temp \
--http-proxy-temp-path=/var/cache/nginx/proxy_temp \
--http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp \
--http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp \
--http-scgi-temp-path=/var/cache/nginx/scgi_temp \
--user=nginx \
--group=nginx \
--with-openssl=/usr/local/src/openssl-1.1.1d \
--with-openssl-opt=enable-tls1_3 \
--with-compat \
--with-file-aio \
--with-threads \
--with-pcre \
--with-pcre-jit \
--with-http_addition_module \
--with-http_auth_request_module \
--with-http_dav_module \
--with-http_flv_module \
--with-http_gunzip_module \
--with-http_gzip_static_module \
--with-http_mp4_module \
--with-http_random_index_module \
--with-http_realip_module \
--with-http_secure_link_module \
--with-http_slice_module \
--with-http_ssl_module \
--with-http_stub_status_module \
--with-http_sub_module \
--with-http_v2_module \
--with-mail \
--with-mail_ssl_module \
--with-stream \
--with-stream_realip_module \
--with-stream_ssl_module \
--with-stream_ssl_preread_module \
--with-cc-opt='-g -O2 -fPIE -fstack-protector-strong -Wformat -Werror=format-security -Wp,-D_FORTIFY_SOURCE=2 -fPIC' --with-ld-opt='-Wl,-Bsymbolic-functions -fPIE -pie -Wl,-z,relro -Wl,-z,now -Wl,--as-needed -pie' #参考
今日からGoをはじめる人に伝えたい$GOPATHではまった話
Ubuntu 16.04に golang 1.11 をインストールする
nginx-buildでnginxをビルドしよう