“帮助:沙盒”的版本间的差异

来自萌娘文库
跳转至： 导航、 搜索
第1行： 第1行：
−
完成了67次替换。
+
<html><head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta charset="utf-8">
 +
<title>Tutorial Sandbox for Tencent Cloud Lab</title>
 +
<link rel="stylesheet" href="//imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/laboratory/css/lab-201801021622.css">
 +
<link rel="stylesheet" href="//ask.qcloudimg.com/script/vendor/0.7.1/katex.min.css">
 +
<style>
 +
html, body {
 +
width: 100%;
 +
}
 +
body {
 +
background: #343638;
 +
top: 0;
 +
overflow-x: hidden;
 +
}
 +
::-webkit-scrollbar-thumb {
 +
background-color: #939495;
 +
background-color: hsla(0,0%,47%,.4);
 +
}
 +
::-webkit-scrollbar-thumb:hover {
 +
background-color: hsla(0,0%,39%,.7);
 +
}
 +
</style>
 +
<style id="dynamic-inserted-css-writing-mode-css">
 +
.writing-mode .reveal-heading {
 +
padding: 0 10px;
 +
opacity: 0;
 +
transition: opacity .3s ease;
 +
}
 +
.writing-mode .lab-edi-stage-title:hover .reveal-heading,
 +
.writing-mode .lab-edi-stage-step-title:hover .reveal-heading {
 +
opacity: 1;
 +
}
 +
</style><style id="dynamic-inserted-css-tc-15-transition-slide223169786">
 +
.tc-15-transition-slide223169786-enter {
 +
    opacity: 0 !important;
 +
    transform: translate3d(30px, 0px, 0);
 +
}
 +
.tc-15-transition-slide223169786-enter-active {
 +
    opacity: 1 !important;
 +
    transform: translate3d(0, 0, 0);
 +
    transition: opacity 300ms ease,
 +
                transform 300ms ease;
 +
}
 +
.tc-15-transition-slide223169786-leave {
 +
    opacity: 1 !important;
 +
    transform: translate3d(0, 0, 0);
 +
}
 +
.tc-15-transition-slide223169786-leave-active {
 +
    opacity: 0 !important;
 +
    transform: translate3d(-30px, 0px, 0);
 +
    transition: opacity 300ms ease,
 +
                transform 300ms ease;
 +
}
 +
</style><style id="dynamic-inserted-css-tc-15-transition-slide1187507215">
 +
.tc-15-transition-slide1187507215-enter {
 +
    opacity: 0 !important;
 +
    transform: translate3d(0px, -30px, 0);
 +
}
 +
.tc-15-transition-slide1187507215-enter-active {
 +
    opacity: 1 !important;
 +
    transform: translate3d(0, 0, 0);
 +
    transition: opacity 300ms ease,
 +
                transform 300ms ease;
 +
}
 +
.tc-15-transition-slide1187507215-leave {
 +
    opacity: 1 !important;
 +
    transform: translate3d(0, 0, 0);
 +
}
 +
.tc-15-transition-slide1187507215-leave-active {
 +
    opacity: 0 !important;
 +
    transform: translate3d(0px, -30px, 0);
 +
    transition: opacity 300ms ease,
 +
                transform 300ms ease;
 +
}
 +
</style></head>
 +
<body>
 +
<div id="react-root"><div><div class="lab-edi-stage-area" style="transition: all 1s ease;"><div class="lab-edi-stage-area-inner" style="opacity: 1; transition: all 0.1s ease;"><div class="lab-edi-stage-item finished"><h3 class="lab-edi-stage-title">准备</h3><span></span></div><div class="lab-edi-stage-item actived"><h3 class="lab-edi-stage-title">安装 AMP 环境<span class="lab-edi-stage-duration">10min ~ 15min</span></h3><span><div><ul class="lab-edi-stage-steps"><li class="actived"><div class="lab-edi-stage-step-title">安装 XAMPP</div><span><div class="lab-edi-stage-step-desc"><div><div><div class="p">上面的步骤中，我们已经下载完毕 XAMPP ，并且系统帮我们自动运行了安装程序。</div></div></div><div><div><div class="p">现在，我们点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/d0z8qkrbc4/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231323.png" alt="image"></div><div><div><div class="p">这里列出了 XAMPP 的组件，确认都勾选上，点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/3duk4dqcrh/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231432.png" alt="image"></div><div><div><div class="p">这里是 XAMPP 的安装目录，我们采用默认的 c:/xampp ，点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/3nzuhh7ns8/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231607.png" alt="image"></div><div><div><div class="p">这个界面提供了 XAMPP 的介绍，内容是英文的。我们可以取消勾选，然后点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/3eb7kyxiwv/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231544.png" alt="image"></div><div><div><div class="p">好了，准备开始安装，深呼吸一口气，点击下一步 （Next）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/c2ig8vel6m/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231717.png" alt="image"></div><div><div><div class="p">这就是激动人心的安装界面了，据说看着进度条，时间会过得快一些</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/b7rfhh1n0n/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030231818.png" alt="image"></div><div><div><div class="p">安装完毕，点击完成 （Finish）</div></div></div><div><img src="https://share-10039692.file.myqcloud.com/lab/b1869c5623/image/9xjlbdrkec/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20171030232135.png" alt="image"></div><div class="lab-edi-operation"><span><div class="buttons"><button class="lab-btn small"><span class="text">已完成，下一步</span></button></div></span></div></div></span></li></ul></div></span></div><div class="lab-edi-stage-item"><h3 class="lab-edi-stage-title">配置服务器<span class="lab-edi-stage-duration">5min ~ 10min</span></h3><span></span></div><div class="lab-edi-stage-item"><h3 class="lab-edi-stage-title">测试访问<span class="lab-edi-stage-duration">5min ~ 10min</span></h3><span></span></div></div></div></div></div>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/jquery-3.2.1.min.js"></script>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/babel/polyfill.6.26.min.js"></script>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/react/react.16.0.0.min.js"></script>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/react/react-dom.16.0.0.min.js"></script>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/katex/0.7.1/katex.min.js"></script>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/monaco-editor/min/vs/loader.js"></script>
 +
<script src="//imgcache.qq.com/qcloud/main/scripts/release/labs/sandbox.3fbd50bdc05fa637685a.js"></script>
  
−
查找：
+
<script type="text/javascript" src="//share-10039692.file.myqcloud.com/lab/lds/draft/contrib/1115-29f564ab77400c7317123dd92cd0b9fd.lds.js"></script></body></html>
−
</a>
 
−
替换为：
 
−
</div>《》a
 

2018年3月21日 (三) 20:09的版本

<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>Tutorial Sandbox for Tencent Cloud Lab</title> <link rel="stylesheet" href="//imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/laboratory/css/lab-201801021622.css"> <link rel="stylesheet" href="//ask.qcloudimg.com/script/vendor/0.7.1/katex.min.css"> <style> html, body { width: 100%; } body { background: #343638; top: 0; overflow-x: hidden; } ::-webkit-scrollbar-thumb { background-color: #939495; background-color: hsla(0,0%,47%,.4); } ::-webkit-scrollbar-thumb:hover { background-color: hsla(0,0%,39%,.7); } </style> <style id="dynamic-inserted-css-writing-mode-css"> .writing-mode .reveal-heading { padding: 0 10px; opacity: 0; transition: opacity .3s ease; } .writing-mode .lab-edi-stage-title:hover .reveal-heading, .writing-mode .lab-edi-stage-step-title:hover .reveal-heading { opacity: 1; } </style><style id="dynamic-inserted-css-tc-15-transition-slide223169786"> .tc-15-transition-slide223169786-enter { 

   opacity: 0 !important;
   transform: translate3d(30px, 0px, 0);

} .tc-15-transition-slide223169786-enter-active { 

   opacity: 1 !important;
   transform: translate3d(0, 0, 0);
   transition: opacity 300ms ease,
               transform 300ms ease;

} .tc-15-transition-slide223169786-leave { 

   opacity: 1 !important;
   transform: translate3d(0, 0, 0);

} .tc-15-transition-slide223169786-leave-active { 

   opacity: 0 !important;
   transform: translate3d(-30px, 0px, 0);
   transition: opacity 300ms ease,
               transform 300ms ease;

} </style><style id="dynamic-inserted-css-tc-15-transition-slide1187507215"> .tc-15-transition-slide1187507215-enter { 

   opacity: 0 !important;
   transform: translate3d(0px, -30px, 0);

} .tc-15-transition-slide1187507215-enter-active { 

   opacity: 1 !important;
   transform: translate3d(0, 0, 0);
   transition: opacity 300ms ease,
               transform 300ms ease;

} .tc-15-transition-slide1187507215-leave { 

   opacity: 1 !important;
   transform: translate3d(0, 0, 0);

} .tc-15-transition-slide1187507215-leave-active { 

   opacity: 0 !important;
   transform: translate3d(0px, -30px, 0);
   transition: opacity 300ms ease,
               transform 300ms ease;

} </style></head> <body>

准备

安装 AMP 环境10min ~ 15min

  • 安装 XAMPP
    上面的步骤中，我们已经下载完毕 XAMPP ，并且系统帮我们自动运行了安装程序。
    现在，我们点击下一步 （Next）
    image
    这里列出了 XAMPP 的组件，确认都勾选上，点击下一步 （Next）
    image
    这里是 XAMPP 的安装目录，我们采用默认的 c:/xampp ，点击下一步 （Next）
    image
    这个界面提供了 XAMPP 的介绍，内容是英文的。我们可以取消勾选，然后点击下一步 （Next）
    image
    好了，准备开始安装，深呼吸一口气，点击下一步 （Next）
    image
    这就是激动人心的安装界面了，据说看着进度条，时间会过得快一些
    image
    安装完毕，点击完成 （Finish）
    image
    <button class="lab-btn small">已完成，下一步</button>

配置服务器5min ~ 10min

测试访问5min ~ 10min

<script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/jquery-3.2.1.min.js"></script> <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/babel/polyfill.6.26.min.js"></script> <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/react/react.16.0.0.min.js"></script> <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/react/react-dom.16.0.0.min.js"></script> <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/katex/0.7.1/katex.min.js"></script> <script src="//imgcache.qq.com/qcloud/main/scripts/release/common/vendors/monaco-editor/min/vs/loader.js"></script> <script src="//imgcache.qq.com/qcloud/main/scripts/release/labs/sandbox.3fbd50bdc05fa637685a.js"></script>

<script type="text/javascript" src="//share-10039692.file.myqcloud.com/lab/lds/draft/contrib/1115-29f564ab77400c7317123dd92cd0b9fd.lds.js"></script></body></html>

取自“https://library.moegirl.org.cn/index.php?title=帮助:沙盒&oldid=5234”