Sublime3 markdown Preview Modify the output HTML page default width

Source: Internet
Author: User
Tags sublime text

The HTML page generated by Markdown Preview,ctrl+b installed in Sublime3 is very narrow, the default value is Width:45em, many codes are not fully displayed, you need to drag the progress bar, and you want to adjust the default width.

http://blog.csdn.net/kamidox/article/details/39704041 This article gave a hint, but did not find the corresponding MARKDOWN.CSS

Document, later referencing the official GitHub document Https://github.com/revolunet/sublimetext-markdown-preview, was done.

Two methods of installing Markdown Preview:Installation:Using package Control (Recommended)

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

    1. Install the Control if you haven ' t yet.
    2. Use cmd shift P + Package Control: Install Package and then
    3. Look for and Markdown Preview install it.
Manual Install
    1. Click the Preferences > Browse Packages… menu
    2. Browse up a folder and then into the Installed Packages/ folder
    3. Download Zip package rename it to and Markdown Preview.sublime-package copy it into the Installed Packages/ directory
    4. Restart Sublime Text

After the first method is installed, use everything to search for the file name Markdown preview.sublime-package

Change it to Markdown preview.sublime-package.zip, open the compressed file to find Markdown.css, modify the value inside width:45em for width:75%, save and RePack, note that the new package should be directly contains all the files of the original package, and then remove the . zip suffix, reopen sublime, the HTML file generated with CTRL+B is already a reasonable width.

Attach the Githu link and manually install the package file:

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

Sublime3 markdown Preview Modify the output HTML page default width

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.