猫史档案馆

大家好！这次发一个水贴，我感觉这个在分区只有灌水池塘才符合这篇文章。

好啦！这次告诉大家一个有趣的，海龟编辑器首页可以自定义，woc。

效果图：

center_image

在效果效果图中，你发现了中间的加载喵不见了，而且标题也不同了，当然，这是我改的。

原来这个是H喵L界面，可以用html修改，但是也有限制。

因为在这个界面中有些代码是中的，如果全改了，就进不去编辑界面了，没备份的就重新装吧！嘿嘿。。。

教程：

1.进入文件

1.进入海龟编辑器的文件位置，笔者安装路径为：C:\Pyblock

2.找到resources文件夹进入

3.再次进入app\build

4.总的路径就是：C:\Pyblock\resources\app\build

5.找到index.html打开

2.修复文件

原代码：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>海龟编辑器</title>
  <script async src="https://static-am.codemao.cn/tingyun/ty-wood-desktop.js"></script>
  <meta name="description" content="海龟编辑器是编程猫自主研发的图形化Python编辑器，可以搭积木，学Python。">  
<link rel="shortcut icon" href="./favicon.png"><link href="./whblocks.4a8739b658fe5ca2a2ab.css?bbb23e270ffca56ded0c" rel="stylesheet"><link href="./styles.bbb23e270ffca56ded0c.css" rel="stylesheet"></head>

<body>
  <div id="root">
    <div class="tc-loader-wrap">
      <div class="loader-container">
        <div class="loader-gif">
          <img src="https://kn-cdn.codemao.cn/wd/build/assets/loading_cat_face.4HqAF.png" class="loader-gif-before">
          <img src="https://kn-cdn.codemao.cn/wd/build/assets/loading_circle.3tMlr.png" class="loader-gif-after">
        </div>
        <div class="loader-tips">
          <span>努力加载中...</span>
        </div>
      </div>
    </div>
  </div>
<script type="text/javascript" src="./libs/blockly_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/blocks_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/javascript_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/python_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/zh-hans.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./wood.cb9b9b1db85c66f72a61.js"></script></body>
</html>

去除不重要的代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>海龟编辑器</title>
 <!--官方js应该重要，勿删--> <script async src="https://static-am.codemao.cn/tingyun/ty-wood-desktop.js"></script> 
<!--这些css重要，勿删--><link rel="shortcut icon" href="./favicon.png"><link href="./whblocks.4a8739b658fe5ca2a2ab.css?bbb23e270ffca56ded0c" rel="stylesheet"><link href="./styles.bbb23e270ffca56ded0c.css" rel="stylesheet"></head>

<body>
  <div id="root">
    <div class="tc-loader-wrap">
      <div class="loader-container">
	  <!--这里直接增加html-->
      </div>
    </div>
  </div>
<!--官方js应该重要，勿删--><script type="text/javascript" src="./libs/blockly_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/blocks_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/javascript_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/python_compressed.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./libs/zh-hans.js?bbb23e270ffca56ded0c"></script><script type="text/javascript" src="./wood.cb9b9b1db85c66f72a61.js"></script></body>
</html>

去除后就这些，在里面直接写入代码，如果有格外的CSS文件请放入头部，CSS可能与官方CSS发生冲突

然后标题你可以修改，然后就没了！

猫史档案馆

让你的海龟编辑器首页变独特

回复