CSDN博客中Markdown代码转为pdf
目录
比较差劲的简单方法
使用VSCode的进阶方法
比较差劲的简单方法
CSDN中Markdown的编辑器很适合做科研笔记用,但是网站自身并不支持输出pdf格式,当然我们可以用浏览器自带的‘另存为pdf’功能转存为pdf,但是出来的结果不如人意:
当然我们还可以使用CSDN自带的导出功能,可以导出为HTML文件,然后直接用Chrome浏览器打开,然后保存为pdf格式,但是这种方法字体会出现变化,不如人意,所以下面我们借助VSCode及其插件来实现pdf的转换。
使用VSCode的进阶方法
下面介绍如何将CSDN上的Mardown代码转为pdf:
首先准备好下列配置:
- 我们可以将CSDN上的Markdown代码导出为‘.md’文件;
- 然后使用VScode打开,在VScode上下载插件'Markdown Preview Enhanced';
- 为了更好配置此插件,还需要安装prince软件;
- 进入prince官网,点击电脑版本对应的链接进行下载并安装;
- 下载完成并安装,默认安装位置应该是C:\Program Files (x86)\Prince,也可以自主选择;
- 选择右键我的电脑->属性->高级系统设置->环境变量->系统变量->Path->编辑,把你的安装路径\engine\bin这一路径添加到新建Path环境变量即可。注:默认路径即为C:\Program Files (x86)\Prince\engine\bin;
- 重启你的VSCode。
然后使用VScode打开后缀为'.md'的文件,此时点击预览按钮,即可看到pdf效果图:
在将其转为pdf之前,稍微说一下插入图片的问题,可以修改原代码:
![在这里插入图片描述](https://img-blog.csdnimg.cn/87249ef39f674b9e8bbdd091c41d2ad9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAVGVuZ0FkdmVudHVyZQ==,size_12,color_FFFFFF,t_70,g_se,x_16#pic_center =300x300)
到:
![在这里插入图片描述](https://img-blog.csdnimg.cn/87249ef39f674b9e8bbdd091c41d2ad9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAVGVuZ0FkdmVudHVyZQ==,size_12,color_FFFFFF,t_70,g_se,x_16#pic_center)
即去掉末尾的:
=300x300
也就是说这里可以直接下载网上图片。
或者直接对着CSDN上的图片右击,然后复制图片地址:
为了添加图注和修改图片大小,可以将图片代码转换为:
<center><img style="border-radius: 0.3125em;box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" src="在此添加图片地址" width = "60%" alt=""/><br><div style="color:orange; border-bottom: 1px solid #d9d9d9;display: inline-block;color: #999;padding: 2px;">在此添加图注</div>
</center>
其中width = "60 "可以将图片宽度(等比例)压缩为整页宽的60% 。
如果插入本地图片,需要将图片放在'.md'文件所处目录下,或者其子文件夹下,绝对地址好像不太好用:
![hihou](图片pc\61DDE5DA91651C91A9159A336537B1FECEA55B51_size1973_w483_h720.gif)
其中的'图片pc'文件夹与'.md'文件在同一文件夹下。
如果是安装了Paste Image
插件,只要你在别处复制一幅图或截图,然后在要插入的地方按'ctrl+alt+v'将图片粘贴插入。
图片当然也可以托管到github上(![xxxxxx](https://xxxxxx.github.io/项目名称/images/图片名称.png)),或者其他网站上,可以参考:
技术文档 | 在 Markdown 中插入图片 - 简书
Markdown中插入图片有什么技巧? - 知乎
尤其是其中的PicGo网上图床工具。
当我们准备完文件中的所有信息后,鼠标对着pdf预览画面右击,可以直接转为pdf:
右上角的P标志可以用pdf阅读器删除:
另一种转为pdf的途径是,选中html文件输出,或者选择'Open in Browser':
然后使用chrome浏览器打开,并使用其自带的'另存为pdf'保存为pdf文件:
于是最早之前的那个图也就变为:
由上可以看出,排版还是有明显区别的。
CSDN博客中Markdown代码转为pdf相关推荐
- 如何在CSDN博客中插入代码块并【显示行号】
最近在学习java语言,想要通过写博客来记录自己的学习过程以便以后查阅,由于本人博客小白,总是在写作过程中需要插入代码片段时而无从下手,排版不忍直视,通过借鉴其他同学的博客,整理如下和大家分享. 例如 ...
- 如何在CSDN博客中插入代码块显示行号
最近在学习java语言,想要通过写博客来记录自己的学习过程以便以后查阅,由于本人博客小白,总是在写作过程中需要插入代码片段时而无从下手,排版不忍直视,通过借鉴其他同学的博客,整理如下和大家分享. 例如 ...
- 同步 GIT@OSC 实现MARKDOWN文件发布或更新到CSDN博客中
还记得前面发过一篇文章,写的是关于从GITBLOG迁移博客内容到CSDN博客的文章传送门,这篇文章也是基于此写的 相信很多同学都有过这样的历程,自己辛辛苦苦写的博客,因为域名空间或等等各种原因丢失了的 ...
- CSDN博客中嵌入背景音乐
CSDN博客中嵌入背景音乐 如果想在CSDN博客中设置背景音乐要自己插入HTML代码 在编辑博客有两种模式,HTML编辑器(默认)和markDown编辑器 切换到HTML编辑器,点击上方插入HTML代 ...
- 在CSDN博客中输入数学公式
Introduction 本文采用CSDN-Markdown编辑器在CSDN博客中输入数学公式.Markdown编辑器由StackEdit修改而来. Mathematical formula -> ...
- 在CSDN博客中添加量子恒道统计功能的做法
作者:朱金灿 来源:http://blog.csdn.net/clever101 什么是量子恒道统计?量子恒道统计是一套免费的网站流量统计分析系统.致力于为所有个人站长.个人博主.所有网站管理者.第三 ...
- 如何搜索自己CSDN博客中的文章
如何搜索自己CSDN博客中的文章 CSDN 的搜索功能是比较弱.不像 baidu,google 等主流搜索引擎好用.要想用主流搜索引擎查找也是可以的,但也有它的缺点:收录可能不及时不全面,使用某些搜索 ...
- 如何在CSDN博客中插入图片
如何在CSDN博客中插入图片 1.打开CSDN编辑页面 2.点击插入图片 3.注意事项 最近笔者准备开始使用CSDN写博客,但是发现插入图片后无法显示,所以跟大家分享一下如何插入图片.在我仔细专研后, ...
- 如何在CSDN博客中的所贴的代码进行【代码块】显示
笔者最近很喜欢在csdn发一些技术博客,可是看了别人的博客,有代码的地方总是可以显示出代码块,而自己贴上去的代码总是没有.刚开始还以为CSDN博客里面的编辑功能有,可是找来找去都没有找到.后来才发现原 ...
最新文章
- 生命如何在复杂环境中生存?信息、调控和几何结构的交织
- CentOS 6.5 手动rpm包安装gcc、g++
- BZOJ 2752: [HAOI2012]高速公路(road)
- Processing入门教程-Processing的“前世今生”
- QT5运行错误:ImportError: cannot import name QAxContainer from PyQt5 解决
- vc编写供vb使用的dll文档
- 查找算法(C实现)(待补充)
- mysql最高安全级别双一_MySQL核心之双一原则
- 解构给默认值_5个 JS 解构有趣的用途
- 时间序列研(part13)--习题
- spring集成多个rabbitMQ
- Web安全渗透测试之信息搜集篇(上)
- python对文件的写操作方法writetext_用python实现读写文件常见操作方式
- QLabel显示图像
- Java中volatile的作用以及用法
- Rust : Trait Object safe 问题
- 黑客帝国屏保源码!快拿去试试吧!炫酷无比!
- android开发ViewPager按比例显示图片(显示下一张图片的一部分)
- python北京房价预测_python数据分析——北京房价分析
- 商务本能否一本通吃?
热门文章
- 为什么我会这么多技术,还这么难找工作
- [Noip2003] 侦探推理
- 距离-视觉-惯性里程计:无激励的尺度可观测性(ICRA2021)
- 【c#】 MVC模式 ——《七天学会》系列学习心得
- 犹他大学计算机图形学硕士专业,犹他大学专业设置.doc
- 视频网站中video标签中blob:http
- 全球及中国连续性肾脏替代治疗机行业发展趋势及前景规划分析报告2022-2027
- 国庆假期看了一系列图像分割Unet、DeepLabv3+改进期刊论文,总结了一些改进创新的技巧
- Android androidx.startup:startup-runtime的minCompileSdk问题
- 网络流算法学习笔记——最大流问题基本概念和Ford-Fulkerson方法(标号法C++实现)