在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:Wing-lite开源软件地址:https://gitee.com/lkteam/wing-lite开源软件介绍:lingkong wing lite介绍灵翼是一个由灵空团队开发,基于JavaScript的在线内容生成系统 相比较于lingkong-wing内核,它更轻便,生成速度更快,不用繁琐的上传html文件,只需修改json文件即可。 亮点
使用
或 1.到本仓库发行版界面下载winglite_suc.js(注:suc即双页面版本。详见demo) 2.在本仓库内挑选主题(注:如果您下载的是suc版本,则需要到文件夹succinct选择主题) 3.新建一个html文件,像这样: <html><head> <title>xxx的博客</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script><!-- jquery 不加会导致生成错误 --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <!-- bootstrap css 不加会导致生成错误 --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div id="winglite"></div><!-- winglite工作区域,没有这个div是无法工作的 --><link href="https://highlightjs.org/static/demo/styles/github.css" rel="stylesheet"><!-- <code>标签高亮 highlight.js主题 --><script src="bootstrap-blue.js"></script><!-- 主题js --><script src="winglite_suc.js"></script><!-- 主js --><!-- jquery 不加会导致生成错误 --><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script><!-- bootstrap js 不加会导致生成错误 --><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script></body></html> 请根据自行情况修改主题js和winglite导入路径 4.在你下载的主题js文件里第一行编辑json存放地址 像这样: var jsonurl = './config.json';//json解析的url地址,这里填的是当前目录下的config.json文件,即"./config.json" 修改json{ "user": "Zhetengtiao", "photo": "https://portrait.gitee.com/uploads/avatars/user/700/2100577_yingbinggan_1584796873.png!avatar30", "introduce": "菜鸡", "word":{ "max": "2", "1":{ "id": "1", "title": "hello", "date": "20201219", "from": "../demo/word/1.md" }, "2":{ "id": "2", "title": "why wing lite?", "date": "20201219", "from": "../demo/word/2.md" } }, "right":{ "name": "跳转链接(友情链接也行)", "max": "1", "1": { "id": "1", "name": "非凡小王的真正博客", "from": "https://www.ffxw0720.club" } }}
如何新建文章/友链:
"1":{ "id": "1", "title": "hello", "date": "20201219", "from": "../demo/word/1.md" }, 这一大个3. 在上一个大括号(右)的的后面加一个英文
"1":{ "id": "1", "title": "hello", "date": "20201219", "from": "../demo/word/1.md" }, "2":{ "id": "2", "title": "why wing lite?", "date": "20201219", "from": "../demo/word/2.md" } demo开发者计划
|
请发表评论