Sublime3 markdown preview 修改输出的html页面默认宽度

在sublime3 中安装了 Markdown Preview，Ctrl+B生成的HTML页面显示很窄，默认值为width: 45em，很多代码不能完整显示，需要拖动进度条，于是想要调整默认的宽度。

http://blog.csdn.net/kamidox/article/details/39704041 这篇文章给了提示，但是没有找到对应的 markdown.css

文件，后来参考官方的github文档 https://github.com/revolunet/sublimetext-markdown-preview ，搞定了。

两种方法安装 Markdown Preview：

Installation :

Using Package Control (Recommended)

For all Sublime Text 2/3 users we recommend install via Package Control.

Install Package Control if you haven‘t yet.

Use cmd+shift+P then `Package Control: Install Package`
Look for `Markdown Preview` and install it.

Manual Install

Click the `Preferences > Browse Packages…` menu

Browse up a folder and then into the `Installed Packages/` folder
Download zip package rename it to `Markdown Preview.sublime-package` and copy it into the `Installed Packages/`directory
Restart Sublime Text

第一种方法安装完成后，使用everything 搜索文件名 Markdown Preview.sublime-package

将其改为 Markdown Preview.sublime-package.zip，打开压缩文件找到 markdown.css ，修改里面的值 width: 45em 为 width: 75%，保存后重新打包，注意新的压缩包应直接包含原有包的所有文件，再去掉 .zip 后缀，重新打开sublime，用Ctrl+B 生成的HTML文件已经是比较合理的宽度了。

附上githu链接及手动安装的包文件：

https://github.com/revolunet/sublimetext-markdown-preview

时间： 2024-12-25 04:37:08

Sublime3 markdown preview 修改输出的html页面默认宽度的相关文章

如何修改magento产品详细页面的栏目

magento默认模板里面的产品信息页面的布局是以两栏带右侧栏显示的,那么如何修改为两栏带左侧栏或者三栏.一栏的方式显示呢?下面教大家一种很简单的方法就可以实现.下面是默认的布局预览:修改成两栏带左侧栏后的效果:修改成三栏后的效果:修改成一栏效果: 这样的效果很容易实现的,首先你需打开catalog.xml文件1.3版本app > design > frontend > default > deault > layout > catalog.xml1.4版本app &g

Chrome MarkDown Preview Plus

/************************************************************************** * Chrome MarkDown Preview Plus * 说明: * 之前写MarkDown的文档时经常使用Sublime Text来预览,编辑文档都是用Vim * 来进行的,所以采用Chrome来预览那就省事了. * * 2017-4-7 深圳南山平山村曾剑锋 ************************************

允许访问文件网址 chrome插件markdown preview plus

装完这个插件后进把本地文件的地址输到地址栏,结果就是不能解释md文件.始终没注意到在扩展程序管理里面,这个插件的还有个选项“允许访问文件网址”,尼玛,这是怎么翻译的呀.这个选项是说要不要解释本地的文件.....看了一下 markdown preview的说明:1. Install extension from webstore (creates no new UI) 2. Check "Allow access to file URLs" in chrome://extensions

Android 使用Log4j把日志写入SD卡，动态修改输出文件名称

一.Log4j简单使用 1. 下载log4j.jar http://logging.apache.org/log4j/2.x/ 2. 创建Java代码 public class Loggers { public static Logger logger = Logger. getLogger(Loggers. class); public static void init() { try { PatternLayout patternLayout = new PatternLayout(); p

servlet和struts2一起使用，实现绝对路径下的图片输出到jsp页面

如果我们在web.xml中配置的struts2的接收请求的路径为: <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> 是可以用struts2中使用servlet的,只是必须让struts2的action来转发到servlet的url-pattern中的地址就可以了.我们简单的举例如下:

SublimeText3系列- HTML-CSS-JS Prettify美化代码&Markdown Preview写作

1.1HTML-CSS-JS Prettify安装 HTML-CSSS-JS Prettify插件使用的是node版的js-beautify,因此需要首先安装node,node的安装请自行搜索.在node安装完成后,使用npm安装js-beautify,命令 npm install -g js-beautifyHTML-CSS-JS Prettify 的安装推荐使用PackageControlCtrl+Shift+P输入Install Package,然后输入HTML-CSS-JS Pretti

sublime 安装markdown preview 插件

今天在看DMTF的东西,后来发现他们写文档用markdown,就想用下.发现推荐使用sublime的markdown preview 插件的人多些,就想使用sublime的插件,然后install package 的时候,发现无法安装,因为没有配置代理T-T.然后就先去按照这篇文档:https://packagecontrol.io/docs/settings 手动安装了package control的插件安装管理器-> Ctrl+Shift+P 打开package 管理器-> 再instal

系统管理模块_岗位管理_改进_使用ModelDroven方案_套用美工写好的页面效果_添加功能与修改功能使用同一个页面

改进_使用ModelDroven方案 @Controller @Scope("prototype") public class RoleAction extends ActionSupport implements ModelDriven<Role>{//把ModelDriven放到栈顶,帮我们封装参数 //在Action里面要用到Service,用注解@Resource,另外在RoleServiceImpl类上要添加注解@Service @Resource private

php输出控制函数和输出函数生成静态页面

Output Control 函数详解: flush - 刷新输出缓冲 ob_clean - 清空输出缓冲区 ob_end_clean - 清空缓冲区并关闭输出缓冲 ob_end_flush - 冲刷出输出缓冲区内容并关闭缓冲 ob_flush - 冲刷出输出缓冲区中的内容 ob_get_clean - 得到当前缓冲区的内容并删除当前输出缓存 ob_get_contents - 返回输出缓冲区的内容 ob_get_flush - 刷出缓冲区内容, 以字符串形式返回内容, 并关闭输出缓冲区 ob_