☰

如何在文本框中插入代码和图形

tag-icon • tag-icon graphics listings formatting
如何在文本框中插入代码和图形

我想在文本框中放置一个图形和一些 Linux Bash 代码，就像下面的图片一样……但存在以下问题：

  1. 所有内容都在黄色背景的文本框中

  2. 左边是一个图形（一根手指）......

  3. 右边部分是文本（注释），标题是“注释”....粗体...

  4. 注释为项目形式（可能可以使用\begin{itemize} \item...）

  5. 注释可能包括 bash 代码（可能是用户包listings或minted）...

有人能告诉我如何实现这个吗？有人告诉我应该使用 tikz/pgf ...

我是新用户，所以无法发布图片，请参考

http://www.linuxfromscratch.org/lfs/downloads/stable/LFS_BOOK-6.8.pdf

与第221页顶部和第13页顶部。

（主持人加入：） 例子

答案1

这是一个您可以用作起点的示例。请参阅所涉及软件包的文档，当然，您可以根据需要随意调整和改进我的示例：

\documentclass{article}
\usepackage[margin=2cm]{geometry}
\usepackage[svgnames]{xcolor}
\usepackage{changepage}
\usepackage{framed}
\usepackage{tikz}
\usepackage{listings}
\usepackage{bbding}

% the shaded outter frame
\newenvironment{outshaded}{%
  \def\FrameCommand{\colorbox{yellow!25}}%
  \MakeFramed {\FrameRestore}}%
 {\endMakeFramed}

% the hand pointing right, and the "Note" title 
\newcommand*\mysign{%
  \begin{tikzpicture}
    \node[circle,draw,inner sep=2pt] at (0,-0.2) {\HandRight} ;% the hand pointing
    \node at (1.53,-0.2) {\bfseries Note};
  \end{tikzpicture}}

% this environment will be used to typeset the notes
\newenvironment{note}
  {\begin{outshaded}\mysign%
    \begin{adjustwidth}{2cm}{0cm}}
  {\end{adjustwidth}\end{outshaded}}

% some adjustments for the lstlisting environment used to typeset code
\lstset{backgroundcolor=\color{LightSteelBlue!60},
  frame=trbl,
  rulecolor=\color{black!30},
  xrightmargin=7pt}

\begin{document}

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
\begin{note}
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
\begin{lstlisting}
debugfs -R feature /dev/<xxx>
\end{lstlisting}
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
\begin{lstlisting}
cd /tmp
tar -xzvf /path/to/sources/e2fsprogs-1.41.14.tar.gz
cd e2fsprogs-1.41.14
mkdir -v build
cd build
configure/..
make #note that we intentionally don't 'make install' here!
<misc/mke2fs -jv /dev/<xxx/.
cd /tmp
rm -rfv e2fsprogs-1.41.1
\end{lstlisting}
\end{note}
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

\end{document}

这框架包用于创建阴影外框；更改页面包用于增加阴影框内的左边距；蒂克兹包用于从丁丁包（这可以改进），以及“注释”标题；列表包用于在框架和彩色框内排版代码。

结果如下：

在此处输入图片描述

答案2

你可以用“bclogo”包来实现这一点。文档可能是法语的，但有一些例子。唯一的问题是制作一个新的标志，但你可以毫无问题地询问作者

相关内容