OneNote 代码高亮方法总结 – 简书

剪辑自: https://www.jianshu.com/p/b1ea2193598d?utm_source=oschina-app

前言

微软的 OneNote 是一个跟强大的笔记工具,但是其本身并不支持代码高亮,这让我们在记录代码时很不方便。还好我们可以通过 OneNote 插件和一些方法实现代码高亮。

本篇就总结下 OneNote 设置代码高亮的各种方法。

插件:NoteHighlight

推荐!NoteHighlight 是一款 OneNote 代码高亮插件,免费开源项目,支持 2010 版本,2013 为 Beta 版,2016 为网友改进版。注意选择和 OneNote 对应的版本,x32 或者 x64。

插件下载:

注意:

  • 该插件需要 .NET3.5 环境支持;
  • “2013 Beta 版” 可能会出现安装后不能用的问题,暂时无解;
  • “2016 GitHub 版” 同时支持 OneNote 2013 和 2016,2013 Beta 版不能用的可安装 2016 版 。

使用

安装后打开 OneNote 会出现 NoteHighlight 工具栏。

点击相应语言打开代码添加框,可以选择代码高亮样式、背景色、行号显示等;粘贴入代码,点击 OK 即可完成添加。

开 始 适 入 
绘 图 历 史 记 录 
HTML XML JAVA 
阅 视 图 NoteHighlight 
C# SQL CSS 
《 璺 NoteHighLight 
JS 
PHP 
Perl Python Ruby 
CPP 
Style 
</div> 
Copy t o Clipboud(c Line Nimb 
. #fSfSfS; 
一 二 C 。 
bold; margin . OPX ; " 冫 < 0 工 f = “ h1 
0 原 又 链 接 : 
Style="fonC—weighC . bold; margin . Opx; 
” 本 网 站 兴 用 . 
SCyle="fonC—weighC . bold; margin . Opx; 
<diV SCYle="CeXC—align . Center; margin—top : ISpx;"> 
<p . OPX ; " 冫 < 5 亡 囗 ng 冫 乙 卜 《 号 . </SCIOng>JusCl 
< p > < 囗 ng > 欢 迎 大 家 关 注 支 持 
</div> 
)V</Strong></p> image.png

< u / 冫 」 ; OS 0 u 00 0 ; 」 SON 」 0 《 Old 〈 以 」 “ = p 孓 
< “ S “ = S S 过 0 u 冫 p02 < “ 工 00 . X 000 . / / : d 」 」 以 = ; 工 琶 > 〈 “ 0001 “ = p 孓 d> 
< 以 01 以 = SS TO “ d 琶 p 琶 “ = p 孓 
^ 孓 
' 110 孓 」 0 孓 卫 S < “ 二 u 工 一 X 000 / S . / / : > < .6uOI 」 S / > 
umopanqs 0 ; 」 0 0 过 0 工 ^ 一 0 冒 孓 XöIdöPOO<6u012S> image.png

使用进阶

1.管理主题

插件本身自带了一些主题风格,如果都不喜欢,可以自己添加更换。

主题位置:插件安装目录\NoteHighlight2016\highlight\themes,里面的文件即主题样式。

NoteHighlight 安 装 目 录 
名 称 
0 
bclear 
0 
bright 
0 
edit-eclipse 
0 
edit-emacs 
0 
edit-flashdevelop 
0 
edit-jedit 
0 
edit-msvs2008 
0 
0 
儲 ndOI 
N 。 t 巳 H h 后 g 卜 t2016 , highlight ) , 一 , 
修 改 凸 期 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 5 / 30 Ig : 32 
2017 / 7 / 21 g 彐 
Windows 主 交 仁 
Windows 主 交 仁 
Windows 主 交 仁 
Windows 主 交 仁 
Windows 主 交 仁 
Windows 主 交 仁 
Windows 主 交 仁 
Windows 主 交 # 
Windows 主 交 , # 
1 KB 
1 KB 
1 KB 
1 KB 
1 KB image.png

打开链接进入可选主题列表:highlight/themes/,选择喜欢的主题,下载并拖进 theme 文件夹中即可。

乪 
乪 
乪 
乪 
乪 
乪 
乪 image.png

高级用户也可以用编辑器打开主题文件,按照主题格式,自定义配色风格。

2.管理编程语言

添加或取消编程语言类型,打开插件安装目录,编辑 ribbon.xml 文件,更改相应语言的可见性 visible 即可,true 显示,false 不显示。

xml version="1.0" encoding="utf-8" ? > 
<customUI xmlns="http: //schemas 。 microsoft 。 com/office/200 
Get 工 mage " > 
<ribbon 
< t a b s > 
< t a b id="tabNoteHigh1ight" label="NoteHigh1i 
<group id="groupl-anguage" label="Languag 
<button id="buttonCSharp" label="C#" S 
Code" onAction="AddInButtonC1icked" ta 
png" visible="true" > 
id="buttonSQL" label= ' 9 siz 
<button 
Code" onAction="AddInButtonC1icked" ta 
png ' isible="true" > image.png

未出现 NoteHighlight 工具栏

进入 OneNote 左上角的 “文件” —> “选项” —> “加载项”,勾选 NoteHighlight。

岌 送 至 OneNote 
生 河 叟 功 彘 区 
憐 速 访 回 工 栏 
活 动 顧 用 程 摩 加 社 頃 
NoteHighlightAddln 
COM 跹 顼 
NoteHi htAddln 
3 
僅 置 : m “ ore 
加 截 行 力 : 0 氵 1 加 戮 
COM 《 《 0 
2 
转 到 一 image.png

插件:数字笔记珍宝 OneNote Gem

该插件功能十分强大,远不止代码高亮。包含 6 个选项卡 400 多个功能,支持 2010 – 2016 版本。

该系列还有很多其它的 OneNote 辅助插件、工具,思维导图、Markdown 等很丰富。

官网:OneNote Gem

项 符 号 序 - 
囝 关 i # 青 
0 
用 文 本 框 哐 起 。 
囗 使 虍 蜘 」 体 。 
《 hade - 。 酊 “ h2 、 
0 引 “ 0 ℃ r 、 
《 an > 
[二二@二二] 
< , p 0 0 = “ 00 : 0 巴 《 《 0 0 : ag : = 0n000 《 “ > 
< img 二 d = 。 彐 n 二 m 彐 r00 二 0 d 二 ng 二 匚 on 。 
0r0- " / 二 0 , 00 乶 / v210 下 / 二 0 , d 飞 00 飞 , t 飞 00 . 0 飞 f ” 01 乶 - " n 土 飞 0 " / ) 
< / 0 飞 v > image.png

ps1. 本插件功能很多,代码高亮并不是其重点,高亮主题比较少,也不能自己添加更改,使用 “文本框框起来” 功能比较方便。

ps2. 本插件为付费插件,但代码高亮功能可以永久免费使用。

高亮工具

官网:highlight

选择对应版本下载,建议便携版即可。

MacOS GUI packages 
mgnugntza-40-Omg ( 64 bit, 9 · 1 MB) 
SHA256 《 9 26 c3cl 06E9 日 72 13 巧 i' E05 ! 主 22 3 卜 “ c 2L1433 《 
Windows packages 
n 也 nt 二 tu 上 41 二 生 e ( 64 bit, & 3 MB) 
SHA256 《 E246 £ £ 70b18c 38 囗 23 囗 d3 囗 e “ 69 Ea3555 390 0 66b:S4bd1 《 巳 0 囤 
x64 便 携 版 
n nt 二 3 . 41 二 4 2 ( 64 bit, 9 · 1 MB) 
SHA256 《 El 489 囗 26cb 733 63253m3 d54 囗 9 335 
n nt 二 蜘 上 41 . e ( 32 bit, & 1 MB) 
e753 《 巳 0 q 
SHA256 《 dc6E4c4 引 7 949 3894594 72b2992 5 1 罷 刂 还 01 《 0 
x32 便 携 版 
n n 41 2 ( 32 bit, & 9 MB) 
SHA256 《 54992d96d b4 的 “ 3 “ C67421849 引 948E 7 d531 image.png

解压运行 highlight-gui ,进入 “剪贴板” ,导入代码,在右侧预览框中 右键复制代码,无背景色的样式直接复制贴入 OneNote 即可。

可以在下方提前设置好代码样式:行号、主题、字体等。

注意:

  • 一定要用右键的 Copy 选项复制才有效!
  • 该工具不建议添加行号,因在 OneNote 复制代码时会连行号一起复制。

00 Highlight 圭 41 
文 性 旧 过 匚 力 
文 俘 堕 逖 析 
代 凸 吾 : 
的 〔 H) 
5 
@一一一1《选择语盲 
“ 蜥 “ 2 , 一 导 入 代 
将 代 览 结 果 复 制 到 點 板 
t 妩 Convert Copy 
'div id 思 . me age “ 〉 
pCodePIex is in read-only mde in prepar 
for shutdown. 
c/strong><a href•"https : //aka. 
ms/Codep1ex-annOuncement">See Shutdown. migrati 
and archive P10n5 
</div> 
</div> 
<div id="header"> 
<div id="header wrap" class="row"> 
<p 谰 : . logo . > < href="http : //翮“. codeplex.com/ 
P00 七 《 t 00 t 1 n f 0 。 0 」 0 」 “ 」 0 f 《 矿 七 〈 / 、 a 0 冫 
@用 脚 贞 
粽 出 格 式 : 
添 加 行 号 
囗 行 号 用 卜 齐 
格 氩 化 
[ 0 日 钅 悯 
</div> 
15 </div) 
用 项 
囗 韬 式 化 代 码 
囗 关 享 大 小 : 
制 丧 荇 0 訃 ) 亮 皇 : 
自 动 换 行 
囗 力 缩 进 
- 3 . 右 腱 选 扌 
Copy Link Lo ( 3 on 
Select 
“ 化 代 码 风 格 
Ctrl+A 
囗 去 蚓 部 和 昆 部 明 
《 一 Keep Flug¯ln 
囗 证 辑 入 文 件 
囗 码 舌 : 
匚 》 囗 t 1 0 nt*bers OE “ p 1 ” image.png

对于 有背景色的样式,直接贴入会出现下面结果。

1 < d iV = “ ba n ne > 
id='•messaxe" 〉 
<strong>Codeplex S in read-only mode in pre r 已 t i 0 n 
for shutdown . </strong><a href="https : //aka . 
ms/codeplex-announcement">See shutdown, ration, 
and 已 C h V 巳 lans</a> 
8 </div> image.png

我们需要插入一个 1×1 的表格,并设置表格底纹(背景色)后再贴入。(背景色通过取色设置为相同颜色最佳)

开 始 
适 人 
历 史 记 录 
認 片 朕 机 認 片 扫 庙 窆 嵯 
P 
ocket 
逆 接 
录 音 录 嵯 
止 在 录 制 
ERY 
时 闾 E 貼 到 
犭 的 笔 记 本 • 。 快 笔 记 公 众 号 highlight-min.gif

在线工具

通过在线的代码着色工具格式化代码,再复制粘贴入 OneNote,依赖网络。可直接搜索 “在线代码高亮/着色” (eg. 在线代码着色

在 线 代 码着 色 ( 采 用 SyntaxHighIighter 实 现 ) 
function echo 0 { 
var a=-this is a example" 
alertC'hello world " + 司 ; 
严 一 示 例 代 码 一 
JavaScript 
, 显 示 行 号 囗 生 成 HTML 
vi 自 苷 色 
@ 默 认 样 苴 O Emacst$* O Eclipse*$-it O Djan 样 式 丷 C) O Midnight#it C) ROarkt#it 
“ 示 例 代 码 “ 一@/ 
function echo 0 { 
var a•"this 0 鬯 × “ PI 鬯 “ 
01 鬯 rt("hel № “ 0 广 Id “ + 0 ) ; 
“ 示 例 代 码 “ image.png

其它方法

还可以从 IDE 或编辑器里面复制代码到 Word 后,再复制粘贴入 OneNote。

不过该方法和 IDE 的种类有关,有的需要安装插件才支持,而 Visual Studio Code 直接复制也可保持高亮,并不通用,大家可以测试下自己的编辑器,不在过多介绍。

结语

OneNote 设置代码高亮的方法上面大致应该都介绍到了,个人目前在用、也是最推荐的就是第一种,使用 NoteHighlight 插件,功能专一,也比较方便,而且主题、支持语言也可以自己管理。大家选择一种用着舒服的就好。