You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

165 lines
6.2 KiB

3 years ago
3 years ago
3 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="renderer" content="webkit" />
  6. <meta name="force-rendering" content="webkit" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  8. <title>宝塔面板安装脚本</title>
  9. <link rel="stylesheet" type="text/css" href="/static/css/sanren.css" />
  10. <link rel="stylesheet" type="text/css" href="/static/css/style.css" />
  11. <link rel="stylesheet" type="text/css" href="/static/css/download.css" />
  12. </head>
  13. <body>
  14. <div class="down-main">
  15. <div class="d1">
  16. <div class="wrap">
  17. <div class="i1t textcenter">
  18. <h1 class="disflex flex_center flex_lrcenter textcenter">宝塔面板安装脚本<img class="ml10" src="/static/images/i1ico_03.png"></h1>
  19. <div class="text20 mt_25 wap_mt15 textcenter cl8">
  20. <p>2分钟装好面板,一键管理服务器</p>
  21. <p>集成LAMP/LNMP环境安装,网站、FTP、数据库、文件管理、软件安装等功能</p>
  22. </div>
  23. <div class="mt_30 i1ta wap_mt15">
  24. <a href="https://demo.bt.cn" target="_block" rel="noreferrer">查看演示</a>
  25. <a href="javascript:;" id="goInstallLinux">
  26. <img class="middle mr10" src="/static/images/i1aico_03.png">
  27. 立即免费安装
  28. </a>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="d2" id="instal-linux">
  34. <div class="wrap">
  35. <div class="wrap-title linux-title">
  36. <div class="text">使用此云端的宝塔面板(版本:{:config_get('new_version')})</div>
  37. </div>
  38. <div class="desc">
  39. 使用 SSH 连接工具,如
  40. <a class="link" href="https://www.putty.org/" target="_blank" rel="noreferrer">PUTTY</a>
  41. 连接到您的 Linux 服务器后,
  42. <a class="link" href="https://www.bt.cn/bbs/thread-50002-1-1.html" target="_blank" rel="noreferrer">挂载磁盘</a>
  43. ,根据系统执行相应命令开始安装:
  44. </div>
  45. <div class="install-code">
  46. <span class="osname">Centos安装脚本</span>
  47. <div class="code-cont">
  48. <div class="command" title="点击复制Centos安装脚本">yum install -y wget && wget -O install.sh {$siteurl}/install/install_6.0.sh && sh install.sh</div>
  49. <span class="ico-copy" title="点击复制Centos安装脚本" data-clipboard-text="yum install -y wget && wget -O install.sh {$siteurl}/install/install_6.0.sh && sh install.sh">复制</span>
  50. </div>
  51. </div>
  52. <div class="install-code">
  53. <span class="osname">Ubuntu/Debian安装脚本</span>
  54. <div class="code-cont">
  55. <div class="command" title="点击复制Ubuntu/Debian安装脚本">wget -O install.sh {$siteurl}/install/install_6.0.sh && bash install.sh</div>
  56. <span class="ico-copy" title="点击复制Ubuntu/Debian安装脚本" data-clipboard-text="wget -O install.sh {$siteurl}/install/install_6.0.sh && bash install.sh">复制</span>
  57. </div>
  58. </div>
  59. <div class="install-code">
  60. <span class="osname">一键更新脚本</span>
  61. <div class="code-cont">
  62. <div class="command" title="点击复制一键更新脚本">curl {$siteurl}/install/update6.sh|bash</div>
  63. <span class="ico-copy" title="点击复制一键更新脚本" data-clipboard-text="curl {$siteurl}/install/update6.sh|bash">复制</span>
  64. </div>
  65. </div>
  66. <div class="tips" style="color: orangered; font-weight: 700">
  67. <p>注意:必须为没装过其它环境如Apache/Nginx/php/MySQL的新系统,推荐使用centos 7.X的系统安装宝塔面板</p>
  68. <p style="text-indent: 3em">推荐使用Chrome、火狐、edge浏览器,国产浏览器请使用极速模式访问面板登录地址</p>
  69. <p style="text-indent: 3em">如果使用过官方版或其他第三方云端的版本,使用一键更新脚本即可切换到此云端</p>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="d4" id="instal-cloud">
  74. <div class="wrap">
  75. <div class="wrap-title">
  76. <div class="text">更新日志</div>
  77. </div>
  78. <div class="desc">
  79. <p>宝塔Linux面板更新到{:config_get('new_version')}</p>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="animate-bg"></div>
  84. </div>
  85. <div class="foot">
  86. <div class="wrap">
  87. <div class="fb textcenter">
  88. <div class="fb1 textcenter">
  89. <a href="http://www.bt.cn/new/agreement_open.html" target="_blank" rel="noreferrer">《开源许可协议》</a>
  90. <i></i>
  91. <a href="http://www.bt.cn/new/agreement_user.html" target="_blank" rel="noreferrer">《用户协议》</a>
  92. <i></i>
  93. <a href="http://www.bt.cn/new/agreement_privacy.html" target="_blank" rel="noreferrer">《隐私声明》</a>
  94. </div>
  95. <div class="fb2 mt_15">
  96. <p>
  97. Copyright © 2022 宝塔面板安装脚本
  98. </p>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <script src="//cdn.staticfile.org/jquery/3.6.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  104. <script src="//cdn.staticfile.org/layer/3.5.1/layer.js" type="text/javascript" charset="utf-8"></script>
  105. <script type="text/javascript" src="//cdn.staticfile.org/clipboard.js/1.7.1/clipboard.min.js"></script>
  106. <script type="text/javascript" src="/static/js/dx.js"></script>
  107. <script>
  108. $(function () {
  109. var userId = '';
  110. // 复制安装命令
  111. var clipboard = new Clipboard('.ico-copy', {
  112. text: function (element) {
  113. return $(element).prev().text();
  114. },
  115. });
  116. clipboard
  117. .on('success', function (e) {
  118. layer.msg(e.trigger.title + '成功', { icon: 1 });
  119. })
  120. .on('error', function (e) {
  121. layer.msg('复制失败,请手动选中文本Ctrl+c复制内容', { icon: 2 });
  122. });
  123. $('.install-code .command').click(function () {
  124. $(this).next('.ico-copy').click();
  125. });
  126. $('#goInstallLinux').click(function () {
  127. scrollTop('#instal-linux');
  128. });
  129. $('#goOnlineInstall').click(function () {
  130. scrollTop('#online-instal');
  131. });
  132. $('#goInstallCloud').click(function () {
  133. scrollTop('#instal-cloud');
  134. });
  135. function GetRequest() {
  136. var url = location.search;
  137. //获取url中"?"符后的字串
  138. var theRequest = new Object();
  139. if (url.indexOf('?') != -1) {
  140. var str = url.substr(1);
  141. }
  142. return str;
  143. }
  144. if (GetRequest() == 'bt') {
  145. scrollTop('#instal-linux');
  146. }
  147. // 滚动到指定位置
  148. function scrollTop(el) {
  149. var headHeight = 0;
  150. $('html, body').animate({ scrollTop: $(el).offset().top - headHeight }, { duration: 200, easing: 'swing' });
  151. }
  152. });
  153. </script>
  154. </body>
  155. </html>