my-bookmark/public/views/home.html

34 lines
4.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="ui segment js-segment-home">
<div class="ui container js-p-info">
<h3 class="ui dividing header">为什么要做个网络书签</h3>
<p>每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是你可能还是会遇到下列问题:</p>
<p>1、如果你重装系统或者换浏览器怎么办</p>
<p>2、如果你有多个浏览器书签该如何整合</p>
<p>3、如何快速搜索保存的书签比如我只想搜索某个时间段保存的书签</p>
<p>4、如果一个分类下面书签过多如何方便快速查看</p>
<p>5、我能不能查看别人收藏的书签</p>
<p>6、在其他地方上网的时候能不能查看我自己的书签</p>
<p>7、如果公用一台电脑如何区分我收藏的跟别人收藏的书签</p>
<p>在线书签管理工具,帮助你快速记录你喜欢的网站,并可以随时随地查看这些站点,而不必拘泥于使用的浏览器。无论在什么地方,只要能接入网络,就能打开属于你自己的网络书签,看到自己收藏的页面网址。</p>
<h3 class="ui dividing header">主要功能</h3>
<p>1、需要注册账号用户。(完成)</p>
<p>2、网站展示有三种展示方式导航标签列表卡片。其中导航以分类展示分类顺序可以在书签分类下面拖动编辑。按照点击的次数从高到低在每个分类里面提取16个书签再按照最近添加的书签提取前面的16个书签然后合并起来。标签是一个快捷方式。列表以表格展示显示书签详细类容按照点击次数优先显示点击次数相同则按添加顺序优先。卡片以卡片方式显示按照最近添加优先显示。这几种展示方式可以在设置里面默认一种你常用的方式。(完成)</p>
<p>3、在书签分类里面可以更新分类删除分类新增分类对分类显示进行排序。分类的标签默认按照添加日期展示但是可以点击表格的标题按照点击次数添加日期最后点击从大到小进行排序。(完成)</p>
<p>4、可以按照指定添加时间段指定分类目录指定网址关键字等进行查询。(完成)</p>
<p>5、添加书签的时候会自动获取title供用户编辑。其中Insert键打开添加页面再次按Insert键保存书签Esc取消添加。(完成)</p>
<p>6、可以导入Chrome的书签导出文件暂时做在设置里面。(完成)</p>
<p>7、书签可以作为公有或者私有公有可供所有人搜索。(完成)</p>
<p>8、可以将搜索到其他用户的书签转存为自己的书签。(完成)</p>
<p>9、可以将书签导出来然后导入到浏览器。(完成)</p>
<p>10、在热门标签里面有在网上找的热门书签。可以转存收藏到自己书签里面。快捷键R随机查看热门书签。(完成)</p>
<p>11、新增备忘录功能有时候随手要做点纪录就方便了。任意界面按快捷键A增加备忘录。双击备忘录可查看详情(完成)</p>
<p>12、在设置的全局链接可设置快捷键用来在任何页面快速打开设置的链接。(完成)</p>
<p>13、安装<a href="https://chrome.google.com/webstore/detail/%E4%B9%A6%E7%AD%BE%E5%BF%AB%E9%80%9F%E6%B7%BB%E5%8A%A0/lmmobgephofdffmaednjooplcpbgbjle" target="_blank">Chrome插件</a>(需科学上网),可在任意界面快速添加书签。(完成)</p>
<h3 class="ui dividing header">联系方式</h3>
<p>QQ530485521记得备注加书签。</p>
<h3 class="ui dividing header">开发备忘(非开发人员请无视)</h3>
<p>1、该代码我托管在Github上<a href="https://github.com/luchenqun/my-bookmark" target="_blank">my-bookmark</a>。该地址有文件夹详细说明以及部署步骤。git地址git@github.com:luchenqun/my-bookmark.git。如果你需要源码你尽可随意使用此项目无需通知我。</p>
<img class="ui centered fluid image" src="./images/screenshot.gif">
</div>
</div>