第一次写博客,作为一个非科班的业余爱好者,主要关注的是数据分析和量化策略研究。相比技术层面的追求,更倾向于找到自己用的得心应手的工具,提高自己的探索效率(方便偷懒摸鱼),希望与大家多多交流,能在量化上接收到大佬指点就更好了!
本篇博客,主要关注的是在Jupyter Notebook中进行文字和图片的格式编辑。自己尚处学习积累阶段,经常需要保存一些笔记或是课件截图,在用Jupyter Notebook的过程中,发现排版很不规整,就搜集了很多资料练习排版,现已小成。所以将它们整理下来,供大家参考,更是为了自己日后方便查阅。
在正文开始前,需要先将单元格(cell)由代码类型(code)转化为Markdown类型,较方便的方法有两种:
1)点进蓝圈,直接选;2)选中单元格,按快捷键 M。
PS:个人经验,如果感觉只读文章没用,建议动手写一篇博客,再去搞jupyter就是小试牛刀了。
本文目录
- 1. 文字处理
- 1.1 标题
- 1.2 字体、字号、颜色、背景色
- 1.3 加粗、斜体、删除线、引用
- 1.4 换行、分割线、链接、有序列表、无序列表
- 2. 图片处理
- 2.1 图片插入
- 2.2 图片大小、对齐方式调整
1. 文字处理
1.1 标题
标题的设定也有两种方式:
1)在单元格内手输 # ,输入n个 # 就表示是n级标题,但注意最多只能到六级;
# 一级标题
## 二级标题
### 三级标题
2)选中单元格后,直接按键盘上对应的数字,可更快捷地设置。
结果展示如下:
1.2 字体、字号、颜色、背景色
字体、字号、颜色、背景色的修改,我只找到运用类似于html的方法,道理我也讲不通,直接展示,用的时候照搬即可。face对应字体,size对应字号,color对应文字颜色,bgcolor对应背景色。
<font face='Kaiti' >一起来学量化<font>
<font face='Kaiti' size=5 color='green'>一起来学量化<font>
<td bgcolor=orange>一起来学量化</td>
<td bgcolor=orange><font face='Kaiti' size=5 color='green' >一起来学量化</font></td>
结果如下:
1.3 加粗、斜体、删除线、引用
江湖惯例,稍微记忆一下就好。
**起来学量化**
*起来学量化*
~起来学量化~
>起来学量化
结果如下:
1.4 换行、分割线、链接、有序列表、无序列表
换行我知道的有三种方式,后两种均是借鉴html的标签方法:1)输入2个以上空格后回车(不好展示);2)使用br标签,起到类似于“/n”的换行作用;3)使用p标签,将文字切分为不同段落。
分割线可以在空白行中输入3个以上 * (乘号)或 _ (底线)或 -(减号),类似于word中分割线的生成。
链接用方括号[ ]包裹需要显示的文字,后面加括号()包裹网址。
起来学量化<br>你学会了吗<br>还没,我加油
<p>起来学量化</p><p>你学会了吗</p><p>还没,我加油</p>
[起来学html标签](https://www.w3school.com.cn/tags/tag_span.asp)
结果如下:
有序列表、无序列表直接展示,记得要在±*与文字之间加空格。
后三个结果一致,故只截取截取前两个:
2. 图片处理
2.1 图片插入
图片插入方法有两种,第一种写起来写起来较为简便,但不够灵活,无法处理图片的大小、对齐方式等(可能是我不知道)。第二种方法是使用html语法,放在下一部分结合展示。
方法1:! [图片命名] (图片地址 “可选标题”),图片既可以来自本地(使用绝对或相对路径),也可以来自网络(使用链接)。当图片插入失败时,会显示图片命名(下图1),当插入成功鼠标置于图片之上时会显示可选标题(下图2)。
![骑行](./cycle.png)
![骑行](./cycle.png "起来骑车") # 本地图片
![柯南](https://iknow-pic.cdn.bcebos.com/29381f30e924b89940747c3e6d061d950a7bf668 "这是柯南")
图1:
图2:
2.2 图片大小、对齐方式调整
借助img标签,src后面加图片的本地存储路径或网址;width和height只设置一个就足够了,不加%表示像素值,加%表示相对原图的缩小比例;align表示位置;border表示图片边框,不清楚为什么只能通过style的方式设置,,如果有知道的,烦请告诉我。
<img src='./cycle.png' width=100 height=100 align=right>
<img src='./cycle.png' width=20% align=center>
<img src='./cycle.png' width=30% align=left style="border:5px solid black" >
结果如下:
我的第一篇博客完成了,希望与大家多多交流。