猫史档案馆


【自定义源码编辑器客户端】一招自定义网站

用户:冷鱼闲风冷鱼闲风查看:13 回复:14 评论:13 创建时间:2020-04-22T13:50:16


在写文章之前,我希望官方不要打我emotion_编程猫_冷漠

前言:

平常使用的源码编辑器真的不错,不用打开浏览器就直接进入编辑界面,我猜想他是核心是web,进入文件位置查看,还真的是啊,怎么说修改文件,也就可以修改界面了?我好不容易的试试,发现真的可以( •̀ ω •́ )y,赞!

修改方法:(必须)

1.打开源码编辑器的文件存储位置

2.找到package.json文件。你会发现,里面包含了程序名称和入口界面,还有文件大小的参数等

center_image

3.找到name对应的值,你可以修改成其他的文本

4.找到mian对应的值,默认是源码编辑器界面的文件参数,也就是“build/index.html”,由此可以知道,源码编辑器放在build文件夹里面了

5.修改mian的值,修改成本地web文件或者是网址

6.保持文本,再次打卡源码编辑器程序,就会发现里面的内容变了!

center_image

这里我是把mian修改成编程猫社区的网址。成功了!

-------------------我是分割线----------------------------

高级操作:(官方别看,怕打喵我(滑稽))

[1].package.json文件全部内容:

{
	"name": "编程猫社区",
	"main": "http://shequ.codemao.cn",
	"user-agent": "Desktop_Kitten%nwver %webkit_ver %osinfo",
	"window": {
		"width": 1200,
		"height": 768,
		"position": "center",
		"resizable": true,
		"icon": "./icn_KittenEditor_tab.png"
	},
	"domain": "ide.codemao.cn",
	"chromium-args": "--enable-file-cookies --allow-running-insecure-content --ignore-certificate-errors --enable-logging --log-level=0",
	"version": "3.6.9"
}

name和mian不用说了,上面讲过了。

说说window里面的参数:

width:程序的宽度

heigth:程序的高度

position:程序在屏幕显示的位置(center居中)

resizeable:程序可变大小(布尔类型)

icon:程序里面的图标

-------------------------------

以上都可以改,icon主要是ico格式的图片,建议32*32

[2].文件属性修改

1.下载一个ResHacker程序,打开它

2.点击文件属性可以修改版权,(OMG,千万不要这样)

center_image

里面的就是文件属性信息啦!当然也可以改,

里面可以修改很多东西,但我就说修改文件属性和ico。

修改完之后,点击操作--替换图片

center_image

点击打开含新图片的文件,可以选择exe或ico都行,ico大小建议32*32.不要过大哦!

然后点击替换就行啦!

修改完成后,点击文件--保存。然后在当前程序目录下就会多出一个文件,就是你修改之后的文件哦!

此时就搞定啦!神不知鬼不觉。

[3].清除多余的文件

改完之后,会发现有很多文件,其实有些文件和文件夹都可以不需要了,你可以删除哦!

center_image

你参考吧,除了以上显示出来的都可以不要了!

好啦!此时就全部搞定啦!

 

 

 

 

 


回复

上一页1 页 / 共 1下一页
闪电劈死你闪电劈死你

好是好,但是我全没学过,全看不懂……

点赞0


评论


闪电劈死你闪电劈死你

火钳刘明

点赞0


评论


XYh1271XYh1271

l like!

点赞0


评论


XYh1271XYh1271

俺成功了

点赞0


评论


蓝冰小狼蓝冰小狼

动次打次动次打次动次打次动次打次emotion_编程猫_点赞

点赞0


评论


码精码精

黑客……

点赞0


评论


Tim123456789Tim123456789

我去,我修改一下海龟编辑器差点连网页都打不开

点赞0


评论


陈年老按陈年老按

你竟然用exe编辑器编辑这个东西!真欠

 

 

 

 

 

 

 

 

 

 

 

 

点赞3


评论


LAG的1048576一枚LAG的1048576一枚

JSON……

点赞0


评论


CODE张博睿CODE张博睿

嘿,请了解一下 electron,VS CODE、Typora、钉钉、源码编辑器客户端 都是用它做的

 

之前还以为这些是 Node-Webkit (NW.js) 做的

 

啊,我的大大 Node.js!

点赞2


评论


冷鱼闲风冷鱼闲风

挖坟

点赞0


评论


花生编程花生编程

怎么改图标?换成编程猫社区之后图标还是源码编辑器

点赞0


评论


花生编程花生编程

源码编辑器和源码智造编辑器是一样的原理。看!center_image为作者点赞!emotion_编程猫_点赞

点赞1


评论


Aurora晨曦Aurora晨曦

ddd

点赞0


评论