+--------+-----+-------+
|  Item  | Qty | Price |
+========+=====+=======+
| Apple  | 5   | 3.500 |
+--------+-----+-------+
| Banana | 3   | 2     |
+--------+-----+-------+
| Orange | 2   | 4.500 |
+--------+-----+-------+

表格结构如下：

用一个例子来介绍如何使用 texttable.

import texttable                          # 引入 texttable 库

table = texttable.Texttable()             # 实例化一个 texttable 对象
table.add_rows([["Item", "Qty", "Price"], # 使用 add_rows 函数写入表格
               ["Apple", 5, 3.5],
               ["Banana", 3, 2.0],
               ["Orange", 2, 4.5]])

print(table.draw())                       # 打印表格

输出结果：

+--------+-----+-------+
|  Item  | Qty | Price |
+========+=====+=======+
| Apple  | 5   | 3.500 |
+--------+-----+-------+
| Banana | 3   | 2     |
+--------+-----+-------+
| Orange | 2   | 4.500 |
+--------+-----+-------+

在 texttable 里，表格使用二维数组表示，以行的方式添加元素。添加行使用以下函数：

参考

Python 中的 texttable 模块：打造优雅的命令行表格输出　作者　姚伟斌

Matplotlib 的功能乍一看不太好记。本文就要尝试从统计图表开始逐步剖析，理解 Matplotlib 各功能的结构划分，由浅入深分析这个库的设计哲学。

我们可以先尝试分析统计图。翻阅资料会发现，实际上统计图的历史渊源还是很久远的。笔者之前刷到过一些有意思的古时候的统计表，比如这张古土耳其的饼状图。

图片

这些图有很强的构成感，十分吸引人，可见制图师的审美之重要性。

从绘制目的上分，可视化图共分这几类：

• 数据趋势 ：折线图、面积图。
• 数据分布与构成 ：直方图、散点图（分布）；饼图、堆叠图（构成/占比）。
• 空间地理 ：地图（如区域填充图、路线分布图等）

每种图的表现形式都不一样。

从颜色上分，可视化图的颜色可由这些决定：

密度、大小。

然后视角调远，观察整个画面布局。图 1 那样的图表，在一张纸面上画了两个图（饼图和柱状图）。

最后沿袭一般的纸质排版的习惯，一张图标会有标题、正文、注解、角标等文字元素。也就是说制表会使用文字排版的那一套方法，不过是以图为主的。

如此梳理下来，如果我们要做一张统计表，大概就是在搭建这个结构：

【统计图框图】

若要在计算机上实现这种统计表信息的存储与绘制，我们不妨也就遵循这个结构构建。

【】

最后使用面向对象的思想封装，给一个图表加上操作方法。matplotlib 的雏形差不都就成了。

在 Matplotlib 的官方文档中有张比较完整的图的各个元素的速记图，我稍微仿照着汉化了一下：

【图片】

统计图所在的那一张纸就叫 figure，

二维坐标图的两个坐标轴分别为 x 轴和 y 轴，横为 x 竖为 y. 二者都可以设置小标题来解释坐标含义。每个轴都可以标记刻度，刻度上的数字作为文字排版也可以自定义。

为了便于直观样本点的数值区间，可以以大刻度和小刻度设置背景网格。

绘制的内容有曲线、折线和点，虽然样式不同但实际都只需要 xy 坐标组就能表示。

下载方式

通过命令行下载：

Windows 用户

# 1. 访问官网下载
https://imagemagick.org/download/#windows&gsc.tab=0
# 2. 通过 powershell 下载
winget install ImageMagick.ImageMagick

macOS 用户

brew install imagemagick

Linux 用户

sudo apt update
sudo apt install imagemagick

或者直接通过官网下载：

GitHub 仓库：https://github.com/imagemagick/imagemagick

官网：https://github.com/imagemagick/imagemagick

基本功能

作为一款

概览：

我将以我的头像为例介绍 ImageMagick 的基本功能。

该图片是 WebP 格式的。至于为什么是 WebP？因为该格式在现在浏览器解析性能很高，且文件体积比 PNG 小（你也不想因为网卡而加载不出这张 1080x1080 的图片吧）。

查看图片参数

不需要 GUI，我们可以通过magick identify直接查看图片的详细参数。

magick identify trats-avatar.webp

# 输出
trats-avatar.webp WEBP 1080x1080 1080x1080+0+0 8-bit sRGB 122006B 0.001u 0:00.001

[这里画张框图]

图像格式转换

该工具还以实现非常便捷的图像格式转换。接下来是操作方法：

magick trats-avatar.webp trats-avatar.png  # WebP 转 PNG 格式

同理，我们也可以转换到其他格式：

magick trats-avatar.webp trats-avatar.JPG  # WebP 转 JPG 格式

进一步，我们还能批量处理图片

# 将某一文件夹下的所有 .png 转换为 .jpg 格式
for ff in *.png; do magick $ff $ff.jpg; done

# convert all png in a dir to jpg
# file name should not contain ttt. if so, change ttt to hhh or something random
find . -name "*png" -print0 | xargs -0 -L1 -I ttt magick ttt ttt.jpg

调整图像大小

将 input.jpg 调整为 180x180 的尺寸：

magick input.jpg -resize 800x600 output.jpg

也可以使用百分比调整尺寸：

magick input.jpg -resize 50% output.jpg

翻转和旋转

这里展示最常用的顺时针旋转 90°. -rotate 参数默认顺时针旋转。

magick input.jpg -rotate 90 output.jpg

数值可以为负，表示逆时针旋转。

magick input.jpg -rotate -60 output.jpg

裁剪图像

magick input.jpg -crop 400x400+0+0 output.jpg

400x400 表示裁剪后的尺寸，+0+0 表示裁切起点的偏移量。坐标系以左上角为原点，右向下向为正。

像调整图片大小一样，裁切单位也可以是百分比。对于裁 1/2 1/4 这种需求来说，百分比还是更方便的。

magick input.jpg -crop 50%x50%+0+0 output.jpg

模糊

magick tiger.jpg -blur 5X5 tiger2.jpg

高级功能

高级功能并不常用。比如实际上 ImageMagick 还适配移动端的操作系统，以及 ImageMagick 的所有指令都有很多参数可以调控。

具体内容详见官网里面列出的功能列表。

-quality 参数

转换指令中，参数 -quality 用于指定转换过程中保留图像细节的程度。-quality 的数值为 0-100%，缺省时默认为 92%. 也就是说默认的图像转换是有损的。

-quality 的计算方法没有固定的标准，是一个参考数值，具体需要看这个工具是怎么实现的。*

magick xx.png -quality 90% xx.jpg  # 将 PNG 文件 xx 转换为 JPG 格式，转换质量为 90%

常见图片格式

参考

本文参考以下文章撰写：

http://xahlee.info/img/imagemagic.html【ImageMagick Tutorial】

https://blog.eimoon.com/p/image-processing-with-imagemagick-guide/

版本控制工具 Git 应运而生。该工具的开发哲学是。想必各位读者多少对 Git 有所耳闻，因为目前大部分主流 IDE 都集成了该工具，。而 GitHub 也是基于该工具的一款开源仓库托管平台。

Git 有两种使用途径。一是通过命令行、二是通过各种软件集成的 GUI 工具。

如何 git 自己的分支

首先我们要找到以下两条信息：

1. 仓库的 URL。固定的。
2. 分支名称。就是自己创建的分支的名称。

知道了以上信息，我们就可以开始 git。

操作流程

# 一定要先cd至自己的项目路径！
cd /path/to/your/project

第一次使用时，我们创建的是空的分支。我们需要用自己现有的项目文件直接覆盖里面的内容。

# 你必须配置你的用户名和邮箱，这是git的规定，也为便于别人能看到SHit Code是谁提交的。
# 邮箱部分只有填注册GitHub时使用的邮箱才能记录GitHub贡献值。贡献值就是长得像绿色马赛克瓷砖的东西。
git config --global user.name "你的名字"
git config --global user.email "你的GitHub注册邮箱"

# 初始化git
git init

# 把自己的文件添加到git并提交到本地，日志写清晰些
git add . 
git commit -m "提交日志"

# 切换到自己的分支。把feature-branch替换为自己的分支的名称
git checkout -b feature-branch

# 关联到远程仓库
git remote add origin <your-repo-url-here>

# 强制推送到自己的分支。feature-branch依旧要被替换为自己的分支的名称
git push -u origin feature-branch -f

有一种常见的项目开发模式，叫做分支开发模式。整个项目的开发流程就像一颗树，每个人员都在树的叶子上，负责自己的开发部分。开发到一定阶段，合并到 dev 分支，进一步地，会合并到 main 分支中，作为项目的最终版本。

在这种项目安排中，每个人都使用自己的专用的分支来开发，因此不太用担心新旧提交冲突的问题。但为了追求安全性还应遵循安全流程来操作。

在后续的每一次使用时，为了避免冲突，要先拉取代码，然后再修改代码，最后提交代码。

# 切换到自己的分支。依旧替换feature-branch
git checkout feature-branch

# 拉取远程代码并合并到本地
git pull origin feature-branch

# 查看修改状态
git status

# 将修改添加到暂存区
git add .

# 提交到本地仓库。写清楚日志。
git commit -m "描述你这次修改了什么功能"

# 推送到远程仓库，替换feature-branch
git push origin feature-branch

An inline math: \(E=mc^2\).

A display math:

Not Pure Poole is a simple, beautiful, and powerful Jekyll theme for blogs. It is built on Poole and Pure.

For more information about this theme, you can read the README file.

First, do you notice the TOC on the right side? Try to scroll down to read this post, you’ll find that the TOC is always sticky in the viewport.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

Inline HTML elements

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

• To bold text, use <strong>.
• To italicize text, use <em>.
• To highlight, use <mark>.
• Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
• Citations, like — Mark Otto, should use <cite>.
• Deleted text should use <del> and inserted text should use <ins>.
• Superscript ^text uses <sup> and subscript _text uses <sub>.

Most of these elements are styled by browsers with few modifications on our part.

Footnotes

Footnotes are supported as part of the Markdown syntax. Here’s one in action. Clicking this number¹ will lead you to a footnote. The syntax looks like:

Clicking this number[^fn-sample_footnote]

Each footnote needs the ^fn- prefix and a unique ID to be referenced for the footnoted content. The syntax for that list looks something like this:

[^fn-sample_footnote]: Handy! Now click the return link to go back.

You can place the footnoted content wherever you like. Markdown parsers should properly place it at the bottom of the post.

Heading

Vivamus sagittis lacus vel augue rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Code

Inline code is available with the <code> element. Snippets of multiple lines of code are supported through Rouge. Longer lines will automatically scroll horizontally when needed. You may also use code fencing (triple backticks) for rendering code.

// Example can be run directly in your JavaScript console

// Create a function that takes two arguments and returns the sum of those arguments
var adder = new Function("a", "b", "return a + b");

// Call the function
adder(2, 6);
// > 8

You may also optionally show code snippets with line numbers. Add linenos to the Rouge tags.

1
2
3
4
5
6
7
8
// Example can be run directly in your JavaScript console

// Create a function that takes two arguments and returns the sum of those arguments
var adder = new Function("a", "b", "return a + b");

// Call the function
adder(2, 6);
// > 8

Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

Lists

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

• Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
• Donec id elit non mi porta gravida at eget metus.
• Nulla vitae elit libero, a pharetra augue.

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

1. Vestibulum id ligula porta felis euismod semper.
2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
3. Maecenas sed diam eget risus varius blandit sit amet non magna.

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

HyperText Markup Language (HTML)

The language used to describe and define the content of a Web page

Cascading Style Sheets (CSS)

Used to describe the appearance of Web content

JavaScript (JS)

The programming language used to build advanced Web sites and applications

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.

Images

Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.

Align to the center by adding class="align-center":

Tables

Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.

Want to see something else added? Open an issue.