Noto · Noto

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <title> Noto · Noto </title>  <link rel="stylesheet" href="/public/css/syntax.css"> <link rel="stylesheet" href="/public/css/main.css">  <link rel="apple-touch-icon" sizes="180x180" href="/public/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/public/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/public/favicon/favicon-16x16.png"> <link rel="manifest" href="/public/favicon/site.webmanifest"> <link rel="mask-icon" href="/public/favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/public/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/public/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff">  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml"> <link rel="alternate" hreflang="cn" href="/cn/" /> <link rel="alternate" hreflang="en" href="/" />  <title>Noto | A modern writing app</title> <meta name="generator" content="Jekyll v3.9.3" /> <meta property="og:title" content="Noto" /> <meta name="author" content="Luke Zhao" /> <meta property="og:locale" content="cn" /> <meta name="description" content="Noto is a modern writing app. With delightful interactions, powerful editing tools, and a beautiful design, Noto helps you capture the best of your everyday life." /> <meta property="og:description" content="Noto is a modern writing app. With delightful interactions, powerful editing tools, and a beautiful design, Noto helps you capture the best of your everyday life." /> <link rel="canonical" href="http://noto.ink/Noto-Web/cn/" /> <meta property="og:url" content="http://noto.ink/Noto-Web/cn/" /> <meta property="og:site_name" content="Noto" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta property="twitter:title" content="Noto" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"Luke Zhao"},"description":"Noto is a modern writing app. With delightful interactions, powerful editing tools, and a beautiful design, Noto helps you capture the best of your everyday life.","headline":"Noto","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://noto.ink/Noto-Web/public/favicon/favicon-196x196.png"},"name":"Luke Zhao"},"url":"http://noto.ink/Noto-Web/cn/"}</script>  </head> <body> <div class="wrap"> <div class="navbar"> <div class="container"> <a href="/cn/" title="home">Noto</a> <div class="right"> <a href="/cn/changelog.html">更新日志</a> <a href="/cn/support.html">帮助</a> <a href="/cn/blog.html">博客</a> <a href="/" class="en title="View in en">🇺🇸 ENG</a> </div> </div> </div> <div class="container content"> <div class="small-container"> <div class="icon"> <img srcset=" /public/images/noto-icon.png 1x, /public/images/noto-icon@2x.png 2x, /public/images/noto-icon@3x.png 3x " src="/public/images/noto-icon.png" /> <p>Noto</p> </div> <div class="description"> <p>Noto是一款操作便捷，功能强大的笔记软件</p> <p>一应俱全的编辑工具，一目了然的界面设计，加上精心雕琢的动画效果，带给Noto流畅舒适的用户体验，足以胜任各类文本编辑的得力助手</p> </div> <div class="download"> <a href="https://apps.apple.com/us/app/noto-elegant-note/id1459055246"><img srcset=" /public/images/ios-download.png 1x, /public/images/ios-download@2x.png 2x, /public/images/ios-download@3x.png 3x " src="/public/images/ios-download.png" alt="Download on App Store" /></a> </div> </div> <div class="showcase"> <img src="/public/images/mac1.png" alt="Noto on Mac" /> <img src="/public/images/mac2.png" alt="Noto on Mac" /> </div> <div class="showcase ios"> <img src="/public/images/ios1.png" alt="Noto on iOS" /> <img src="/public/images/ios2.png" alt="Noto on iOS" /> <img src="/public/images/ios3.png" alt="Noto on iOS" /> <img src="/public/images/ios4.png" alt="Noto on iOS" /> <img src="/public/images/ios5.png" alt="Noto on iOS" /> </div> <div class="footer"> <a href="/terms">使用条款</a> <a href="/cn/privacy">隐私政策</a> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="https://unpkg.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script> <script src="/public/js/magnificPopup.js"></script> <script src="https://unpkg.com/masonry-layout@4.1/dist/masonry.pkgd.min.js"></script> <script> $(document).ready(function(){ $('.gallery').append("<div class='grid-sizer'/>") $('.gallery').append("<div class='gutter-sizer'/>") $('.gallery-item').magnificPopup({ type: 'image', mainClass: 'mfp-with-zoom', gallery:{ enabled:true, preload: [1,1] }, retina: { ratio: 2, replaceSrc: function(item, ratio) { if (item.type == "image") return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; }); return item.src } }, iframe: { markup: '<div class="mfp-iframe-scaler">'+ '<div class="mfp-close"></div>'+ '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+ '</div>', patterns: { youtube: { index: 'youtube.com/', id: 'v=', src: '//www.youtube.com/embed/%id%?autoplay=1' }, design: { index: 'design/', id: 'design/', src: '/design/%id%' } } }, zoom: { enabled: true, // By default it's false, so don't forget to enable it duration: 300, // duration of the effect, in milliseconds easing: 'ease-in-out', // CSS transition easing function // The "opener" function should return the element from which popup will be zoomed in // and to which popup will be scaled down // By defailt it looks for an image tag: opener: function(openerElement) { // openerElement is the element on which popup was initialized, in this case its <a> tag // you don't need to add "opener" option if this code matches your needs, it's defailt one. return openerElement.is('img') ? openerElement : openerElement.find('img'); } } }); var $grid = $('.gallery').imagesLoaded( function() { // init Masonry after all images have loaded $grid.one( 'layoutComplete', function(){ $('.gallery').addClass('masonry') }); $grid.masonry({ itemSelector: '.gallery-item', columnWidth: '.grid-sizer', gutter: '.gutter-sizer' }); }); }); </script> <script src="/public/js/isInViewport.min.js" type="text/javascript"></script> <script> $(window).scroll(function() { $('video').each(function(){ if ($(this).is(":in-viewport")) { $(this)[0].play(); } else { $(this)[0].pause(); } }) }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-148898424-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-148898424-1'); </script> </body> </html>

CINXE.COM

Noto · Noto