View Code? Open in Web Editor
NEW
🐬 很棒的 Web 应用——倾城之链(NICE LINKS),基于 Vue2.*(vuex、Webpack4、ES6、Element-UI)所构建。
Home Page: https://nicelinks.site/
License: MIT License
JavaScript 23.26%
Vue 69.95%
CSS 1.08%
SCSS 4.54%
EJS 1.17%
nicelinks-vue-client's Introduction
nicelinks-vue-client's People
Contributors
nicelinks-vue-client's Issues
故事 : 应用目前采用 vue 框架构建;在 nginx 层有用 prerender
来预渲染针对浏览器的页面抓取;然而,在此基础之上,应用的 SEO
仍有很多需优化之处;比如,应用应针对不同的页面,动态设置其 title
, meta
等信息,以告知浏览器此页的内容;因此开启此 issues 以记录 & 优化此问题。
背景: 网站现有后台,采取以 Node.js
为后台,用 MongoDb
作数据存储;鉴于日后可能越来越多的访问量,所以要予以注入,利用 Redis 的特性,来提升网站性能 & 提升访问体验。
对于不支持 Markdown
的长文本,是十分闭塞的书写区;这是本应用绝对要率先优化的。
故事 : 应用原本对站点信息,具有地址、标题、分类、标签、关键字、描述等信息;近期发现,这不足以给站点带来更多的讯息,思虑再三,决定在“评论”功能上线之前,为其加上 点评
,使得站点信息可以更加丰富。
故事 :站点地图是一种文件,您可以通过该文件列出您网站上的网页,从而将您网站内容的组织架构告知 Google 和其他搜索引擎。Googlebot 等搜索引擎网页抓取工具会读取此文件,以便更加智能地抓取您的网站。
此外,站点地图能够提供与其中所列网页相关的宝贵元数据:元数据是网页的相关信息,例如此网页的上次更新时间、更改频率及其重要性(与相应网站中的其他网址相较而言)。
所以,需要手动为应用生成站点地图,以提升搜索引擎的抓取效率(此处主要针对 Google 搜索引擎)。
故事: 对于一个为用户提供搜索服务的作品,「站内搜索」是一个很重要的功能;它能让用户更容易的找到 Ta 想要的;因此需要给予支持。
故事 :对于目前来讲,所收录的网站,仅限于网站标题、链接、关键字和描述;对于网站的首页“长相”,对于用户、网站浏览体验来说,也是十分重要;这一块后期也要开始着手;目前的方案,是基于 Chrome Puppeteer
工具,在后台开启这项服务:定期自动抓取/更新网站首页截图;从而,使得用户可以在浏览时候(一图胜十言),可以对网站有更为清晰的认知。
如题。基于 Google Lighthouse 以及 semalt.com 给出的建议,逐步“修复 & 增强倾城之链的 SEO”。
故事 :目前的字体风格、尤其是切换至英文,字体风格欠妥,有待调整,使得用户具有更佳的浏览体验。
鉴于 Google Analytics 强大的功能,有必要对网站 Ga 分析做下改善,比如:添加事件埋点、完善配置,增加性能分析等,使得可以更明确的知道用户的操作;同时,使得像 Chrome SimilarWeb
这样的插件,可以对网站有更友好的统计。
故事 : 目前的监控系统尚不完善,只在前端使用了 sentry
来收集上报前端错误;后续需要借助工具,完善整个系统监控,包括错误收集、访问峰值超过阀值等等。
从使用 Lighthouse
给应用跑分情形来看,在 Performance
、Progressive
、Accessibility
、Best Practices
分别得分 48、64、67、88;这需要努力修缮一把。
clone 你的项目之后 运行npm run build:dll 生成vendor.dll.js,然后再 run dev 报错了,
Uncaught TypeError: n(...) is not a function
at Object. (vendor.dll.js:1)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:1)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:6)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:6)
at e (vendor.dll.js:1)
at Object. (vendor.dll.js:1)
at e (vendor.dll.js:1)
背景: 为了便于网站在社交圈流传(emm,绕不过去的微信啊),需接入微信JS-SDK ,以支持网站可以分享至朋友圈、微信群等等,并且有好的体验。
故事 : 目前的登录,存在以下急需完善的问题:
只支持邮箱登录;后续要补上用户名
登录;
后续要支持主流社交网站账号进行登录;
完善登录 UI 设计、安全、以及登录态存在回话时长;
现有的移动端设计风格,存在些问题,而且体验不佳;计划,模仿 apple
侧边栏的设计以及动画,使得侧边栏,可以拥有更佳的访问体验以及视觉效果。
背景: Nginx 的日志文件本身没有 rotate 功能。如果不加以处理,随着访问量的增加,日志文件将变得越来越大;尤其是 access.log 增长极快,服务器会很快消耗磁盘空间,影响服务器效率;其次,当需要对日志文件所记录的数据进行分析时,每次都将耗时很多,才能下载这个庞大的日志文件,造成不必要时间浪费,因此需提早优化切割处理。
故事 : 目前的邮件(通知)系统,不够完善,急需优化完善;主要有以下工作:
用户有提交新 nice site
,则邮件通知管理员;
用户提交的 nice site
,如不符合收录初衷,则邮件提醒;
注册用户,在 12 小时内,未有及时激活,则发邮件提醒;
改善邮件版面设计,使得具有更加的视觉体验;
故事 :现有的用户默认头像,是统一为秦时明月人物之白凤
;很显然这并不是很合理;目前可供选择的方案是,基于 adorable-avatars 所提供的方案,依据用户名
为标识符,当用户注册之时,为用户生成独特专属头像;当然,依旧会支持用户可以自定义修改。
此应用目前仅适用 email
+ password
的组合登录方式,很明显这不是很友好;因此需要增加一种更常用的组合方式,即:username
+ password
,以最快速度的改善应用的登录体验。
in this file jade-blog/src/assets/icons/index.js ,really need this judgement if (key === './index.js') return
? ,for the third parameter in const files = require.context('.', true, /\.svg$/)
has filtered the result.
故事 : 出于为页面 SEO
考虑,有必要提升用户在页面停留时间;加上个人对美妙句子很是欢喜,结合这两点,就产生了一个想法 ——为项目在侧边栏注入箴言锦语
功能:在页面加载后,随机拉取一则美妙句子 ,展示于侧边栏,以此增加用户对页面兴趣。
故事 :网站目前,对评论
& 消息
系统,一直仍是空白;但,这确实很重要的一块,后续要开始着手逐步完善;现在的打算是,仿效 Github
的方案来开展这项工作。
故事 :首页图片过于单调,长时间不变,会导致审美疲劳,需要重新设计。
故事背景: 目前「倾城之链-快应用」 已在 OPPO
、vivo
、小米
、魅族
等平台上线;借助快应用 Deeplink
功能,可以在网页中打开快应用,以为维护增加一种打开倾城之链 应用的方法,从而提升使用体验。具体实现参见:通过链接从外部打开应用 。
位置:
首页 -> 注入新链接链接
复现步骤:
0.选择文字的时候, 一直拖动选择到后面
效果图: