於Sublime Text 3 使用SublimeHighlight複製程式碼格式顏色

Posted on 2014-09-30 Edited on 2023-11-24 In 工具教學 Views: Disqus:

一、先去下載並安裝Sublime Text 3

二、再安裝Package Control

於View > Show Console的console中

貼上反黃字串

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

此步驟如不太懂可參考package Control installation

三、安裝SublimeHighlight

第二步驟安裝完畢後，於Perferences>Package Control

輸入 Add Repository ，然後於底下輸入https://github.com/n1k0/SublimeHighlight/tree/python3

然後再開啟Package Control 輸入Install Package然後找尋SublimeHighlight並裝之，後restart

四、使用

當想要複製syntax color 時，先全選想要複製的程式碼，於tool->commandPaette選擇下列其一選項後，再於目的Ctrl +V貼上，即完成。

SublimeHighlight: convert to HTML: will convert current code to highlighted HTML in a new SublimeText tab.

SublimeHighlight: convert to RTF: will convert current code to highlighted RTF in a new SublimeText tab.

SublimeHighlight: view as HTML: will convert current code to highlighted HTML and open it in your default browser.

SublimeHighlight: view as RTF: will convert current code to an RTF document and open the generated file with your default program.

SublimeHighlight: copy to clipboard as HTML: will convert current code to highlighted HTML and store it into the system clipboard.

SublimeHighlight: copy to clipboard as RTF: will convert current code to raw highlighted RTF and store it into the system clipboard.

五、額外便利設定

1、客製化佈景主題

.於perferences->package Settings->sublimeHighlight->setting-User輸入並儲存

{

"theme": "tango",

"linenos": "inline",

"noclasses": true,

"fontface": "Menlo"

}

2、快捷鍵設定

[

{ "keys": ["ctrl+shift+c"],

"command": "sublime_highlight",

"args": { "target": "clipboard",

"output_type": "rtf"

}},

]

六、預設快捷鍵

其實快捷鍵有n個可用，以下只是抓幾個來介紹

1、Ctrl + r

列出所有可直接跳到ID的路徑

2、Ctrl + k + 0、1、2

如範例原始碼為

<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li><a href="#section1">Section 1</a></li>
    <li><a href="#section2">Section 2</a></li>
    <li><a href="#section3">Section 3</a></li>
    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#section41">Section 4-1</a></li>
        <li><a href="#section42">Section 4-2</a></li>
      </ul>
    </li>
  </ul>
</div>