完成学习环境说明

src/SUMMARY.md

@@ -6,6 +6,8 @@
 
 [协议与约定](./conventions.md)
 
+[如何使用学习环境](./how_to_use_studyenv.md)
+
 [1. Licenses/MIT License](./licenses/LICENSE-MIT.md)
 
 [2. Licenses/Apache License](./licenses/LICENSE-APACHE.md)

src/how_to_use_studyenv.md

@@ -0,0 +1,25 @@
+# 如何使用学习环境？
+
+本站提供了一个在线学习linux的环境，可以执行一些简单的命令，甚至可以编译一些程序。
+
+本环境带宽有限，加载可能需要5到10分钟。
+
+本环境基于 jslinux 搭建。所有程序运行在您的浏览器上。
+
+学习环境使用 Fedora 33 系统，命令可能会和 rockyLinux 略有不同。
+
+## 如何启动？
+
+在页面上方可以找到“学习环境”按钮，也可以点击按钮：
+<button onclick="stbtn()">实验环境</button>
+
+系统内所有内容都会在刷新或切换页面时清除。
+
+## 友情链接
+
+如果本站服务无法访问，您还可以去下面的链接：
+
+* [JSLinux](https://bellard.org/jslinux/vm.html?cpu=riscv64&url=fedora33-riscv.cfg&mem=256)
+* [mxt.cn](https://mxt.cn/lxojres/jslinux/index.html)
+
+> mxt使用的操作系统略微不同

theme/index.hbs

@@ -408,7 +408,7 @@
         <!-- https://nj1.mossfrp.cn:52719/ -->
         <script>
             var link = "https://nj1.mossfrp.cn:52719/";
-            document.getElementById('popup-btn').addEventListener('click', function () {
+            function stbtn() {
                 if (window.screen.width >= 700) {
                     var popupWindow = document.getElementById('popup-window');
                     if (popupWindow.classList.contains('show')) {
@@ -421,7 +421,8 @@
                 } else {
                     window.open(link, "_blank");
                 }
-            });
+            }
+            document.getElementById('popup-btn').addEventListener('click', stbtn);
 
         </script>