zhenxun_bot/docs/installation_doc/install_webui.html
HibiKier 7dee810140 x
2022-05-03 03:30:15 +08:00

76 lines
18 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>安装使用WebUi | 绪山真寻Bot</title>
<meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/zhenxun_bot/favicon.ico">
<meta name="description" content="这是个绪山真寻Bot的部署教程">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<link rel="preload" href="/zhenxun_bot/assets/css/0.styles.3af13d03.css" as="style"><link rel="preload" href="/zhenxun_bot/assets/js/app.e65f8001.js" as="script"><link rel="preload" href="/zhenxun_bot/assets/js/3.97cb735a.js" as="script"><link rel="preload" href="/zhenxun_bot/assets/js/1.5a85ab28.js" as="script"><link rel="preload" href="/zhenxun_bot/assets/js/38.1da64650.js" as="script"><link rel="preload" href="/zhenxun_bot/assets/js/8.6dce9ba3.js" as="script"><link rel="prefetch" href="/zhenxun_bot/assets/js/10.c36c3cdb.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/11.e9b0183e.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/12.505ff660.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/13.556ed60a.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/14.7e39a8ba.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/15.f3ba613f.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/16.8e9e4136.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/17.cafc13bb.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/18.926bda27.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/19.8edb492b.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/20.f527068a.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/21.2a98af4d.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/22.c016f726.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/23.627b7a1f.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/24.9afe2b95.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/25.c6c38810.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/26.b2377558.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/27.cedf7481.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/28.424981c8.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/29.3587a05c.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/30.6223d485.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/31.59cf9ddf.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/32.784c547d.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/33.3c9c2b8f.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/34.ed83cfa3.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/35.c0128aec.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/36.369767f0.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/37.3069f322.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/39.088f0b16.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/4.fd8c8808.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/40.a440785c.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/41.2413d124.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/42.2f2808f6.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/5.71556fb3.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/6.100e6bd9.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/7.3873c60b.js"><link rel="prefetch" href="/zhenxun_bot/assets/js/9.2c396e80.js">
<link rel="stylesheet" href="/zhenxun_bot/assets/css/0.styles.3af13d03.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container" data-v-1156296a><div data-v-1156296a><div id="loader-wrapper" class="loading-wrapper" data-v-d48f4d20 data-v-1156296a data-v-1156296a><div class="loader-main" data-v-d48f4d20><div data-v-d48f4d20></div><div data-v-d48f4d20></div><div data-v-d48f4d20></div><div data-v-d48f4d20></div></div> <!----> <!----></div> <div class="password-shadow password-wrapper-out" style="display:none;" data-v-4e82dffc data-v-1156296a data-v-1156296a><h3 class="title" data-v-4e82dffc data-v-4e82dffc>绪山真寻Bot</h3> <p class="description" data-v-4e82dffc data-v-4e82dffc>这是个绪山真寻Bot的部署教程</p> <label id="box" class="inputBox" data-v-4e82dffc data-v-4e82dffc><input type="password" value="" data-v-4e82dffc> <span data-v-4e82dffc>Konck! Knock!</span> <button data-v-4e82dffc>OK</button></label> <div class="footer" data-v-4e82dffc data-v-4e82dffc><span data-v-4e82dffc><i class="iconfont reco-theme" data-v-4e82dffc></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-4e82dffc>vuePress-theme-reco</a></span> <span data-v-4e82dffc><i class="iconfont reco-copyright" data-v-4e82dffc></i> <a data-v-4e82dffc><span data-v-4e82dffc>hibikier</span>
  
<span data-v-4e82dffc>2021 - </span>
2022
</a></span></div></div> <div class="hide" data-v-1156296a><header class="navbar" data-v-1156296a><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/zhenxun_bot/" class="home-link router-link-active"><img src="/zhenxun_bot/logo.png" alt="绪山真寻Bot" class="logo"> <span class="site-name">绪山真寻Bot</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/zhenxun_bot/" class="nav-link"><i class="iconfont reco-home"></i>
首页
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/installation_doc/" class="nav-link router-link-active"><i class="iconfont reco-document"></i>
安装文档
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/help_doc/" class="nav-link"><i class="iconfont reco-document"></i>
使用文档
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/development_doc/plugins.html" class="nav-link"><i class="iconfont reco-document"></i>
开发文档
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/update_log/" class="nav-link"><i class="iconfont reco-suggestion"></i>
更新日志
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/faq/" class="nav-link"><i class="iconfont reco-faq"></i>
FAQ
</a></div><div class="nav-item"><a href="/zhenxun_bot/blogs/about.html" class="nav-link"><i class="iconfont reco-faq"></i>
关于
</a></div><div class="nav-item"><a href="https://github.com/HibiKier/zhenxun_bot" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask" data-v-1156296a></div> <aside class="sidebar" data-v-1156296a><div class="personal-info-wrapper" data-v-828910c6 data-v-1156296a><img src="https://s.gravatar.com/avatar/27d0f38d5b14cf1ae60da1522a9a246e?s=80" alt="author-avatar" class="personal-img" data-v-828910c6> <h3 class="name" data-v-828910c6>
hibikier
</h3> <div class="num" data-v-828910c6><div data-v-828910c6><h3 data-v-828910c6>26</h3> <h6 data-v-828910c6>Articles</h6></div> <div data-v-828910c6><h3 data-v-828910c6>0</h3> <h6 data-v-828910c6>Tags</h6></div></div> <ul class="social-links" data-v-828910c6></ul> <hr data-v-828910c6></div> <nav class="nav-links"><div class="nav-item"><a href="/zhenxun_bot/" class="nav-link"><i class="iconfont reco-home"></i>
首页
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/installation_doc/" class="nav-link router-link-active"><i class="iconfont reco-document"></i>
安装文档
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/help_doc/" class="nav-link"><i class="iconfont reco-document"></i>
使用文档
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/development_doc/plugins.html" class="nav-link"><i class="iconfont reco-document"></i>
开发文档
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/update_log/" class="nav-link"><i class="iconfont reco-suggestion"></i>
更新日志
</a></div><div class="nav-item"><a href="/zhenxun_bot/docs/faq/" class="nav-link"><i class="iconfont reco-faq"></i>
FAQ
</a></div><div class="nav-item"><a href="/zhenxun_bot/blogs/about.html" class="nav-link"><i class="iconfont reco-faq"></i>
关于
</a></div><div class="nav-item"><a href="https://github.com/HibiKier/zhenxun_bot" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/zhenxun_bot/docs/installation_doc/" aria-current="page" class="sidebar-link">准备工作</a></li><li><a href="/zhenxun_bot/docs/installation_doc/install_gocq.html" class="sidebar-link">安装go-cqhttp</a></li><li><a href="/zhenxun_bot/docs/installation_doc/install_postgresql.html" class="sidebar-link">安装Postgresql数据库</a></li><li><a href="/zhenxun_bot/docs/installation_doc/install_zhenxun.html" class="sidebar-link">安装绪山真寻Bot</a></li><li><a href="/zhenxun_bot/docs/installation_doc/start_.html" class="sidebar-link">Linux下持久化运行</a></li><li><a href="/zhenxun_bot/docs/installation_doc/install_webui.html" aria-current="page" class="active sidebar-link">安装使用WebUi</a></li></ul> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-4e82dffc data-v-1156296a><h3 class="title" data-v-4e82dffc data-v-4e82dffc>安装使用WebUi</h3> <!----> <label id="box" class="inputBox" data-v-4e82dffc data-v-4e82dffc><input type="password" value="" data-v-4e82dffc> <span data-v-4e82dffc>Konck! Knock!</span> <button data-v-4e82dffc>OK</button></label> <div class="footer" data-v-4e82dffc data-v-4e82dffc><span data-v-4e82dffc><i class="iconfont reco-theme" data-v-4e82dffc></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-4e82dffc>vuePress-theme-reco</a></span> <span data-v-4e82dffc><i class="iconfont reco-copyright" data-v-4e82dffc></i> <a data-v-4e82dffc><span data-v-4e82dffc>hibikier</span>
  
<span data-v-4e82dffc>2021 - </span>
2022
</a></span></div></div> <div data-v-1156296a><main class="page" style="padding-right:0;"><section><div class="page-title"><h1 class="title">安装使用WebUi</h1> <div data-v-1ff7123e><i class="iconfont reco-account" data-v-1ff7123e><span data-v-1ff7123e>hibikier</span></i> <!----> <!----> <!----></div></div> <div class="theme-reco-content content__default"><div class="custom-block warning"><p class="title"></p><p>因为我是直接使用vue run的所以该教程也以vue run为主其他方式如nginx可略过</p></div><div class="custom-block tip"><p class="title"></p><p>别忘了打开服务器端口默认是8081修改端口在vue.config.js文件中</p></div><h1 id="开始安装"><a href="#开始安装" class="header-anchor">#</a> 开始安装</h1> <h2 id="安装nodejs"><a href="#安装nodejs" class="header-anchor">#</a> 安装nodejs</h2> <p>百度很多教程我的环境是Nodejs14</p> <h2 id="安装yarn"><a href="#安装yarn" class="header-anchor">#</a> 安装yarn</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>npm install -g yarn
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h2 id="安装vue-cli"><a href="#安装vue-cli" class="header-anchor">#</a> 安装vue-cli</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>yarn global add @vue/cli
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h2 id="获取项目"><a href="#获取项目" class="header-anchor">#</a> 获取项目</h2> <p>点击 <a href="https://codeload.github.com/HibiKier/zhenxun_bot_webui/zip/refs/heads/main" target="_blank" rel="noopener noreferrer">WebUi<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 下载项目压缩包<br>
or</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>git clone https://github.com/HibiKier/zhenxun_bot_webui.git
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h2 id="安装依赖"><a href="#安装依赖" class="header-anchor">#</a> 安装依赖</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>yarn
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h2 id="开始运行"><a href="#开始运行" class="header-anchor">#</a> 开始运行</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>yarn run serve
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h1 id="配置账号密码"><a href="#配置账号密码" class="header-anchor">#</a> 配置账号密码</h1> <p><code>configs/config.yaml</code>文件中配置项设置账号密码</p> <div class="language-yaml line-numbers-mode"><pre class="language-yaml"><code><span class="token key atrule">web-ui</span><span class="token punctuation">:</span>
<span class="token comment"># web-ui</span>
<span class="token comment"># USERNAME: 前端管理用户名</span>
<span class="token comment"># PASSWORD: 前端管理密码</span>
<span class="token key atrule">USERNAME</span><span class="token punctuation">:</span> admin
<span class="token key atrule">PASSWORD</span><span class="token punctuation">:</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><div class="custom-block tip"><p class="title"></p><p>必须要设置账号密码,否则无法登陆!</p></div></div></section> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev"><a href="/zhenxun_bot/docs/installation_doc/start_.html" class="prev">
Linux下持久化运行
</a></span> <!----></p></div> <div class="comments-wrapper"><!----></div> <ul class="side-bar sub-sidebar-wrapper" style="width:0;" data-v-70334359></ul></main> <!----></div></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-c6073ba8 data-v-c6073ba8><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-c6073ba8><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-c6073ba8></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-c6073ba8></path></svg></div><!----></div></div>
<script src="/zhenxun_bot/assets/js/app.e65f8001.js" defer></script><script src="/zhenxun_bot/assets/js/3.97cb735a.js" defer></script><script src="/zhenxun_bot/assets/js/1.5a85ab28.js" defer></script><script src="/zhenxun_bot/assets/js/38.1da64650.js" defer></script><script src="/zhenxun_bot/assets/js/8.6dce9ba3.js" defer></script>
</body>
</html>