mirror of
https://github.com/Kenshin/simpread.git
synced 2026-01-25 14:28:34 +00:00
1 line
14 KiB
HTML
1 line
14 KiB
HTML
<html lang="en"><head><meta charset="UTF-8"><meta name="author" content="Kenshin"><meta name="description" content="简悦 SimpRead - 如杂志般沉浸式阅读体验的扩展"><meta name="keywords" content="Chrome extension, Chrome 扩展, 阅读模式, 沉浸式阅读, 简悦, 简阅, read mode, reading mode, reader view, firefox, firefox addon, userscript, safari, opera, tampermonkey"><meta name="thumbnail" content="http://sr.ksria.cn/introduce-2.png"><meta property="og:title" content="入门指引 | 简悦 SimpRead - 如杂志般沉浸式阅读体验的扩展"><meta property="og:type" content="website"><meta property="og:local" content="zh_CN"><meta property="og:url" content="http://ksria.com/simpread"><meta property="og:image" content="http://sr.ksria.cn/introduce-2.png"><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="960"><meta property="og:image:height" content="355"><meta property="og:site_name" content="http://ksria.com/simpread"><meta property="og:description" content="入门指引 | 简悦 SimpRead - 如杂志般沉浸式阅读体验的扩展"><link rel="apple-touch-icon" sizes="57x57" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/favicon-16x16.png"><meta name="msapplication-TileColor" content="#2196f3"><meta name="msapplication-TileImage" content="http://simpread-1254315611.cos.ap-shanghai.myqcloud.com/favicon/ms-icon-144x144.png"><meta name="theme-color" content="#1976d2"><title>入门指引 - 简悦 SimpRead - 如杂志般沉浸式阅读体验的扩展</title><style type="text/css">.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;-ms-flex-pack:center;justify-content:center;-o-box-align:center;-ms-flex-align:center;align-items:center;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;background-color:#fff;z-index:20000}.loading .logo{display:block;width:6pc;height:6pc;background-position:center;background-repeat:no-repeat;background-image:url(./assets/images/icon96.png)}.loading .name{color:initial;font-size:2.5rem}</style><link href="bundle.css" rel="stylesheet"></head><body><div class="main"><div id="fullpage"><div class="section"><div class="tutorial welcome" data-section="welcome"><div class="title">简于型 · 悦于心</div><div class="desc">简悦 - 为你提供「如杂志般沉浸式阅读体验」的扩展</div><div class="banner"><img src="./assets/images/introduce.png"></div><div class="introduce">简悦是 <b>新一代</b> 的阅读模式产品，虽然它支持 <b>开箱即用</b>。<br>但与此同时为了满足不同用户的阅读需求，因此它具有丰富的定制化和可玩性。<br>所以让我们花几分钟的时间来了解一下。</div><div class="controlbar"><button data-action="next"><div class="group"><span>开始教程</span> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg></div></button></div></div></div><div class="section"><div class="tutorial first" data-section="first"><div class="title">首次安装（或升级）</div><div class="desc">简悦支持「开箱即用」，好好利用这里可以让简悦为你更好的工作。</div><div class="frame"><div class="setps"><img src="./assets/images/first.png"><div class="intro"><div class="intro-tips" data-hits="sync"></div><div class="intro-tips" data-hits="config"></div><div class="intro-tips" data-hits="newsites"></div><div class="intro-tips" data-hits="clear"></div></div></div></div><div class="controlbar"><button data-action="prev"><div class="group"><svg class="arrow-icon prev" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg> <span>上一教程</span></div></button> <button data-action="steps"><span>下一步</span></button> <button data-action="next"><div class="group"><span>下一教程</span> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg></div></button></div></div></div><div class="section"><div class="tutorial readmode" data-section="readmode"><div class="title">阅读模式</div><div class="desc">阅读模式虽然不是简悦独创，但简悦的阅读模式确实「与众不同」。</div><div class="frame"><div class="setps"><img src="./assets/images/readmode.png"><div class="intro"><div class="intro-tips" data-hits="toc"></div><div class="intro-tips" data-hits="process"></div><div class="intro-tips" data-hits="trigger"></div><div class="intro-tips" data-hits="readmodefap"></div></div></div></div><div class="controlbar"><button data-action="prev"><div class="group"><svg class="arrow-icon prev" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg> <span>上一教程</span></div></button> <button data-action="steps"><span>下一步</span></button> <button data-action="next"><div class="group"><span>下一教程</span> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg></div></button></div></div></div><div class="section"><div class="tutorial readmodecontrol" data-section="readmodecontrol"><div class="title">阅读模式 · 控制栏</div><div class="desc">这是阅读模式的 「控制中心」，简悦的 「全部功能」均在这里。</div><div class="frame"><div class="setps"><img src="./assets/images/readmodecontrol.png"><div class="intro"><div class="intro-tips" data-hits="readmodestyle"></div><div class="intro-tips" data-hits="readmodecontrol_action"></div><div class="intro-tips" data-hits="readmodecontrol_sites"></div><div class="intro-tips" data-hits="readmodecontrol_plugins"></div></div></div></div><div class="controlbar"><button data-action="prev"><div class="group"><svg class="arrow-icon prev" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg> <span>上一教程</span></div></button> <button data-action="steps"><span>下一步</span></button> <button data-action="next"><div class="group"><span>下一教程</span> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg></div></button></div></div></div><div class="section"><div class="tutorial focusmode" data-section="focusmode"><div class="title">聚焦模式</div><div class="desc">不改变当前页面的结构，仅仅高亮需要阅读的部分</div><div class="frame"><div class="setps"><img src="./assets/images/focusmode.png"><div class="intro"><div class="intro-tips" data-hits="focuscontrolbar"></div><div class="intro-tips" data-hits="focusmodefab"></div></div></div></div><div class="controlbar"><button data-action="prev"><div class="group"><svg class="arrow-icon prev" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg> <span>上一教程</span></div></button> <button data-action="steps"><span>下一步</span></button> <button data-action="next"><div class="group"><span>下一教程</span> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg></div></button></div></div></div><div class="section"><div class="tutorial option" data-section="option"><div class="title">选项页</div><div class="desc">简悦支持很多高级玩法，好好利用这些选项，能让你的阅读模式「独一无二」。</div><div class="frame"><div class="setps"><img src="./assets/images/option.png"><div class="intro"><div class="intro-tips" data-hits="common"></div><div class="intro-tips" data-hits="option_simple"></div><div class="intro-tips" data-hits="option_labs"></div><div class="intro-tips" data-hits="option_sites"></div><div class="intro-tips" data-hits="option_plugins"></div><div class="intro-tips" data-hits="option_later"></div><div class="intro-tips" data-hits="option_account"></div><div class="intro-tips" data-hits="option_about"></div><div class="intro-tips" data-hits="option_help"></div><div class="intro-tips" data-hits="option_notice"></div></div></div></div><div class="controlbar"><button data-action="prev"><div class="group"><svg class="arrow-icon prev" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg> <span>上一教程</span></div></button> <button data-action="steps"><span>下一步</span></button> <button data-action="next"><div class="group"><span>下一教程</span> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"><g fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10"><circle class="arrow-icon--circle" cx="16" cy="16" r="15.12"></circle><path class="arrow-icon--arrow" d="M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98"></path></g></svg></div></button></div></div></div><div class="section"><div class="tutorial end" data-section="end"><div class="title">解锁更多简悦的技能</div><div class="desc"></div><div class="frame"><div class="airboard"><span class="symbol circle"></span> <img class="symbol humaaan" src="./assets/images/end_humaaan-11.png"><div class="symbol listview"><div class="list" style="animation-delay: 2s;"><a href="http://ksria.com/simpread/docs/" target="_blank">文档中心</a></div><div class="list" style="animation-delay: 2.1s;"><a href="https://simp.red/news" target="_blank">简悦的汇总页</a></div><div class="list" style="animation-delay: 2.2s;"><a href="https://github.com/Kenshin/simpread/issues/473" target="_blank">如何使用简悦暂时未支持的导出服务</a></div><div class="list" style="animation-delay: 2.3s;"><a href="https://github.com/Kenshin/simpread/issues/533" target="_blank">用好 Github issues 能解决你大部分的疑问</a></div><div class="list" style="animation-delay: 2.4s;"><a href="https://github.com/Kenshin/simpread/issues/522" target="_blank">当阅读模式并未符合你的期望时，如何进一步优化？</a></div><div class="list" style="animation-delay: 2.5s;"><a href="https://github.com/Kenshin/simpread/issues/534" target="_blank">如何完美解析含有 LateX 的页面</a></div></div><img class="symbol decoration" src="./assets/images/end_decoration.png"></div></div></div></div></div><div class="loading"><div class="logo animated infinite pulse"></div><div class="name">简于型 · 悦于心</div></div></div><script type="text/javascript" src="vendors.js"></script><script type="text/javascript" src="bundle.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-405976-9"></script></body></html> |