一半君的总结纸

听话只听一半君

如何用sublime text 3 来写gitbook(Markdown格式)

想写gitbook,但是sb公司用的centos 6.5太老,官方editor打不开,试了几个在线编辑器stackedit.io dillinger 又略卡,搜了半天,得出以下操作方案…

注:此文中的设置步骤已经过时,有些步骤已经是不必要的了,新的设置方法见用GitBook一起来高逼格的写书 – Maya Houdini Scripts Cookbook

需要的道具如下:

  • Sublime Text 3
  • Sublime Text 插件 Markdown​Editing
  • Sublime Text 插件 Markdown​ Preview (非必须)
  • Sublime Text 插件 LiveReload (dev branch才能支持sublime text 3)
  • Firefox 插件 LiveReload

此外还需要一些自定义配置以提升逼格

安装Sublime Text 3

去官网可以直接下,绿色版本,无需安装,如果是穷屌需要和谐可参考这里,不过建议购买正版

sublime3

安装Package Control

如果你没有装,需要去官网复制那段安装脚本,然后 CTRL+` 召唤出console,贴进去回车

package_control

安装 Markdown Editing 插件

CTRL+ALT+P 调出Command Pallete, 选择Package Control : Install Package,然后找到Markdown Editing插件,装

markdown_editing

装好后你再开.md文件就会有这效果

markdown_editing_inaction

安装 LiveReload 插件

需要注意的是不能从Package Control里装,因为目前只支持Sublime Text 2.
先退出sublime text,然后

cd ~/.config/sublime-text-3/Packages
rm -rf LiveReload
git clone -b devel https://github.com/dz0ny/LiveReload-sublimetext2.git LiveReload
安装 Firefox 的 LiveReload 插件

livereload官网装,似乎不行,装了这里的2.0.9

安装 Firefox 的 markdown-viewer 插件

去Firefox插件官网可以安装

然后需要修改~/.mozilla/firefox/*default/mimeTypes.rdf里的内容,在最后添加

<RDF:Description RDF:about="urn:mimetype:text/plain" NC:value="text/plain" NC:fileExtensions="md" NC:description="Text Document">
<NC:handlerProp RDF:resource="urn:mimetype:handler:text/plain"/>
</RDF:Description>
在Sublime Text 3里开启插件

当然Firefox的插件要开开
live_reload_addon

在Sublime Text里也要开启插件
live_reload_sublime1
live_reload_sublime

之后,你就可以如此,点击下图放大,或者看这里的gfycat高清版
live reload in action

进一步提升逼格,假实时效果

把下面这段另存为 ~/.config/sublime-text-3/Packages/SaveForChanges.py


import sublime,sublime_plugin

class AutoSaveCommand(sublime_plugin.EventListener):
    clicks = 0
    clicksTrigger = 1
    def on_modified(self, view):
        self.clicks += 1
        if self.clicks >= self.clicksTrigger:
            self.clicks = 0
            view.run_command('save')

就可以每次按键即“自动”保存,当然这也就算是“实时”预览了,但有个问题,按键太快的时候最后一次没有刷,也许应该使用thread(如论坛所建议的),不过你随时可以Ctrl+S来触发刷新,lz后来把clicksTrigger设成了10,因为觉得一键一刷有点卡

之后,你就可以如此,点击下图放大,或者看这里的gfycat高清版
pseudo realtime live reload

进进一步提升逼格,ipad同步显示 … orz

逼格提升是没有极限的…如果你是 Windows 或者MAC

之后你就可以在电脑上写书,ipad上会同步显示gitbook的效果…(下方是一个youtube视频,请自行翻墙)

ps: package control虽然自己说可以加github上的repo,但是试了下,似乎不能加指定的branch

pss: lz用下面的命令来去掉录屏的最后1秒,因为要切回console按q关ffmpeg,不想把这个也录进去

pssss: 如果你跟着教程看到了这里,恭喜你,你浪费了生命中的20分钟,因为现在sublime text 3里用ibus没法输入中文,也就是说,如果你想用sublime+ibus写中文gitbook的话,目前做不到
可以考虑的绕路方法有以下几种

  • 除非你是用Ubuntu并且是fcitx输入法的话,有cjacker大神的 dirty fix 可以”暂时”(有人称之为完美)解决
  • InputHelper插件(不过拜托,真的有人用这个么?用这个简直就是自虐)
  • 此日本大神的SublimeIBus,但是他说只能用在sublime text 2 32bit上,求高手考虑fork来修改下,看图介绍感觉也是“dirty fix”解决方案

关键点是!!!

lz在公司没权限,任何软件都装不了,尝试过compile fcitx也失败了,总少点什么 orz

# 新版的ffmpeg有-to是到哪一秒结束,如果没有,用-t意思是duration, ffprobe可以看总长度
ffmpeg -i rec_ifu1u6I14U.avi  -ss 00:00:00.00 -t 00:00:13.50 -vcodec copy rec_ifu1u6I14U_1.avi -y; vlc rec_ifu1u6I14U_1.avi

# 用imagemagick前,设两个env var以避免卡死和耗尽/tmp
export MAGICK_AREA_LIMIT=100
export TMPDIR=/usr/tmp
convert -quality 100% -layers Optimize rec_ifu1u6I14U_1.avi rec_ifu1u6I14U_1.gif

# 最后再压小点
gifsicle rec_ifu1u6I14U_1.gif -O3 -o rec_ifu1u6I14U_1_optimized.gif

抄袭:
Complete guide to setup Sublime Text 2 as a best MarkDown Editor
Package Control – Usage How to set up real-time code preview on Sublime Text 2 or 3 using your browser or Ipad
Web development with live reloading. Side by side with #Sublime Text 3 and #Livereload
LiveReload Replacement for SublimeText 3
How To Turn Sublime Text 3 Into the Ultimate Markdown Editor
Auto Save on Every Keypress
Google Chrome 35 Released – Install on RHEL/CentOS 6 and Fedora 20-15
Ubuntu下Sublime Text 3 和搜狗拼音输入法安装全套解决方案
Sublime Text 2 如何在 Ubuntu+iBus 下输入中文?
解决Linux下Sublime text 3的中文输入问题
IBusMode ibus.el EMacsWiki

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: