十三种技术文档模板 您所在的位置:网站首页 在线编辑的文档怎么写 十三种技术文档模板

十三种技术文档模板

2024-07-15 20:31| 来源: 网络整理| 查看: 265

如何编写高大上的技术文档

作为程序员,除了会写代码,能查bug,还要会画图(UML建模)、做PPT(分享、述职等),更重要的是还要能写得出文档,并且能写出高大上的文档。

8f263bf72000f41693fad944e18f0367.png

根据过往的经验,技术文档一般会:

项目文档:

用于开启新项目的整体概要文档,说明项目背景、成员、依赖关系、项目整体排期、里程碑等信息。

部署文档:

介绍网站或系统如何进行部署,搭建运行环境,通常需要说明代码的Git仓库位置、数据库结构、Nginx/Apache配置、计划任务配置、其他配置,是否需要CDN或HTTPS等,以及注意事项。

接口文档:

针对每个API接口提供的文档,说明接口地址,调用方式,接口参数,返回结构,异常情况等。

模板文档:

提供给前端使用的模板文档,说明每个网站页面会存在哪些变量、类型是什么、以及处理逻辑,方便前端进行渲染、展示和交互。

设计文档:

针对系统、子系统或某个功能模块的设计说明,从技术架构到软件设计,到数据库建模,以及核心技术的介绍,性能分析等,面向对象是相同专业的专业人员。

开发文档:

针对每个开发需求而编写的文档,说明需求的背景、当前需求的实现思路,并记录这个需求所产生的接口文档、模板文档、数据库变更、上线待办清单、代码仓库和相应的开发分支,以及一些注意事项,方便需求在开发过程中,以及在测试联调过程中,有很好的文档进行备忘、沟通和回顾。如果有依赖底层或第三方的接口,也应一并补充。若有外部调用方,也应进行登记。

故障文档:

当出现线上故障时,处理完毕后,应编写故障复盘文档,进行原因分析、思考改进措施、贴出关键的代码、交待故障发生以及处理的历史过程,方便团队进行回顾、学习和避免类似问题再次发生。

分享文档:

对新技术或已有技术的技术分享,例如:如何利用docker部署本地开发环境。

新人文档:

为新加入团队成员而编写的新人指引教程,包括系统介绍、应该开通哪些账号、遇到的一些常见问题、入周第一周应该做什么等。

除此之外,还有系统负责人文档、数据库文档、版本文档、需求文档等,不一一列出。

文档编写的要点

切记,编写文档的目的是为了让读者可以快速有效地获取他想知道的信息。

因此,文档编写规则第一条:要简单、清晰、明了。不要为了凑字数而堆字数。

文档编写第二条:明确文档面向的读者和受众。根据所编写的文档,判断主要面向的受众是产品、技术、测试还是商务人员,尽量使用他们所能理解和熟悉的词汇和表达方式来表达。

文档编写第三条:提供必要的信息。根据需要编写的技术类型,提供必要的信息,就像摄影拍照一样,有一些约定的摄影构图,例如:均衡式构图、对称式构图、对角线构图、三角形构图、九宫格构图等。文档也是一样,不同文档需要包含的元素、标题和部分也有所不同。然后当你熟悉 后,可灵活安排文档的内容,以最为恰当的结构形式来表达。

文档编写第四条:排版与图片。尽量不要一味地只提供文字信息,这样会让读者看起来很压抑而且觉得是“天书”。应该适当留一些空行,让读者眼睛“休息”下,对读者友好一些。同时,提供一些代码片段、UML图片或相关的插图用于辅助说明。补充一些参考的文献和资料。排版上,进行分段,分章节部分,注意对重要的信息高亮、加粗、或重复说明。

文档编写第五条:万事开头难。很多技术人员觉得编写文档比写代码还要难,还要头疼。其实写文档和写代码是类似的,很难一开始就写出完美的文档。应该是像写代码一样,一开始写得很丑陋,但没关系,至少有内容了。然后,可以不断重构文档,对缺少的信息补全,对多余的信息进行删除。最后觉得内容上OK的话,就可以再进行排版和修饰,补充一些图片。慢慢的,在通过用心花时间后,你的完美文档就慢慢出来了。

使用主流的markdown格式进行文档编写

首先,向小白程序员介绍一下markdown这种格式。这是一种很主流的格式,Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。说白了,就是它可以再转换成HTML代码,最后进行文档排版。

f9e036f8e21bdc418377ef8382419a31.png

现在,已经有很多平台都支持了markdown的格式。

例如,Gitlab、Github、Gee:

2c4fce9b87fb3b664354be583d7db773.png

又如各大信息类平台:

图灵社区:

703e5d099a22acccca0e6785336c8fc4.png

掘金:

8c21a63111c94592b4acd5d2f94aec0b.png

另一方面,支持markdown的语言、系统、IDE开发环境、软件、平台和js编辑器也很丰富。

9e643dba3ff3e591ff877e1dddfce34d.png

markdown格式也是很容易理解的,例如大标题、小标题的格式:

# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题

其他格式可自行查阅各大资料说明。

使用本地文本编辑器编写markdown文档

不管你用的是windows系统,还是Linux,还是Mac手提,都有很多文本编辑器是支持markdown的编写以及预览。

markdown文档的后缀名是md,例如常见的顶顶有名的README.md。

84de4ad14bd13202daf80d380443c6b4.png

例如我在Macbook上使用SubEthaEdit:

28d1230b7a2ce17ceb03dfc1b26ecfc8.png

编辑界面如下(后面可以看到相应的访问效果):

9f9d83fc0bae7636b8000188e14e905d.png

在编辑时,编辑器会自动帮你进行markdown格式的高亮,非常友好。

SubEthaEdit官方的介绍。

579dc3185faedc13502dbb73e831e2ff.png 使用docsify搭建你的文档网站

了解完伟大的markdown格式后,接下来你就可以使用docsify把写好的markdown文档进行在线展示了。

docsify是一个基于javascript运行的开源项目,不需要任何PHP、java、数据库后端的依赖,就可以直接展示你的在线文档。

docsfiy官网:https://docsify.js.org/#/?id=docsify-4113

显示效果:

f5a6517fdab5d459e53c3cc82de10e8e.png

来一个更完整的文档截图:

48ae0abcb63bf890b405d4c227b93bf0.png

不用担心英文的问题,文档上的内容都是可以自己设置和编写的。

docsify支持文档搜索、左侧菜单、顶端菜单、封面等。

例如,PhalApi开源框架使用docsify搭建的效果:

项目封面:

1173ca6da5c02ce31108dbc3effbed72.png

文档正文:

c03c0f8873c052764a898a84b7333311.png

搜索效果(留意左边):

a4edfd33d06c05017e69a937a2423ba0.png

同时完美支持移动端访问文档:

341905faaa90681b171d3983c7fe477e.png 用果创云文档编写你的技术文档

最后,如何你不想搭建自己的文档网站,也可以直接使用果创云的在线文档,来编写自己的技术文档,分享你需要分享的项目成员查看。

果创云在线文档就是基于docsify搭建和markdown格式来编写的。

首先,进入果创云开放平台:http://open.yesapi.cn

然后,进入【文档】:http://open.yesapi.cn/wiki/home

1ade5bec8b9d417e5deee2687ea30c2f.png

进入后,便可以创建你的项目文档,支持创建多个项目文档。

4bc02686cf5af485afbb298e54690e2f.png

接着,就可以在线编辑你的文档,并且实时预览。

d82ae88acc162cfe5b423f29456b6817.png

编写完成后,就可以查看你的文档。

b1d4a592a6007fbca655b186a0551bef.png

文档展示效果:

20091d8cbb053cd254aeaeb554e2fbd1.png

为保护你的文档,你可以设置项目文档的查看密码:

a5388f81bec8da3b25e07eb12d0ce24d.png

这时候,需要填写密码才能查看你的文档:

52b133a0eba8d0e83d2a01f7b149e03a.png 立即开始编写我的文档!

点击【阅读原文】,立即开始编写你的技术文档吧~!



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有