|
@ -4,71 +4,95 @@ |
|
|
<meta charset="UTF-8"> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/> |
|
|
<meta name="description" content="个人随笔是一个面向IT技术人员,提供个人平时工作总结和在线记录学习笔记,个人技术博客,在线云笔记,码农笔录,最新的技术博客,www.aiprose.com"> |
|
|
<meta name="description" content="个人随笔是一个面向IT技术人员,提供个人平时工作总结和在线记录学习笔记,个人技术博客,在线云笔记,码农笔录,最新的技术博客,www.aiprose.com"> |
|
|
<meta name="keywords" content="个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,www.aiprose.com,aiprose.com,aiprose"> |
|
|
<meta name="keywords" |
|
|
|
|
|
content="个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,www.aiprose.com,aiprose.com,aiprose"> |
|
|
<link rel="stylesheet" href="//g.alicdn.com/sui/sui3/0.0.18/css/sui.min.css"> |
|
|
<link rel="stylesheet" href="//g.alicdn.com/sui/sui3/0.0.18/css/sui.min.css"> |
|
|
{{/*<script type="text/javascript" src="//g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>*/}} |
|
|
{{/*<script type="text/javascript" src="//g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>*/}} |
|
|
<title>笔记 - 个人随笔</title> |
|
|
<title>笔记 - 个人随笔</title> |
|
|
<link type="text/css" rel="styleSheet" href="/static/css/menu-reset.css"/> |
|
|
<link type="text/css" rel="styleSheet" href="/static/css/menu-reset.css"/> |
|
|
<link type="text/css" rel="styleSheet" href="/static/css/notemenu.css"/> |
|
|
<link type="text/css" rel="styleSheet" href="/static/css/notemenu.css"/> |
|
|
|
|
|
<link type="text/css" rel="styleSheet" href="/static/css/menunav.css"/> |
|
|
<script src="/static/js/menu.js"></script> <!-- Modernizr --> |
|
|
<script src="/static/js/menu.js"></script> <!-- Modernizr --> |
|
|
<script src="/static/js/jquery-1.11.1.min.js"></script> |
|
|
<script src="/static/js/jquery-1.11.1.min.js"></script> |
|
|
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script> |
|
|
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script> |
|
|
|
|
|
<style> |
|
|
|
|
|
.w-e-toolbar { |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
line-height: 30px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar { |
|
|
|
|
|
width: 1px; |
|
|
|
|
|
height: 5px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar-track-piece { |
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.1); |
|
|
|
|
|
-webkit-border-radius: 6px; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
<header> |
|
|
<header id="slide-container"> |
|
|
|
|
|
<a id="cd-menu-trigger" href="javascript:void(0)"><span class="cd-menu-icon"></span></a> |
|
|
<a id="cd-menu-trigger" href="#0"><span class="cd-menu-icon"></span></a> |
|
|
|
|
|
</header> |
|
|
</header> |
|
|
|
|
|
|
|
|
<div class="cd-main-content"> |
|
|
<div class="cd-main-content"> |
|
|
<div id="editor" class="editor"> |
|
|
<div id="editor" class="editor"> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<nav class="note-nav"> |
|
|
|
|
|
<input type="checkbox" id="joacims-menu"/> |
|
|
|
|
|
<label for="joacims-menu"><span><img src="/static/img/menu.png" |
|
|
|
|
|
style="width: 25px;height: 25px;"> </span></label> |
|
|
|
|
|
<nav> |
|
|
|
|
|
<a href="/" target="_blank">首页</a> |
|
|
|
|
|
<a href="http://sc.chinaz.com/">个人中心</a> |
|
|
|
|
|
<a href="javascript:void(0)" id="newNote">新增笔记</a> |
|
|
|
|
|
<a href="javascript:void(0)">Blog</a> |
|
|
|
|
|
<a href="javascript:void(0)">Portfolio</a> |
|
|
|
|
|
<a href="javascript:void(0)">Shortcodes</a> |
|
|
|
|
|
</nav> |
|
|
|
|
|
</nav> |
|
|
</div> <!-- cd-main-content --> |
|
|
</div> <!-- cd-main-content --> |
|
|
|
|
|
|
|
|
<nav id="cd-lateral-nav"> |
|
|
<nav id="cd-lateral-nav"> |
|
|
<ul class="cd-navigation"> |
|
|
<ul class="cd-navigation"> |
|
|
<li class="item-has-children"> |
|
|
<li class="item-has-children"> |
|
|
<a href="#0">Services</a> |
|
|
<a href="javascript:void(0)">Services</a> |
|
|
<ul class="sub-menu"> |
|
|
<ul class="sub-menu"> |
|
|
<li><a href="#0">Brand</a></li> |
|
|
<li><a href="javascript:void(0)" onclick="noteClick(1)">Brand</a></li> |
|
|
<li><a href="#0">Web Apps</a></li> |
|
|
<li><a href="javascript:void(0)">Web Apps</a></li> |
|
|
<li><a href="#0">Mobile Apps</a></li> |
|
|
<li><a href="javascript:void(0)">Mobile Apps</a></li> |
|
|
</ul> |
|
|
</ul> |
|
|
</li> <!-- item-has-children --> |
|
|
</li> <!-- item-has-children --> |
|
|
|
|
|
|
|
|
<li class="item-has-children"> |
|
|
<li class="item-has-children"> |
|
|
<a href="#0">Products</a> |
|
|
<a href="javascript:void(0)">Products</a> |
|
|
<ul class="sub-menu"> |
|
|
<ul class="sub-menu"> |
|
|
<li><a href="#0">Product 1</a></li> |
|
|
<li><a href="javascript:void(0)">Product 1</a></li> |
|
|
<li><a href="#0">Product 2</a></li> |
|
|
<li><a href="javascript:void(0)">Product 2</a></li> |
|
|
<li><a href="#0">Product 3</a></li> |
|
|
<li><a href="javascript:void(0)">Product 3</a></li> |
|
|
<li><a href="#0">Product 4</a></li> |
|
|
<li><a href="javascript:void(0)">Product 4</a></li> |
|
|
<li><a href="#0">Product 5</a></li> |
|
|
<li><a href="javascript:void(0)">Product 5</a></li> |
|
|
</ul> |
|
|
</ul> |
|
|
</li> <!-- item-has-children --> |
|
|
</li> <!-- item-has-children --> |
|
|
</ul> <!-- cd-navigation --> |
|
|
</ul> <!-- cd-navigation --> |
|
|
|
|
|
|
|
|
<ul class="cd-navigation cd-single-item-wrapper"> |
|
|
<ul class="cd-navigation cd-single-item-wrapper"> |
|
|
<li><a href="#0">Tour</a></li> |
|
|
<li><a href="javascript:void(0)">新增文章</a></li> |
|
|
<li><a href="#0">Login</a></li> |
|
|
|
|
|
<li><a href="#0">Register</a></li> |
|
|
|
|
|
<li><a href="#0">Pricing</a></li> |
|
|
|
|
|
<li><a href="#0">Support</a></li> |
|
|
|
|
|
</ul> <!-- cd-single-item-wrapper --> |
|
|
</ul> <!-- cd-single-item-wrapper --> |
|
|
|
|
|
|
|
|
<!-- cd-single-item-wrapper --> |
|
|
<!-- cd-single-item-wrapper --> |
|
|
|
|
|
|
|
|
<div class="cd-navigation socials"> |
|
|
{{/* <div class="cd-navigation socials"> |
|
|
<a class="cd-twitter cd-img-replace" href="#0">Twitter</a> |
|
|
<a class="cd-twitter cd-img-replace" href="javascript:void(0)">Twitter</a> |
|
|
<a class="cd-github cd-img-replace" href="#0">Git Hub</a> |
|
|
<a class="cd-github cd-img-replace" href="javascript:void(0)">Git Hub</a> |
|
|
<a class="cd-facebook cd-img-replace" href="#0">Facebook</a> |
|
|
<a class="cd-facebook cd-img-replace" href="javascript:void(0)">Facebook</a> |
|
|
<a class="cd-google cd-img-replace" href="#0">Google Plus</a> |
|
|
<a class="cd-google cd-img-replace" href="javascript:void(0)">Google Plus</a> |
|
|
</div> <!-- socials --> |
|
|
</div>*/}} |
|
|
</nav> |
|
|
</nav> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/static/js/menu.js"></script> <!-- Resource jQuery --> |
|
|
<script src="/static/js/menu.js"></script> <!-- Resource jQuery --> |
|
|
<script type="text/javascript" src="/static/js/layer.js"></script> |
|
|
<script type="text/javascript" src="/static/js/layer.js"></script> |
|
|
</body> |
|
|
</body> |
|
@ -78,5 +102,42 @@ |
|
|
editor.customConfig.uploadImgServer = '/upload' |
|
|
editor.customConfig.uploadImgServer = '/upload' |
|
|
// 或者 var editor = new E( document.getElementById('editor') ) |
|
|
// 或者 var editor = new E( document.getElementById('editor') ) |
|
|
editor.create() |
|
|
editor.create() |
|
|
|
|
|
editor.txt.html("<p>点击右上角菜单新建或者选择笔记</p>"); |
|
|
|
|
|
|
|
|
|
|
|
document.onkeydown = keyDown; |
|
|
|
|
|
|
|
|
|
|
|
function keyDown(e) { |
|
|
|
|
|
e.preventDefault(); |
|
|
|
|
|
var currKey = 0, e = e || event || window.event; |
|
|
|
|
|
currKey = e.keyCode || e.which || e.charCode; |
|
|
|
|
|
if (currKey == 83 && (e.ctrlKey || e.metaKey)) { |
|
|
|
|
|
layer.msg("ctrl+s") |
|
|
|
|
|
return false; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function noteClick(id) { |
|
|
|
|
|
layer.msg(id) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
$(function () { |
|
|
|
|
|
var height = document.documentElement.clientHeight |
|
|
|
|
|
$(".w-e-text-container").height(height - 40 - 3); |
|
|
|
|
|
|
|
|
|
|
|
layer.tips('文章列表点我', '#slide-container', { |
|
|
|
|
|
tips: [3, '#78BA32'] |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$("#newNote").click(function () { |
|
|
|
|
|
layer.open({ |
|
|
|
|
|
type: 2, |
|
|
|
|
|
title: '新增笔记', |
|
|
|
|
|
shadeClose: true, |
|
|
|
|
|
shade: 0.8, |
|
|
|
|
|
area: ['360px', '280px'], |
|
|
|
|
|
content: '/iframe/note.html' //iframe的url |
|
|
|
|
|
}); |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
</script> |
|
|
</script> |
|
|
</html> |
|
|
</html> |