st外部调用css,ST 应用 CSS 模板生成 HTML

基本完成,欢迎使用及参与完善。GitHub项目链接

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

user setting

更改 **MarkdownPreview **插件的用户设置,让其使用用户 CSS 进行HTML的输出,方法如下:最后一行"CSS"语句,默认的为"css": ["default"]

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

MarkdownPreview插件用户设置

首先用默认写入[CSS信息的方式]生成HTML,将样式表以外内容全部删除之后另存为 .CSS

设置写入不写入好像不起作用,都会包含一大堆样式在里面,这个不是现在的重点问题。

之后的工作就是在这上面一点一点改,直到自己喜欢为止。

路漫漫其修远兮

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

自定义样式表

修改备忘*

1. 页面宽度

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

页面宽度调整

2. 字体样式

由于这里使用了GitHub的渲染方式,仅考虑了英文支持

现在主要是考虑了中文的支持,如果有更好的免费中文字体,我会考虑换一款

去GitHub看一下里面 的中文项目就知道了,它没有对中文字体特殊处理,里面都是宋体字。这可能跟GitHub历史及来源有关。现在只好弄成PC都会有的雅黑。

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

字体修改

3. 页面边框及圆角

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

页面边框及圆角

4. 图片设置默认显示尺寸上限,单击以放大(准备中)

5. 添加 回到顶部 按钮(计划中)

6. 图片宽度限制

虽然可以使用 < img>标签来限定插入图片的宽度,但是我还是希望设定这个全局的限制,因为有些时候我的图片实在是太大了。

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

图片宽度限制

7. 添加内容区背景色 & Padding

内容区背景原先未设置,现增加Cmd使用的背景色(或者改为简书的 #FCFAF2 ?)

05cf3cadfed2?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

内容区背景色

8. 考虑添加 TOC 类

9. 使用 JS 控制目录

考虑目录的 随页面移动/可折叠展开/隐藏

现在已经使用了云端 CSS 链入的方式,但为什么 解释器出来的结果还是会包含 < style> ,而且他所给出的,我的代码里面都有啊

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值