hi, 大家好, 我是徐小夕, 新的一年, 你又复盘了吗?

当然今天不是分享 「技术干货」 的, 作为一名写了两年多技术文章的 coder, 今天和大家分享一下我写技术文章的一些方法和技巧, 同时也分享一款超级好用的面向技术人员写作的工具 「mdnice」.

我会从以下几个角度来和大家探讨如何写出一篇逻辑顺畅, 结构清晰, 样式美观的技术文章, 如果恰巧你对技术复盘和技术写作有一些疑问, 也希望这篇文章能对你有所帮助.

  • 我们写技术文章的初衷是什么?

  • 在写技术文章前, 需要准备什么?

  • 技术文章写作神器mdnice使用介绍

  • 文章发布后的“用户视角”

我们写技术文章的初衷是什么?

坦诚的说, 我在18年底开始写文章时, 单纯的是为了总结一些学到的知识, 以便在后期工作和面试中可以游刃有余. 所以那个阶段主要是以总结为主, 用 hexo 搭建了自己的技术博客, 写了很多 css, javascript, vue 的文章.

由于之前喜欢捣鼓 H5 游戏, 所以学习了很多算法, 也做了一些小游戏, 比如:

  • 抽奖大转盘

  • 拼图小游戏(拼拼乐)

  • canvas验证码

等等, 并通过文章的方式记录了我设计这些游戏的思路和方法. 现在回头来想这应该算是 「兴趣驱动」 吧~

再往后的一年里, 由于工作经验的增加和阅读了大量技术书籍, 我逐渐发现了很多业务上的需求, 比如 「CMS系统」, 「组件系统」, 「微前端架构」等, 所以就花了大量时间研究这些实现方案, 陆陆续续也做了对应的开源项目, 所以自然也有了我19年文章的内容基础.

这个阶段主要是从 「实际需求」 出发, 来提供解决方案的技术复盘, 所以19年到20年一直在写前端工程化, 组件化等的文章, 这个阶段也是我进步最快的时间段. 在掘金和知乎也获得了很多粉丝(这也许是技术创作者最好的回馈).

在20年到21年, 因为有一定的粉丝基础, 通过持续的学习和文章创作, 获取了一定的收益和社区影响力, 也先后多次受邀分享了低代码和可视化的技术实践.

综上, 从我的技术写作经历来说, 「作为技术人, 写作的初衷首先应该是由内而外的, 先要有兴趣或者一个对自己来说非常迫切的诉求, 然后再来考虑写什么, 怎么写.」

在写技术文章前, 需要准备什么?

我早期的文章也是过程式的, 想到哪写到哪, 做到哪写到哪. 首先这样做对自己或者他人来阅读或者理解其实成本还是挺高的. 比如说我需要把文章仔细的看完才知道它讲的是什么.

和编程也是一样的, 「面向过程的编程」明显从可维护扩展的角度劣于「面向对象的编程」. 就比如我们早期封装的 jquery 插件, 我们看到它名字就知道它是做什么的, 而且使用起来成本非常低, 可读性也很高.

所以, 在写作之前, 除了要知道自己要写什么之外, 还要有一个基本的 「写作大纲」. 我目前基本每一篇文章都会先写文章大纲目录, 如下:

  1. 滑动验证码文章大纲

  2. 从零搭建可视化大屏文章大纲

  3. 从零设计H5编辑器文章大纲

以上几个文章大纲大家可以参考一下. 我的统计结果是, 「有清晰大纲且内容逻辑清晰的文章阅读量普遍比早起面向过程式的文章阅读量高」.

当然, 最重要的还是要 「言之有物」.

技术文章写作神器mdnice使用介绍

这个普遍看脸的时代, 文章当然也要看颜值喽~ 这里给搭建推荐一个我常用的写作工具——「mdnice」.

它通过我们程序员最熟悉的 md 语法来写文章, 同时支持多个主题模版, 可以轻松帮我们渲染不同风格的文章样式, 让我们的文章更有颜值~

以下是我用 mdnice 写文章的界面:

大家感兴趣也可以尝试一下, 这里分享一下 「mdnice」 的地址:

https://product.mdnice.com/

文章发布后的“用户视角”

文章发布后的“用户视角”, 主要思想是关注「有效用户」的用户反馈. 因为写文章大多是站在自己的立场和角度写的, 无法避免一些疏漏或者错误, 所以始终以一种虚心的态度面对用户或读者的反馈, 才能让你越走越远.

当然, 本文也欢迎用户随时反馈, 各位有好的建议, 也可以在下方二维码中反馈:

好啦, 今天的分享就到这啦, 如果文章对你有帮助, 欢迎 「点赞」 + 「在看」, 鼓励作者创造更优质的内容~

点个在看你最好看

程序员如何优雅的写技术文章?相关推荐

  1. 程序员可以选择哪些平台写技术博客?

    前言 只有光头才能变强. 文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y 很多时候,别人问我怎么学习Java,怎么可以提升自己 ...

  2. java开发文档怎么写_程序员该不该写技术文档,怎么写文档,易懂又能提升自己...

    最近公司项目的调用量突然涨了一大波,很多系统都纷纷扛不住了,于是需要对系统进行优化,系统优化的第一步,便是梳理业务! 在这个过程中,经常出现了这样一些情况,发现数据库的某些字段,没有注释,也没有一定的 ...

  3. 程序员如何优雅地写公众号

    前天发的,有读者好奇公众号是怎么排版的,我回复超过20个点赞就专门写一篇文章介绍公众号排版,没想到几分钟就超了,于是连夜赶出了这篇文章,要是你们点广告有这积极性,熬夜的咖啡就有着落了. 写公众号最痛苦 ...

  4. #为何程序员百万年薪,CTO技术总监架构师不写代码还这么牛逼 ?

    [此文章转自乐字节] 真的是一点不服气我的领导,每天就在座位上看看头条,到时间开开会,每天写代码的时间可能不到两小时,到底是为什么他的收入有年薪百万?我们都是985研究生毕业,是什么铸就了他的价值? ...

  5. 作为一名程序员如何优雅的使用谷歌搜索技术(Google)?

    作为一名程序员如何优雅的使用谷歌搜索技术(Google)? 大家都知道作为一名程序员Google的作用很大,但是Google又很难优雅的使用.需要轻功高明.当然也有一些人做Google的镜像,但是发展 ...

  6. OSChina 程序员节乱弹 ——看程序员如何优雅地生活

    2019独角兽企业重金招聘Python工程师标准>>> Osc乱弹歌单(2017)请戳(这里) [今日歌曲] @莱布妮子 :分享Eminem/Rihanna的单曲<Love t ...

  7. 千万不要相信程序员在加班时间写的代码!

    其中最重要的就是这条:不要相信一个程序员在加班时间写出来的代码. (软件工程的学说表明,连正常时间好好写的代码,也不要太相信.不过这不是本文的重点,略过不提.) (不懂代码的人,看到本文中的Java代 ...

  8. 每个程序员都必读的10篇文章

    作为一名Java程序员和软件开发人员,那些每个程序员都应该知道的XXX的文章教会了我不少东西,它们提供了某个特定领域的一些实用的并且有深度的信息,这些东西通常很难找到.在我学习的过程中我读到过许多非常 ...

  9. 每个程序员都必读的12篇文章

    作为一名Java程序员和软件开发人员,那些每个程序员都应该知道的XXX的文章教会了我不少东西,它们提供了某个特定领域的一些实用的并且有深度的信息,这些东西通常很难找到. 在我学习的过程中我读到过许多非 ...

最新文章

  1. 国贫县山西永和:“一揽子”保险“保”脱贫
  2. 阿里云直播服务 sdk demo php
  3. angular 模板
  4. origin纵坐标如何改成百分制,origin作图时,坐标刻度默认向外,我知道如何改成向内,但每次改很麻烦,如何设置使刻度默认向内?...
  5. c语言数组宏定义标识符,C语言学习笔记--预编译/宏定义/数组/参数传递/函数指针...
  6. zookeeper 日志查看_Linux环境下安装部署单机Zookeeper
  7. Java实现的词频统计
  8. 远程连接linux的mysql_【Linux开启mysql远程连接的设置步骤】 mysql开启远程连接
  9. python常用代码总结-python字典的常用方法总结
  10. Java中取某一个范围的随机数
  11. tensorflow学习笔记(1)如何高效地学习TensorFlow(附链接)
  12. 挂载Linux镜像文件,使用镜像文件安装依赖
  13. excel中如何锁定单元格
  14. WPF开发之解决程序调用自定义dll库在部分win7电脑上无法运行的情况
  15. 。三十功名尘与土,八千里路云和月。莫等闲,白了少年头,空悲切
  16. [渝粤教育] 北京化工大学 自然辩证法概论 参考 资料
  17. 【XLPNet车牌识别算法】第一章 序
  18. acdream 1401 Lempel-Ziv Compression
  19. 加拿大银行为加密货币公司开设保险箱
  20. GEE学习:查询遥感影像空间分辨率

热门文章

  1. eclipse 中高亮显示
  2. dsge模型难做吗_【转载】关于DSGE模型的学习经验
  3. [by王谭]虚拟机安装linux出现this hardware is not supported by centos
  4. 高通data分区修改
  5. android的底层驱动调试心得
  6. 做WEB2.0网站可以参考的的十九条规则!
  7. 国能准能集团研发矿山数字孪生系统 填补国内采矿行业空白
  8. 车险往年保单关联计算的性能优化 1
  9. webrtc 入门第五章 一对一视频通话实现
  10. windows media player 视频解码 win7codecs