程序员word编写小记

谁践踏了优雅 2022-05-30 01:42 137阅读 0赞

# 概述 #

大家看代码时，都希望有文档。但是我们平时又懒得写文档。为什么呢？今天写了一下，才发现，这和word的使用熟练程度有很大关系。

*  如何插入目录？
 *  如何自动更新目录层级的序号？
 *  如何优雅插入高亮代码块？
 *  如何导出带目录导航的pdf？

先就以上几个问题记录在此

## 插入目录 ##

点击“视图”–>“大纲”。  
在大纲视图中，编辑内容层级，会容易的多。  
![这里写图片描述][SouthEast]

然后，把光标放在需要改变层级的内容上，点击下拉框选择“1级”等级别就好。  
或者，在“开始”–>“样式窗格”，编辑标题的样式，然后，  
把光标放在需要改变层级的内容上，再选择样式即可。

![样式][SouthEast 1]

![标题][SouthEast 2]

在“引用”–>”目录”–>“自动目录”，点击录入目录即可  
![自动目录][SouthEast 3]

## 自动更新目录层级的序号 ##

当内容越来越多时，为了更加清晰地看出当前内容的所属层级，我们需要给标题编上编号。  
刚开始手动来写 1、1.1、1.1.2，还可以应付得过来。但是，如果有十章呢，如果有五十章呢？ 对程序员来说，当然要采用自动化的方式。  
这样做：  
“开始”–>“多级列表”–>“自定义新的多级列表…”  
![自定义多级列表][SouthEast 4]  
**敲黑板！！**  
在“编号的格式”，写入我们想要的格式，如：“第x章”，中间的“x”使用“此级别的编号样式”来填充。然后，“将级别链接到样式”，选择对应的标题样式。  
![一级别][SouthEast 5]  
按照同样的方法，设置二级、三级的序号：  
![二级序号][SouthEast 6]

**注意：为了实现2.3的展示效果，在“编号的样式”一栏，先点击“此级别的编号样式”，光标挪到首位，然后输入隔离符号“.”，再把光标挪到首位，再点击“包含的级别编号来自”**  
次序搞错的话，会发现多级标题的需要是倒序的，所以一定要注意。  
到这一步，点击“确定”按钮后，标题应该已经自动加上了编码。  
如果没有自动加上，到标题的样式窗格，勾上“自动更新”再试试：

![标题样式-自动更新][-]

## 优雅插入高亮代码块 ##

在word中模拟高亮代码块，可以这样子：  
“插入”–>“表格”–>“1×1表格”–>“无边框”–>“底色灰色”  
![灰色-无边框][- 1]  
然后，在框内输入代码，可以专门设置一个代码的样式，我设置的样式如下：  
![代码样式][SouthEast 7]

最后的效果如下：  
![效果图][SouthEast 8]

## 导出带目录导航的pdf ##

windows：  
另存为–>pdf–>选项–>选择“标题”就可以了  
![另存为][SouthEast 9]  
![选项][SouthEast 10]  
![标题][SouthEast 11]

mac：  
Cmd + Shift + S ，另存为pdf，然后记得勾上：“最适合电子分发和辅助功能”  
![这里写图片描述][SouthEast 12]

[SouthEast]: /images/20220530/1e43e034c58d48b7bba5e817ba4e6986.png
[SouthEast 1]: /images/20220530/665121a88246458dbd839ea95429e2dc.png
[SouthEast 2]: /images/20220530/bf53bfe052ff49f8b17d544208d903d9.png
[SouthEast 3]: /images/20220530/bb7a945397e444c0b72f55a5da4baf88.png
[SouthEast 4]: /images/20220530/80d65292c5c3465ea47a6203ca9bc882.png
[SouthEast 5]: /images/20220530/246c685a5406458caea1b7ebae3c0079.png
[SouthEast 6]: /images/20220530/4cce6a52eb074191862310cb65fe6ae1.png
[-]: /images/20220530/a7ecc597004c42dfb8097f041f26262b.png
[- 1]: /images/20220530/e7b78a4558084c59a1f82821eae67eec.png
[SouthEast 7]: /images/20220530/acf97d6533a54cc3a9b888e6a05512eb.png
[SouthEast 8]: /images/20220530/fc403926cdc84c9ba582fe0ee93bf3af.png
[SouthEast 9]: /images/20220530/29d774998c05431d88e136b8af9fca6b.png
[SouthEast 10]: /images/20220530/e1b2d81fc75b416c81aef482a2a553b8.png
[SouthEast 11]: /images/20220530/e5af7f60082e4f8cb0f73eb62a169f68.png
[SouthEast 12]: /images/20220530/46f670a4c57d414fb735e84248ce0cf5.png