Logo
Section 1 / 7

使用 Streamlit 显示文本

学习如何使用 Streamlit 显示不同类型的文本。

导入

使用 Streamlit 显示文本

学习如何使用 Streamlit 显示不同类型的文本。

标题

这是应用程序中显示的第一段文本,将位于应用顶部。我们使用 st.title() 方法来显示它:

...
标题
1import streamlit as st 2 3st.title("探索 Streamlit")

每次修改代码后,Streamlit 应用程序都会询问是否需要重新运行。为了避免每次都点击“重新运行”按钮(如下图所示),我们可以选择“始终重新运行”选项,这样在修改代码后应用会自动重新运行。

...
代码更改后 Streamlit 提供的选项

标题与副标题

Streamlit 支持两种级别的标题,分别通过以下方法生成:st.header() 和 st.subheader()。我们使用 st.header() 表示应用中的主要部分,而使用 st.subheader() 表示每个主要部分内的子章节。

...
标题
1import streamlit as st 2 3st.header("简介") 4st.subheader("安装")

普通文本

在应用主体中显示普通文本时,我们使用 st.text() 方法。

...
文本

如果需要特殊格式,Streamlit 允许我们使用 Markdown 语法,通过 st.markdown() 方法实现。

...
Markdown

st.write() 方法也可用于添加文本。该方法会根据传入内容的类型自动决定如何显示。

...
Write
1import streamlit as st 2 3st.text("学习如何安装 Streamlit") 4st.markdown("使用命令 `pip install streamlit` 安装 Streamlit") 5st.write("安装完成后,使用命令 `streamlit hello` 运行 Streamlit")

数学公式

Streamlit 提供了 st.latex() 方法来显示数学公式。我们需要将 LaTeX 公式包裹在原始字符串中,以确保正确渲染。

...
使用 LaTeX 的数学公式
1import streamlit as st 2 3st.latex(r"s \left ( t \right ) = ut + \dfrac{1}{2} at^2")

文字说明

我们使用 st.caption() 方法来显示应用中各项内容的文字说明。

...
文字说明
1import streamlit as st 2 3st.caption("Streamlit 文本选项")

运行示例

在本课及后续课程中,所有展示的控件代码都将集成到一个可执行的应用中,以便查看输出效果。你也可以对代码进行修改,观察其对应用输出的影响。

此外,还会加入一些增强视觉效果的代码。其中部分内容将在后续课程中详细介绍,因此目前不必完全理解所有细节。

点击“运行”按钮,查看文本显示控件的效果:

No configuration found for ID: 521c1cf7fc068429a7b3ee78cf4776499d42dddb0c997c64a1d5d997aeb8cc26

文本显示 功能为用户提供信息,并指导他们应采取的操作。

接下来,我们将学习如何以多种格式展示数据。

首要之事

使用 Streamlit 显示数据