Git Product home page Git Product logo

vlook's People

Contributors

asterecho avatar madmaxchow avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vlook's Issues

MathJax formula is so small in the PDF output

MathJax formula is so small in the PDF output.
My Typora version is 0.9.77. Windows 10.
The formula in Typora is as follows. It is in the normal size.
uHl8PS.jpg
The formula in the PDF output is as follows. It is so small.
uHlB5T.jpg

Thank you for the plugin. It is a helpful project!

文档透视(X-ray)特性

类似 Kindle 的 X-ray 特性,在 VLOOK 中主要将带题注的内容(插图、表格)同、多彩标签、引用等

支持对指定图片在DarkMode时进行反转

markdown图片语法中的「图片地址」中增加URL参数的方式实现指定:
![图片替代文本](图片地址 "标题")

通过URL参数invert=in-dark指定图片在 Dark Mode 时反转。
举例如下:
![正常图片替代文本](xxx.png?invert=in-dark")

注意:URL参数与图片地址间以英文问号「?」分隔

适配支持mermaid v8.4

涉及新图形:类图状态图饼图
适配所有图表的样式(颜色、字体等),包括 Light / Dark 模式,更新mermaid的补丁

PS: 对应的 Typora 版本为 0.9.9.30 (0.9.80)
目前因 mermaid 自身 bug 的原因,VLOOK 与 Typora 对其属于初步支持的程度

支持更多字体样式选项

在现有的衬线(思源宋体)、非衬线(思源黑体)的两种字体样式选择的基础上,增加更多的字体样式选项。
计划增加:经典黑/宋、微软雅黑、阿里巴巴普惠体、圆体

优化代码块在 Dark Mode 的样式

参考 Typora 的内置主题「night」相关主题文件:
night.css
night\codeblock.dark.css
night\sourcemode.dark.css

调整样式一致性,增加交互

图注、表注优化与增强

  • 增强图片现有的图注功能,在「alt 转为图注」的基础上,增加「title转为图注二」,应用于如「数据来源:xxx」等场景(同时也要支持在新标签打开)。
  • mermaid的图注、表格的表注支持第二图注/表注,并须使用扩展语法![图注/表注]"图注/表注二",可在其前置的正文或h6中应用,该内容会在VLOOK插件生成图注/表注后被隐藏。
  • 图片若存在前置的以上扩展语法,则以其为优先,覆盖第1点中针对图片的对应图注内容。

界面交互适配问题合集

  • 调整浏览器窗口大小,或最大化,VLOOK的UI没有适配
  • 插图、表格的新标签打开按钮背景颜色丢失
  • 优化默认字体样式、最后设置样式的处理
  • 未缩进情况下表格行号位置过于贴近表格
  • 优化表格十字光标、内容块聚焦的交互
  • 表格前序号失效
  • 提示层外增加背景模糊(仅Chrome, Safari)
  • 大纲折叠节点样式的hover无效
  • 页面初始化后 Windows 下右侧工具栏位置不应贴边,应有间距20px

主题配色支持CSS的「::selection」

不同时间使用指定的选中文本颜色、背景色,以使视觉效果更协调。

::selection {
    background:#d3d3d3; 
    color:#555;
}

::-moz-selection {
    background:#d3d3d3; 
    color:#555;
}

::-webkit-selection {
    background:#d3d3d3; 
    color:#555;
}

移动端问题汇总

  • 文档大纲视图及版本信息未适配移动端屏幕宽度
  • 不应显示工具提示
  • 应屏蔽的入口:聚光灯、Light/Dark模式、字体样式、打印

性能优化

针对加载,页面滚动等情况进行性能优化

适配 Typora 的 Dark 模式

在系统和 Typora 启用 Dark 模式后,选择 VLOOK 的主题能自动进行适配
(前提条件:Typora 须先支持 CSS 的 prefers-color-scheme,目前未支持)

markdown转html后无法出现大纲导航

md转换成html,并且加上TOOLBOX插件内容后,html没有导航栏。我看到说明书上有这么一句:
编写 Markdown 文档时,须在封面后添加标签[TOC]。
请问,这个[TOC]标签是加在哪里呢?

使用无效

按照教程里做了,但是显示空白,有报错。。请问怎么解决啊?

image

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.