標簽：改名 html 一個 :hover img 空格 字母 行修改 系統
原本爲html的網頁嵌入代碼，我運用了nw.js進行了桌面化的實現
下載地址：
https://wws.lanzous.com/iWr0Wnny5bg
密碼:i2on
下圖爲html源碼圖
下面爲html源碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Live2D desktop_cute_player</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<style>
#github svg {
transition: all 1s;
fill: #222;
color: #fff;
position: absolute;
top: 0;
right: 0;
border: 0;
width: 80px;
height: 80px;
}
#github:hover svg {
width: 160px;
height: 160px;
}
</style>
</head>
<body background="background.png">
<a id="github" href="https://github.com/stevenjoezhang/live2d-widget" target="_blank" title="Visit the open-source code on GitHub!">
</a>
<script src="./autoload.js"></script>
</body>
</html>
代碼比較簡單主要基于開源庫<看板踉>
html桌面化的實現:
首先，我使用了nwjs（一款基與谷歌浏覽器的包裝器)
在百度搜索《nwjs》就有
使用方法：
1，将要打包的东西放到一個zip压缩包下面
2，在zip里面放入一個“package.json”文件，代码詳細如下
{
"main": "demo.html", //入口
"name": "nw-demo",//字符串必须是小写字母或者数字，可以包含"." 或者"_"或者"-" ，不允许带空格,必须唯一
"description": "demo app of node-webkit",//描述
"version": "0.1.0",//版本
"window": {//窗体配置
"title": "demo", //窗体的标题
"icon": "link.png",//窗体的ico图标
"toolbar": false,//是否要工具栏
"frame": true,//bool值。如果设置为false，程序将无边框显示 也就是没有系統默认的关闭，最小化，全屏按钮
"width": 350,//窗口的大小
"height": 350, //窗口的大小
"position": "center", //字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。
"min_width": 350,//最小宽度
"min_height": 250,//最小高度
"max_width": 350,//最大宽度
"max_height": 350,//最大高度
"as_desktop" :true,//是否作为桌面背景窗口显示
"resizable":false,//是否允许调整窗口大小
"always-on-top":true,//窗口是否置顶
"fullscreen":false,//是否全屏显示
"show_in_taskbar":true,//是否显示任务栏图标
"show":true, //如果设置为false，启动时窗口不可见
"kiosk":false //是否使用kiosk模式。如果使用kiosk模式，应用程序将全屏显示，并且阻止用户离开应用
},
"webkit": {
"plugin": false,//bool值，是否加载插件，如flash，默认值为false。
"java":false, //bool值 是否加载java applets
" page-cache":false //是否启用页面缓存
}
}
詳細的可以自行修改，提示如上图
3，將.zip壓縮包改名爲.nw，
将这个.nw文件放入与下载玩的nwjs同一個目录下
打開cmd
輸入
cd "你的nwjs"下载目录
copy /b 你的nw文件.nw+nw.exe 你的项目名字.exe
然后得到一個新的exe
打包完成
下載地址：
https://wws.lanzous.com/iWr0Wnny5bg
密碼:i2on
想要詳細源码的，可以加q：2180538217
Live2D項目，桌面可愛玩偶(可以動的),html桌面化(exe)的實現
標簽：改名 html 一個 :hover img 空格 字母 行修改 系統
原文地址：https://www.cnblogs.com/ousw/p/14934842.html
