中文博客排版指南

news/2025/1/10 16:17:02/
markdown_views prism-atom-one-dark">

标题

正确:(Markdown 语法)

markdown"># 文章的标题## 文章内容的一级标题### 文章内容的二级标题#### 文章内容的三级标题

原则:

(1)文章内容的标题一般用 #####。为保证层级的简单,请尽量避免出现 #### 的标题。

(2)为保证标题的连贯性,# 的标题下不要直接出现 ### 的标题。

图片

1、图片大小

为方便网络传输,且保证清晰度,图片大小尽量控制在 100 KB500 KB 之间。

如果图片过大,可以使用网址 https://tinypng.com/ 进行压缩;如果图片不够清晰,请重新制图。

2、图片格式

静态图片用 png、jpg 格式。

动态图用 gif 格式。gif 动图可以使用软件 LICEcap 录制屏幕生成。

gif 图的帧数不要超过 300 帧,否则无法上传到公众号。一般情况下,gif 图的大小控制在 500kb 以内,基本能符合要求。

3、图片文件名

图片的文件名使用当前时间戳,格式:YYMMDD_HHMM。格式举例:

20190902_1010.png20180228_1505.jpg20180616_1618.gif

4、截图工具

  • 最常用的截图工具:Snipaste

  • 截图时可带阴影的截图工具:Xnip、iShot

  • gif 录屏工具:LICEcap

5、流程图制作工具

  • 流程图、思维导图(在线):https://www.processon.com

  • 思维导图(在线):https://naotu.baidu.com

  • 思维导图(本地):https://www.xmind.cn

  • 列清单、思维导图(在线):https://mubu.com

6、图片素材网站

  • https://unsplash.com

Unsplash 是国外知名度最高的免费高清网站(图片素材免费、无版权),是现代年轻人喜欢的 ins 简约风,到处都充满生活剪影。

  • https://pixabay.com

免费正版高清图片素材库。

Markdown 规范

1、换行

每两段的中间,需要空出一行。

正确:

段落1(这里是第一行)段落2(这里其实是第三行)

错误:

段落1(这里是第一行)
段落2(这里是第二行)

2、四级标题

文中的四级标题,请不要用 ####,建议使用加粗文本即可。

正确:

**我是四级标题**:

错误:(四级标题渲染出来的字体大小,其实跟普通文本差不多,所以不要用)

#### 我是四级标题

空格

中英文之间需要增加空格

正确:

任何可以使用 JavaScript 来编写的应用,最终都会由 JavaScript 编写。

错误:

任何可以使用JavaScript来编写的应用,最终都会由JavaScript编写。

中文和数字之间需要增加空格

正确:

一年有 12 个月。

错误:

一年有12个月。

数字和单位之间需要加空格

正确:

正确:一部容量为 16 GB 的智能手机

错误:

错误:一部容量为 16GB 的智能手机

完整的英文整句时标点与单词之间需要加空格

正确:

Stay hungry, stay foolish. That is Steve's famous quote.

错误:

Stay hungry,stay foolish.That is Steve's famous quote.

例外:度的标志、百分号不加空格

正确:

今天气温有 35° 的高温。据统计,关注 GitHub 的读者中有 80% 是码农。

例外:全角标点与其他字符之间不加空格

正确:

全球最大的同性交友社区 GitHub,已被微软收购。

专有名词使用正确的大小写

正确:

想要学习 Web 前端,应该首先学习 HTML、CSS、JavaScript、jQuery、Ajax、Vue.js、React 等基础内容。

错误:

想要学习 web 前端,应该首先学习 html、css、Javascript、Jquery、ajax、vue.js、react 等基础内容。

正确:

GitHub、Android、iOS、iPhone 6s、iPhone SE、MacBook Pro

标点

关于全角和半角

简单来说,全角占两个字节,半角占一个字节。你可以理解成中文汉字和中文标点是全角,英文字母和英文标点是半角。体现在排版上的差异就是,全角字符屏幕打印宽度是两个,而半角字符屏幕打印宽度是一个,如中文逗号和英文逗号他们的显示分别是「,」和「,」。

更详细的介绍,可以查看维基百科的词条「全角和半角」

使用全角中文标点

中文排版中,所有的标点都应该使用全角中文标点。

示例:

大家好,我正在使用 GitHub。

遇到英文整句、特殊名词时使用半角标点

示例:

乔布斯说过:「Stay hungry, stay foolish.」Facebook, Inc.

需要特别强调的词,建议用直角引号

示例:

互联网上充斥着大量的内容,「知识付费」成为下一个风口。我每天使用「得到」App,阅读一小时。

图床工具

写文章免不了要做图片传图片,推荐使用 PicGo 工具,不论屏幕截图、还是复制图片,都可以自动上传、保存 Markdown 格式的链接,直接粘贴插入。

对了,在使用 PicGo 之前,先要保证你要有一个保存图片的图床服务器,配置到 PicGo 上,然后再让 PicGo 帮你生成图片的 url 链接。


http://www.ppmy.cn/news/1562014.html

相关文章

el-table 使用el-form 表单验证

1. form定义时,需要定义tableData const supplyForm ref({ tableData: [] })const supplyFormRules reactive({bomNumber: [{ required: true, message: 请填写物料编号, trigger: blur }],bomName: [{ required: true, message: 请填写名称, trigger: blur }] }…

Solidity合约编写(三)

解决问题: 在 Solidity 合约中使用 Chainlink 获取 ETH/USD 的价格(汇率),需要使用 Chainlink 的 AggregatorV3Interface 接口。以下是一个样板代码,展示了如何在测试链(如 Goerli 或 Sepolia)…

相机镜头竞品选型的主要参考参数和选型方法

目录 一、镜头主要参数: 1. 焦距(Focal Length) 2.光圈(Iris) 3.对应最大CCD尺寸(Sensor Size) 4.接口(Mount) 5.景深(Depth of Field, DOF&#xff09…

VUE3组合式——响应式数据ref、reactive

VUE3 组合式 —— 响应式数据 ref、reactive 学习笔记 一、引言 在 Vue3 中,响应式数据是构建动态交互应用的关键部分。其中,ref 和 reactive 是处理响应式数据的重要函数,深入理解它们对于高效开发 Vue3 应用至关重要。 二、ref 函数 基…

代码实战:基于InvSR对视频进行超分辨率重建

Diffusion Models专栏文章汇总:入门与实战 前言:上一篇博客《使用Diffusion Models进行图像超分辩重建》中讲解了InvSR的原理,博主实测的效果是非常不错的,和PASD基本持平。这篇博客就讲解如何利用InvSR对视频进行超分辨率重建。 目录 环境准备 代码讲解 环境准备

在Spring Boot项目中使用Zookeeper和Curator实现高效、可靠的分布式锁

要在 Spring Boot 项目中使用 Zookeeper 和 Curator 实现高效、可靠的分布式锁&#xff0c;可以参考以下步骤和优化建议&#xff1a; 1. 引入依赖 在 pom.xml 中添加 Curator 和 Zookeeper 相关依赖&#xff1a; <dependencies><dependency><groupId>org.…

开关不一定是开关灯用 - 命令模式(Command Pattern)

命令模式&#xff08;Command Pattern&#xff09; 命令模式&#xff08;Command Pattern&#xff09;命令设计模式命令设计模式结构图命令设计模式涉及的角色 talk is cheap&#xff0c; show you my code总结 命令模式&#xff08;Command Pattern&#xff09; 命令模式&…

maven下载依赖报错:on-resolvable parent POM xxx

maven 构建项目时报错 Non-resolvable parent POM for com.itheima:integation-mybatis:0.0.1-SNAPSHOT: org.springframework.boot:spring-boot-starter-parent:pom:2.5.3 failed to transfer from http://maven.aliyun.com/nexus/content/groups/public/ during a previous a…