基本完成,欢迎使用及参与完善。GitHub项目链接
user setting
更改 **MarkdownPreview **插件的用户设置,让其使用用户 CSS 进行HTML的输出,方法如下:最后一行"CSS"语句,默认的为"css": ["default"]
MarkdownPreview插件用户设置
首先用默认写入[CSS信息的方式]生成HTML,将样式表以外内容全部删除之后另存为 .CSS
设置写入不写入好像不起作用,都会包含一大堆样式在里面,这个不是现在的重点问题。
之后的工作就是在这上面一点一点改,直到自己喜欢为止。
路漫漫其修远兮
自定义样式表
修改备忘*
1. 页面宽度
页面宽度调整
2. 字体样式
由于这里使用了GitHub的渲染方式,仅考虑了英文支持
现在主要是考虑了中文的支持,如果有更好的免费中文字体,我会考虑换一款
去GitHub看一下里面 的中文项目就知道了,它没有对中文字体特殊处理,里面都是宋体字。这可能跟GitHub历史及来源有关。现在只好弄成PC都会有的雅黑。
字体修改
3. 页面边框及圆角
页面边框及圆角
4. 图片设置默认显示尺寸上限,单击以放大(准备中)
5. 添加 回到顶部 按钮(计划中)
6. 图片宽度限制
虽然可以使用 < img>标签来限定插入图片的宽度,但是我还是希望设定这个全局的限制,因为有些时候我的图片实在是太大了。
图片宽度限制
7. 添加内容区背景色 & Padding
内容区背景原先未设置,现增加Cmd使用的背景色(或者改为简书的 #FCFAF2 ?)
内容区背景色
8. 考虑添加 TOC 类
9. 使用 JS 控制目录
考虑目录的 随页面移动/可折叠展开/隐藏
现在已经使用了云端 CSS 链入的方式,但为什么 解释器出来的结果还是会包含 < style> ,而且他所给出的,我的代码里面都有啊