英文:
Add icon in alert-block in Jupyter notebook
问题
我想在Jupyter notebook的警告块中添加一个警告或注释图标。要在Jupyter笔记本中创建一个警告块，我们可以使用以下代码：
<div class="alert alert-block alert-info">
<b>提示：</b> 用蓝色框（alert-info）来表示提示和注释。
如果是注释，您不必包含单词“注释”。
</div>
输出：
现在我想添加一个图标。在这个问题中讨论了如何在GitHub的Markdown中添加图标。我们可以使用:warning:语法。不幸的是，这在Jupyter笔记本中不起作用：
<div class="alert alert-block alert-info">
:warning: 用蓝色框（alert-info）来表示提示和注释。
如果是注释，您不必包含单词“注释”。
</div>
输出：
如您所见，这不起作用。所以我想知道是否有人知道如何在Jupyter笔记本中为警告块添加图标？
英文:
I would like to add a warning or note icon in an alert-block in Jupyter notebook. To create an alert-block in Jupyter notebook we could use the following code:
<div class="alert alert-block alert-info">
<b>Tip:</b> Use blue boxes (alert-info) for tips and notes.
If it’s a note, you don’t have to include the word “Note”.
</div>
Output:
Now I could like to add an icon. In this question it is discussed to add icon in markdown in GitHub. We may use then the syntax :warning:. This unfortunately doesn't work in Jupyter notebook:
<div class="alert alert-block alert-info">
:warning: Use blue boxes (alert-info) for tips and notes.
If it’s a note, you don’t have to include the word “Note”.
</div>
Output:
As you can see this doesn't work. So I was wondering if anyone knows how to add an icon to an alert-block in Jupyter notebook?
答案1
得分: 1
只有代码部分不需要翻译，以下是翻译好的内容：
It does work, but that is only a representation of you needing to copy and paste the symbol, hence the '(just copy paste)' note there where you indicated.
Edited version of your code for the markdown to be in the cells:
> ⚠️ **If you are using mobile browser**: Be very careful here
<div class="alert alert-block alert-info">
⚠️ Use blue boxes (alert-info) for tips and notes.
If it’s a note, you don’t have to include the word “Note”.
</div>
Image of result:
Test temporary Jupyter session, with no login needed, provided via the MyBinder service from here.
英文:
It does work, but that is only a representation of you needing to copy and paste the symbol, hence the '(just copy paste)' note there where you indicated.
Edited version of your code for the markdown to be in the cells:
> ⚠️ **If you are using mobile browser**: Be very careful here
<div class="alert alert-block alert-info">
⚠️ Use blue boxes (alert-info) for tips and notes.
If it’s a note, you don’t have to include the word “Note”.
</div>
Image of result:
Test temporary Jupyter session, with no login needed, provided via the MyBinder service from here.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论