00:01
大家好。嗯,这一节视频我们来看一下如何为增加多种风格的主题,默认只有两种主题色,一个是深黑色dark和亮白色night啊,使用久了的话可能会显得有点单调。那么我们可以从github上啊去找到啊,一些关于的一个啊,主题就是修改主题啊。然然后修改主题呢,啊,它的步骤。啊就两步,一个是我们要安装一个插件。啊叫boom boom so,安装一个这样的插件,然后呢,再去github上下载对应的一个CSS样式的,就一些一些别人已经修改好的一些主题啊拿来用,然后第三步呢,我们就是在把主题应用到嗯,Dashboard上面去啊,应用到面板上去。
01:02
好,然后我们可以来看一下啊,就是说应用后的这种效果,这种是星空色的啊这种主题。然后这种是碧绿色,就是宝石色的这种啊,碧绿色的啊这种效果。然后这个是火热色的这种效果。啊。啊,我们这个视频的重点就是讲一下两个版本,一个是V7点叉这个版本,然后还有一个是6.7.4,就是说六点叉最后一个版本啊,如何来修改主题,然后顺便再讲一下啊,我之前汉化的就为六点七点叉的一个汉化的一个啊在汉化的基础上啊,来修改这个主题啊。好,嗯,我这边已经在。
02:00
我们来看一下这个效果。这个已经是我修改好的啊这个。嗯。主题。我们先把它,我们先来实实际操作一下,把它去掉,我们根据这个步骤来,首先我们是要进到这个打开这个地址网址啊,我们已经打开了这个网址,然后我们。我们来看一下啊,它这个网址就是在这里。Park。嗯,然后我们选择安装install。我们可以看到它,它有这个步骤,他说有六种主题啊,然后格式是这种。这里是修改为对应的APP name APP name,因为它支持很多很多就是不同应用的主题啊,我们选择这里就是对应的是啊,就是这里的主题,然后后面是啊,对应的CSS就是主题的CSS啊,它有这几种啊,我们下面前面这几种就可以了啊。
03:07
啊,它这里有个example,就是怎么样来使用啊。就是说如果我们的机器能联网的话,我们安装好插件啊,报我们那个插件以后,我们就直接可以把这个地址输进去,就可以显示对应的主题了。啊好,我们按我这个文章来讲。好,嗯。我们来看一下。首先我们来创建一个目录,我先把已经创建好的主题先移除掉啊bak吧,我把这个主题先备份一下啊,我们按这个来就是说。首先我们创建一个目录。
04:01
好。啊,然后我们到这个目录下来下载对应的主题,我们把主题下载到本地来。啊,就因为如果放从从这个地址。可以从可以直接指定这个地址,但如果啊在国内的话网速,嗯,就是说各种原因吧啊,可能会加载这个啊,CSS会加载不到,会超时啊,就是影响这个效果啊,所以我们先就是把它下载下来啊,把对应的主题下载下来啊,就可以用这个脚本,你看就现在在国内的话,有可能都下载不下来啊,这是写了一个新文,把对应的CSS。波循环把它下载下来,有可能下载不下来啊。啊,这这啊这个我们可以看。会下载不下来。啊,所以我先是就是说提前下载好了啊,这个步骤是没有错的啊,就可以把对应的主题下载下来,只是因为啊各种原因吧,往就是说。
05:09
你看会下下载不下来,他直接拒绝了啊。好啊,所以我假设就是说我们已经下载好了,就比如说用W啊这种方式。嗯,已经下载好了。比如说。加这个吧,我看一下单独这样来下,能不能下下来,比如说下一个我。像这个碧绿色的这个主题,我们来看一下啊,他直接拒绝啊。这样因为网络原因吧,好,我这个就。嗯,我这个就不下了,我直接把把我刚才备份的那个,嗯改过来。嗯。
06:00
我把它移出来。被我删了。啊。稍等一下啊。把它过来。我再把它,我们先把这个目录先删了吧,我们直接把下面这个主题先移过来。然后呢,我们要改一下,我来说明一下啊,这个是对应的就是那个碧绿色,然后这个是就是黑色。
07:01
啊,然后这个是那个火热色的啊对应的。啊,一会我们我们来指定添加的时候,添加这些主题的时候,我们再讲一下,然后这个是缺省的下载啊报那个。那个插件以后,它缺省指定了一个星空色的这个文件,我们也下下来了啊,如果不下下来的话,它也会可能会加载不出来,它就是一个黑色,看不出来那个效果,然后这个是那个基础色功能放上的一个基础的一个样式,它对应的。你看我把这里面的这个地址改了啊。好,对应的是这里面的这个地址。啊,因为我这里的端口不是3000啊,是8000,我们可能还要还要替换一下啊,这个替换。我们把3000替换成8000。然后。加EP2。
08:02
然后我们搜索3000。啊,在这个当前路径下吧。啊好,我们看一下有没有切换到啊。已经替换成8000了啊,我们看一下这个是不是。是不是这个地址,因为我放在public下面嘛,是吧。我们看一下能不能来打开啊是吧,可以打开访问路径是正确的。啊,这就是说第一步我们先把这些主题样式先下下来,第二步我们到古人发展安装设置插件。嗯。在这边。对应这个地方。啊,你看它这里就是第一幅这种效果,这种是星空色的啊。好,我们按这个也把这个把它安装。啊,这个插件我也经也已经装了,你就这样用这条命令安装啊,我已经装过了。
09:05
啊,我就我就不再装,然后装完了以后就是重启啊,就是这样重启。装完就重启。重启以后,然后我们到这个面板来,我现在来把这个。把这个主题先删了。就是说我加了这个面板,我先把它移除。移除以后,它它就是我们没有主题的时候,它确实就是这种黑色是吧,然后我们现在来。添加。就是说这个是。嗯,这个版本是7.7.04的版本啊,也不是可能放到最新的,最新的话我们来看一下,可能放到最新的话应该。啊。我们来看一下最新应该7.7.1了啊,7.1了啊。我们先7.04的啊,7.04能用7.1应该是没有问题的啊,我们先来添加一个,就我们挨的一个盘。
10:07
啊,它这里和六点差不一样,6.x既有判了又有啊那个视图啊。你看拍new pan,然后我们这里选择啊,我们这里这个啊pen title不要啊,描述也不要,然后我们这个要改成透明啊,这个我们可以看一下它的。啊,说明它有这几个点。嗯,注意就是说添加。啊,这些的话就是说transparent设置成true,嗯,不要抬头,留为空吧,然后把它的disable这个东西啊,Pick pick pick。然后把它放到这个最底下啊,就是说把这个待会啊,这个panel放到最底下啊,再调整一下,根据需要调整一下适当的宽度和高度啊,我们这里就选择这个,因为安装这个插件以后就有了啊,然后你看它默认就。
11:02
添加以后。啊,它默认是一个net。啊,现在。啊,你看这里有个地址,我刚才说了要把这个文件给下下来啊,下下来,然后我刚才是我刚才是把这个文件放在什么位置,你看。好,我刚才说了这个地址是。对应这个地址,然后这个文件也是在这里,文件名我没有改它,那么我直接替换前面这个就行了,你看现在它它我添加以后啊。啊,它是一个它已经有了啊,就因为开始我已经把这个相当于这个CSS这个图片背景,这个背景图片已经缓存下来了啊,所以它它默认就有了。啊,有这个效果了,然后我们可以把它替换成我本地的啊。啊,这个这个路径好。好,我们来讲一下这个就开始来讲一下这个就是说这个是缺省的,添加以后这个缺省的主题你看啊。
12:06
就是安装这个插件以后啊,它为我们增加了一个背景色啊,星空的背景色。那我们改到这个。然后呢,我们爱的一个主题,我们先添加了,为哪一个添加呢。添加一个碧绿色的吧,啊这个。嗯,这个我我已经修改过了,就是说这里面的这个地址,他原来用的也是get up上的一个,就是可能放到base这个地址啊,因为我把这个文件也下下来了,所以我这里都指的是一个内网的地址啊。然后我们把它修。第一步我们来看一下啊,这里就是说新增,然后指定主题名,然后这里是是否设置为默认主题,然后指定CSS的地址啊,就是路径。嗯。然后。
13:00
啊,这里指定路径,指定路径的话,我们就刚才说的这个。嗯。我们先把这个地址拷过来。就是这个。CSS啊,这下面还可以制定一些样式。然后我们来来,然后我们来先看一下是不是这样就可以又增,就增加了一个碧绿色的这种效果。好,那我们接着。嗯。接着来添加。我们先保存一下吧。保存以后我们刷新一下,看一下。啊,他为什么又是啊,又是变成这种星空盛了,比如说我我选择这个我保存。
14:00
啊,宝姐。然后我刷新一下,它又。啊,它又是用了新公社,这个原因就是因为我们没有指定啊,没有指定这个默认的一个主题,就比如说我要把它设置成默认啊,啊,当然你你如果呃,每个。单已经设置好了的话,你这里还可以把它的这个啊disable掉,我刚刚才啊,这里也有说明啊,这边也有说明,就是说我我不用显示在这里了啊。你看它是不是。就把这个。隐藏了是吧。在这里我们可以再点一下,再修改一下。啊,这个因为我们已经设置成默认。啊,这个不是确实的,然后我们再来接着再来添加一个。添加一个。
15:00
还是O好的嫩。然后我们把这个地址复制过来,直到奥特曼。然后改成。奥特曼啊,这个就是这种效果。啊hotline,然后还有还有几个效果就是嗯大啊,这个我就不加了,然后还有一个。叫太空的太空灰啊,这个我我也来添加太空色吧,啊,这个我也来添加一下。嗯。那个人个人觉得是只有这这一个。只有两个主题,感觉效果还可以啊,这是太空会,太空色好。然后。我们先把这个也打开。就是说不抵。嗯。然后我们来来可选啊,来看一下效果。啊,这种就是星空的星空色,然后这个是碧绿色啊。
16:04
然后这个是hot line啊,这个这个这个时间,因为我设了一个背景啊,这个就可以自己根据根据啊这个去调。就比如说你你选你用了不同的主题,然后你这个啊颜色你可以指这个颜色,你可以指定一下啊,比如说。嗯。假如说是这种颜色的话,我们我们稍微我们来改一下吧。Car。比如说我们改到他的这种。比较红的,我我我来设置一下,其次。比如说。五三。啊,改一下这个颜色。然后8586吧。八五我们来看一下效果。
17:04
嗯。比如说用就用这个色吧,我们先用这个来看一下。啊。假如说用一个这样的色法啊,接近就行了,你自己可以调啊取用取色器取一下吧,啊就是这种。嗯,不同的啊,你选择不同的主题,假如说有一些是加了背景的话,你就可以调了。啊,这是啊。然后我们再按他的建议,官方的建议,我们把它拖到后面。涂到底部啊,涂到底部啊,这种效果就。啊,这个是。在七点啊,七点差的版本,官方的七点差的版本啊,来来就是说讲一下这个主题色,然后另外我还要讲一下就是说啊。在6.7的版本上啊,这个就我是讲一下啊,我已经汉化好的一个啊,就基本上已经汉化了,除了除了面板啊。
18:05
除了插件的面板没有汉化之外,你看默认这个是V6点。为6.7.4,现在是没有汉化的,然后我汉化的版本已经上传到了,嗯,Getup仓库啊,在这个地址啊。嗯。可能放到Chinese这个地址啊,大家可以搜得到,然后我们把这个。啊,这个包下下来啊,就你你只要想你如果不不在我的基础上再次做。做二次的啊,汉化的话,你直接下载这个这个包就可以了啊,就W把这个这个包下下来啊,我已经下下来了,然后解压的啊master啊解压出来。啊,下下来解压啊,我这里。我这上面有说明怎么样,就是说啊,如果不是做二次汉化,在我的基础上二次汉化的话,就直接下下来啊。
19:03
下下来进行。啊解压,然后把它。汉化,然后我现在来看一下,就是说目前这种效果的话,它是没有汉化的,然后我来看一下我们汉化后的,汉化后的效果,汉后的效果呢,它这里有有一些截图啊,这个打开比较慢啊,我们我们就。这个图我就不看了,我们直接看看完后的效果啊,然后这个是我们经过这里面来,我们首先要停掉我们的,把它放到地址啊,把它放到服务。啊啊,因为我们要替换它的可执行文件啊,在这个下面我们把这两个文件C啊,我们我们先要备份,我们在这个窗口下进行备份嘛,啊又是下面我们把。
20:04
啊,其实我一开始已经备份过了啊,啊点SS啊,我一开始也已经备份了您。啊,就是。K吧。这个你也可以,这个其实背不背没有多大关系。啊,然后我们把这两个文件覆盖过去。BCPC和server切换到USB相连好。这个我们可执行文件已经替换了,然后我们还要把public已经替换下,替换过去,然后public我们到U需我们放,然后我们把嗯,就把这个public也备份一下,写source.back好,我们把它备份,然后把这个。
21:03
Public直接拷过去,这小好考到这边。然后我们再重启一下。从小。我们来看一下啊。啊,这里,因为我是在另外一台机器上啊,我现在重新来退出,我们来看一下汉化后的效果。啊。啊,如果。就有些,嗯可能会嗯不更新,嗯有时候没有更新啊,没有更新的话,我们要把它的就有缓存嘛,我们要disable这个catch启,如果是用Chrome这种浏览器啊,我们disable的这个catch啊,然后我们来。看一下。啊,像底下已经汉化了啊,文档支持社区开源,我这里是6.7.4的版本啊。然后我们登录进去看一下。
22:01
啊,现在这些。啊,偏好设置这些啊,这些都已经是中文了。啊,然后还有这些啊,管理组织设置啊,这些都已经是。啊,这些统计这些我就没改啊,像这些的话。啊,服务管理这里。啊,这些也可以啊,这个地方就有改到啊,这些主要的话,一些面板的话都已经改了啊。啊,大家如果有兴趣继续在我的基础上再汉化的话,可以可以把这个仓库克隆下来啊,继续画话或继续我的基础上,然后再做提交也是可以的啊。然后这个汉化的效果,然后我们接着再再为它添加主题啊,啊这个面板的话,同样也是要就同样也是要安装这个安装这个插件啊,就我们来看一下这个我们选择可视化啊。
23:04
嗯,安装这个。嗯,这个还没有安装。这个还没安装。啊,我们来把这个插件装一下。选择。嗯,看下不下得下来就特别卡。嗯。我们看能不能下下来啊。直接这样。啊,下下来的插件的话,它的面板肯定是没有汉化的啊。把这个要我们要重新刷新一下,重新加载一下看。
24:00
看有没有。有了。啊,就这个。然后这个的话我们添加。我们先。啊,保存一下。这个已经有了,然后。我们把对应的主题我们放到public下面来啊,我在look下面啊,这一次也是我下载好了,把这个主题下下来,然后这里面我们要改一下,我看一下啊,因为。啊,这里用的是。啊,这个是三天的地址啊,59.51啊,59.51,我们这里现在是59.250啊,我们也来替换一下,就是用本地的地址啊,59.250,我们把59.250切换成。59.51。啊,然后。使用命令,然后搜索59.50好。
25:04
然后在当前目录下。你看一下有没有修改到。啊,五九。刚好到59.5啊,说错了,这59.250,好,我们来看一下。已经改成这个。我们就用这个地址来添加。同样。这个我们刚才在7.0的版本上,我们已经已经说过了。啊,在这个位置。我们把它替换了啊public啊,这个效果已经有了啊,这个我就讲也是一个就行了,然后我们把这个碧绿色的这个加一下。啊,碧绿色的。然后。
26:01
再旁地址。我们只要考前面这一节就行了,然后后面替换成。啊,对应的。对C好。就是然后。把它设置成默认,设置成默认,然后把它隐隐藏。然后。啊,这个地方面板标题我们要去掉为空,然后设置成。就是说设置成透明啊这些,我因为你看放在上面的话,它这里显示的有一个空空的这个地方,在这里效果不好看,然后我们把它拖到最后。啊,拖到最后的话就不不影响啊,是这样这种效果,然后你看这上面都有这种阴影,是什么原因呢?因为。啊,你看六点为六点七点叉这个版本啊,它这个背景啊,我们就不用管它了,它直接就应用上了,为7.x的话,它的背景的话啊,因为啊缺省要设设一个背景,所以它的效果感觉还不是很好。
27:09
然后他就是说。啊。我们用的这个主题,它是建议各个就是说。各个面板设置成透明啊,设置成transparent啊,透明的效果会更好看一点,比如说啊是吧,你看这个效果,我们把前面这一排全射了。我们的设啊,上面的我就不设了,上面太多了啊,我们把下面这几个大的设一下,看一下效果啊,设计成。嗯。因为我一开始就是说没有设置成透明啊,透明的话。好看一些。这个也是根据个人习惯嘛啊,就是审美啊,觉得好看就说一下。
28:14
大概就是就是这种效果啊。然后。保存。啊,像这些汉化的话,基本上都已经做。啊。这是为七点差。啊,这个是为6.7.4。这一节视频就讲到这里。
我来说两句