caojiezi2003/Stackedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新首页信息

Browse Source
This commit is contained in:
caojiezi2003 2024-08-04 17:34:01 +08:00
parent 182c863eef
commit 9a7570b02f
2 changed files with 82 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@ -1,28 +1,31 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>StackEdit中文版</title> <title>Markdown编辑器-JonyLee的设计导航</title>
<link rel="canonical" href="https://stackedit.cn/app"> <link rel="canonical" href="https://md.jonylee.top">
<meta name="description" content="免费，开源，功能全面的Markdown编辑器。"> <meta name="description" content="StackEdit中文版，免费，开源，功能全面的Markdown编辑器。">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<script> </head>
var _hmt = _hmt || [];
</script> <body>
</head>
<body>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
<!-- baidu统计 -->
<script> <script>
(function() { var _hmt = _hmt || [];
var hm = document.createElement("script"); (function() {
hm.src = "https://hm.baidu.com/hm.js?20a1e7a201b42702c49074c87a1f1035"; var hm = document.createElement("script");
var s = document.getElementsByTagName("script")[0]; hm.src = "https://hm.baidu.com/hm.js?dad4b4383b13eedea1ab45ee323df1c3";
s.parentNode.insertBefore(hm, s); var s = document.getElementsByTagName("script")[0];
})(); s.parentNode.insertBefore(hm, s);
})();
</script> </script>
</body> <!-- baidu统计结束 -->
</html> </body>
</html>

145
static/landing/index.html
View File

@ -2,14 +2,13 @@
<html manifest="cache.manifest"> <html manifest="cache.manifest">
<head> <head>
<title>StackEdit中文版 – 浏览器内 Markdown 编辑器 & 笔记利器</title> <title>Markdown编辑器-JonyLee的设计导航</title>
<link rel="canonical" href="https://stackedit.cn/"> <link rel="canonical" href="https://md.jonylee.top/">
<link rel="icon" href="static/landing/favicon.ico" type="image/x-icon"> <link rel="icon" href="static/landing/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="keywords" content="Markdown编辑器,StackEdit中文版,StackEdit汉化版,StackEdit,在线Markdown,笔记利器,Markdown笔记"> <meta name="keywords" content="Markdown编辑器,StackEdit中文版,StackEdit汉化版,StackEdit,在线Markdown,笔记利器,Markdown笔记">
<meta name="description" <meta name="description" content="支持直接将码云（Gitee）、GitHub、Gitea等仓库作为笔记存储仓库且支持拖拽/粘贴上传图片，并且可以直接在页面编辑同步和管理的Markdown编辑器。">
content="支持直接将码云（Gitee）、GitHub、Gitea等仓库作为笔记存储仓库且支持拖拽/粘贴上传图片，并且可以直接在页面编辑同步和管理的Markdown编辑器。">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="baidu-site-verification" content="code-tGpn2BT069" /> <meta name="baidu-site-verification" content="code-tGpn2BT069" />
<meta name="msvalidate.01" content="90A9558158543277BD284CFA054E7F5B" /> <meta name="msvalidate.01" content="90A9558158543277BD284CFA054E7F5B" />
@ -18,22 +17,22 @@
body { body {
background-color: #fbfbfb; background-color: #fbfbfb;
} }
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
h1 { h1 {
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
font-size: 2.5em; font-size: 2.5em;
margin: 2.5em 0; margin: 2.5em 0;
} }
h3 { h3 {
margin: 1em 0; margin: 1em 0;
} }
.button { .button {
color: #555; color: #555;
font-size: 20px; font-size: 20px;
@ -61,7 +60,7 @@
border-radius: 2px; border-radius: 2px;
text-decoration: none; text-decoration: none;
} }
.button:active, .button:active,
.button:focus, .button:focus,
.button:hover { .button:hover {
@ -70,46 +69,46 @@
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
} }
.icon { .icon {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: inline; display: inline;
} }
.icon * { .icon * {
fill: currentColor; fill: currentColor;
} }
.button .icon { .button .icon {
height: 30px; height: 30px;
width: 30px; width: 30px;
margin: -6px 6px -6px 0; margin: -6px 6px -6px 0;
} }
.row { .row {
margin: 8em 0; margin: 8em 0;
} }
.row::after { .row::after {
display: block; display: block;
content: ''; content: '';
clear: both; clear: both;
} }
@media (min-width: 700px) { @media (min-width: 700px) {
.column { .column {
width: 50%; width: 50%;
float: right; float: right;
} }
} }
.landing { .landing {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.landing__content { .landing__content {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -117,7 +116,7 @@
padding-right: 30px; padding-right: 30px;
max-width: 1000px; max-width: 1000px;
} }
.landing__footer { .landing__footer {
padding: 1em 0; padding: 1em 0;
text-align: center; text-align: center;
@ -125,11 +124,11 @@
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
font-size: 0.9em; font-size: 0.9em;
} }
.landing__footer a { .landing__footer a {
color: #fff; color: #fff;
} }
.navigation-bar { .navigation-bar {
background-color: #2c2c2c; background-color: #2c2c2c;
position: fixed; position: fixed;
@ -138,25 +137,25 @@
width: 100%; width: 100%;
z-index: 1; z-index: 1;
} }
.navigation-bar__button { .navigation-bar__button {
color: #b9b9b9; color: #b9b9b9;
} }
.navigation-bar__button:active, .navigation-bar__button:active,
.navigation-bar__button:focus, .navigation-bar__button:focus,
.navigation-bar__button:hover { .navigation-bar__button:hover {
color: #fff; color: #fff;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
.splash-screen { .splash-screen {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 25px; padding: 25px;
} }
.splash-screen__logo { .splash-screen__logo {
width: 300px; width: 300px;
height: 150px; height: 150px;
@ -169,14 +168,14 @@
background: no-repeat center url('static/landing/logo.svg'); background: no-repeat center url('static/landing/logo.svg');
background-size: contain; background-size: contain;
} }
@media (min-width: 700px) { @media (min-width: 700px) {
.splash-screen__logo { .splash-screen__logo {
width: 600px; width: 600px;
height: 160px; height: 160px;
} }
} }
.splash-screen__subtitle { .splash-screen__subtitle {
position: absolute; position: absolute;
text-align: center; text-align: center;
@ -185,7 +184,7 @@
right: 5px; right: 5px;
font-size: 16px; font-size: 16px;
} }
@media (min-width: 700px) { @media (min-width: 700px) {
.splash-screen__subtitle { .splash-screen__subtitle {
text-align: right; text-align: right;
@ -193,7 +192,7 @@
font-size: 22px; font-size: 22px;
} }
} }
.splash-screen__footer { .splash-screen__footer {
position: absolute; position: absolute;
bottom: 25px; bottom: 25px;
@ -201,43 +200,42 @@
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.splash-screen__footer .button { .splash-screen__footer .button {
padding: 10px 20px; padding: 10px 20px;
} }
.social { .social {
margin: 0 5px; margin: 0 5px;
} }
.social a { .social a {
color: #555; color: #555;
text-decoration: none; text-decoration: none;
} }
.social a:active, .social a:active,
.social a:focus, .social a:focus,
.social a:hover { .social a:hover {
color: #333; color: #333;
outline: 0; outline: 0;
} }
.landing__footer .social a { .landing__footer .social a {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
} }
.landing__footer .social a:active, .landing__footer .social a:active,
.landing__footer .social a:focus, .landing__footer .social a:focus,
.landing__footer .social a:hover { .landing__footer .social a:hover {
color: #fff; color: #fff;
} }
.social .icon { .social .icon {
height: 30px; height: 30px;
width: 30px; width: 30px;
} }
.feature { .feature {
padding: 5px 5px; padding: 5px 5px;
border-radius: 2px; border-radius: 2px;
@ -245,7 +243,7 @@
margin: 1em auto; margin: 1em auto;
text-align: center; text-align: center;
} }
.image { .image {
display: block; display: block;
margin: 1em auto; margin: 1em auto;
@ -253,7 +251,7 @@
border-radius: 2px; border-radius: 2px;
background-color: #fff; background-color: #fff;
} }
.image img { .image img {
display: block; display: block;
margin: 0.5em auto; margin: 0.5em auto;
@ -261,7 +259,9 @@
</style> </style>
<script> <script>
function scrollTo(selector) { function scrollTo(selector) {
$('html,body').animate({scrollTop: $(selector).offset().top}, 500); $('html,body').animate({
scrollTop: $(selector).offset().top
}, 500);
} }
</script> </script>
</head> </head>
@ -270,34 +270,18 @@
<div class="landing"> <div class="landing">
<div class="navigation-bar"> <div class="navigation-bar">
<a class="navigation-bar__button button" href="app" title="The app"> <a class="navigation-bar__button button" href="app" title="The app">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 16.8363,2.73375C 16.45,2.73375 16.0688,2.88125 15.7712,3.17375L 13.6525,5.2925L 18.955,10.5962L 21.0737,8.47625C 21.665,7.89 21.665,6.94375 21.0737,6.3575L 17.895,3.17375C 17.6025,2.88125 17.2163,2.73375 16.8363,2.73375 Z M 12.9437,6.00125L 4.84375,14.1062L 7.4025,14.39L 7.57875,16.675L 9.85875,16.85L 10.1462,19.4088L 18.2475,11.3038M 4.2475,15.0437L 2.515,21.7337L 9.19875,19.9412L 8.955,17.7838L 6.645,17.6075L 6.465,15.2925"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 16.8363,2.73375C 16.45,2.73375 16.0688,2.88125 15.7712,3.17375L 13.6525,5.2925L 18.955,10.5962L 21.0737,8.47625C 21.665,7.89 21.665,6.94375 21.0737,6.3575L 17.895,3.17375C 17.6025,2.88125 17.2163,2.73375 16.8363,2.73375 Z M 12.9437,6.00125L 4.84375,14.1062L 7.4025,14.39L 7.57875,16.675L 9.85875,16.85L 10.1462,19.4088L 18.2475,11.3038M 4.2475,15.0437L 2.515,21.7337L 9.19875,19.9412L 8.955,17.7838L 6.645,17.6075L 6.465,15.2925"></path></svg> 开始写作
开始写作
</a> </a>
</div> </div>
<div class="splash-screen"> <div class="splash-screen">
<div class="splash-screen__logo"> <div class="splash-screen__logo">
<div class="splash-screen__subtitle"> <div class="splash-screen__subtitle">
浏览器内 Markdown 笔记利器 浏览器内 Markdown 笔记利器
<div class="social">
<a href="https://jq.qq.com/?_wv=1027&k=wUSCNqmN" target="_blank" title="QQ交流群">
<svg t="1665396466500" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3543" width="32" height="32">
<path d="M512 0C229.12 0 0 229.12 0 512c0 282.88 229.12 512 512 512s512-229.12 512-512C1024 229.12 794.88 0 512 0zM782.08 670.72c-11.52 6.4-30.72-7.68-48.64-34.56-6.4 28.16-24.32 53.76-48.64 74.24 25.6 8.96 42.24 25.6 42.24 42.24 0 29.44-46.08 52.48-102.4 52.48-51.2 0-93.44-19.2-101.12-43.52-2.56 0-10.24 0-12.8 0-7.68 24.32-49.92 43.52-101.12 43.52-56.32 0-102.4-23.04-102.4-52.48 0-17.92 16.64-33.28 42.24-42.24-24.32-20.48-42.24-46.08-48.64-74.24-17.92 25.6-37.12 39.68-48.64 34.56-17.92-8.96-14.08-57.6 7.68-107.52 16.64-39.68 39.68-69.12 57.6-75.52 0-2.56 0-5.12 0-7.68 0-15.36 3.84-29.44 11.52-40.96 0-1.28 0-1.28 0-2.56 0-7.68 1.28-14.08 5.12-19.2C340.48 312.32 408.32 230.4 518.4 230.4c110.08 0 177.92 81.92 183.04 185.6 2.56 5.12 5.12 12.8 5.12 19.2 0 1.28 0 1.28 0 2.56 7.68 11.52 11.52 25.6 11.52 40.96 0 2.56 0 5.12 0 7.68 17.92 6.4 40.96 35.84 57.6 75.52C796.16 613.12 800 661.76 782.08 670.72z" p-id="3544"></path>
</svg>
</a>
<a href="https://gitee.com/mafgwo/stackedit" target="_blank" title="码云开源仓库">
<svg t="1652950823759" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2991" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs><style type="text/css"></style></defs>
<path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2992"></path>
</svg>
</a>
</div>
</div> </div>
</div> </div>
<div class="splash-screen__footer"> <div class="splash-screen__footer">
<a class="button" href="javascript:scrollTo($('.anchor'))"> <a class="button" href="javascript:scrollTo($('.anchor'))">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 11,4L 13,4L 13,16.0104L 18.5052,10.5052L 19.9194,11.9194L 12,19.8388L 4.08058,11.9194L 5.49479,10.5052L 11,16.0104L 11,4 Z "/></path></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 11,4L 13,4L 13,16.0104L 18.5052,10.5052L 19.9194,11.9194L 12,19.8388L 4.08058,11.9194L 5.49479,10.5052L 11,16.0104L 11,4 Z "/></path></svg> 阅读更多
阅读更多
</a> </a>
</div> </div>
</div> </div>
@ -432,31 +416,24 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<div class="image" style="width: 250px"> <div class="image" style="width: 250px">
<img width="230" src="static/landing/twemoji.png"> <img width="230" src="static/landing/twemoji.png">
</div>
</div> </div>
</div> <div class="column">
<div class="column"> <div class="feature">
<div class="feature"> <h3>Emojis表情</h3>
<h3>Emojis表情</h3> <p>StackEdit中文版 支持使用 Markdown 表情符号标记在文件中插入表情符号。</p>
<p>StackEdit中文版 支持使用 Markdown 表情符号标记在文件中插入表情符号。</p> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<div class="landing__footer"> <div class="landing__footer">
<div class="social"> <a href="app" title="Markdown编辑器">Markdown编辑器</a> – <a href="https://gitee.com/mafgwo" target="_blank" title="豆萁">代码作者</a><br> Copyright&nbsp;&copy;
<a href="https://gitee.com/mafgwo/stackedit" target="_blank"> <script>
<svg t="1652950823759" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2991" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"> document.write((new Date()).getFullYear())
<defs><style type="text/css"></style></defs> </script>&nbsp;<a href="https://jonylee.top">JonyLee</a>&nbsp;&amp;&nbsp;<a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备2023021298号-1</a><br> 开源许可
<path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2992"></path>
</svg>
</a>
</div>
<a href="app" title="The app">The app</a> – <a href="https://gitee.com/mafgwo/stackedit/issues" target="_blank" title="The app">Community</a><br>
© 2022 <a href="https://gitee.com/mafgwo" target="_blank">豆萁</a> <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备18096694号</a><br>
Licensed under an
<a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a> – <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a> –
<a href="privacy_policy.html" target="_blank">隐私策略</a> <a href="privacy_policy.html" target="_blank">隐私策略</a>
</div> </div>
@ -464,15 +441,17 @@
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
<!-- baidu统计-->
<script> <script>
var _hmt = _hmt || []; var _hmt = _hmt || [];
(function() { (function() {
var hm = document.createElement("script"); var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?20a1e7a201b42702c49074c87a1f1035"; hm.src = "https://hm.baidu.com/hm.js?dad4b4383b13eedea1ab45ee323df1c3";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); s.parentNode.insertBefore(hm, s);
})(); })();
</script> </script>
<!-- baidu统计结束-->
</body> </body>
</html> </html>