文章编写实用工具——分享使用Typora编写文章常用截图工具

文章编写实用工具——分享使用Typora编写文章常用截图工具

简介

日常我们进行编写文章时经常需要进行贴图,而一些图片通常都是我们进行截取的,下面是我进行整理的日常比较常用的截图工具,便于进行写文章时使用。

正文

1、日常截图与长截图

日常截取图片时我通常使用QQ自带的截图工具和微信自带的截图工具,同时截取完成后直接粘贴到Typora中,这样的操作会触发Typora中预设置的PicGo上传逻辑,图片完成自动上传并转为网络地址。
长截图我通常使用的是QQ自带的截图工具中的长截图工具,小伙伴们在使用时可以仔细看一下截图工具栏中的各项功能,我用起来感觉还是比较方便的,至少不需要再安装其他的工具了。
当然我们使用的过程中还会出现快捷键冲突的问题,我将其QQ截图的快捷键设置为ctrl+alt+~,这一组比较少有占用,并且使用起来也一个手就可以操作了,熟练后还是很方便的。

2、动图截图

动图也是使用的QQ截图,新版的QQ已经集成到截图里面了,其中一个工具按钮叫做屏幕录制。因此我们就可以直接沿用上面的设置使用了。再也不需要安装第三方程序使用了。

本文声明:

88x31.png
知识共享许可协议
本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

阅读更多

文章编写实用工具——Typora中常用的语法与快捷键

文章编写实用工具——Typora中常用的语法与快捷键

背景

之前给大家分享了Typora、PicGo、Gitee的结合使用教程,看其浏览大家还是比较关注的,下面我就为大家这里了一下日常常用的一些文章编写语法和快捷方式,以便于大家日常使用。

环境

  • 系统:windows 10
  • 工具:
    • Typora 一款Markdown编辑工具
    • PicGo:一款图床工具
  • 图床存储:Gitee
  • 上述工具快速下载包

    正文

    1、标题:注意#后面需要跟上一个空格

1
2
3
4
5
6
# 一阶标题 或者快捷键Ctrl+1
## 二阶标题 或者快捷键Ctrl+2
### 三阶标题 或者快捷键Ctrl+3
#### 四阶标题 或者快捷键Ctrl+4
##### 五阶标题 或者快捷键Ctrl+5
###### 六阶标题 或者快捷键Ctrl+6

2、加粗字体

1
**加粗字体** 或者快捷键Ctrl+B

3、插入代码

1
2
3
```java
代码块
```
阅读更多

文章编写实用工具——Typora中常用的源码模式

文章编写实用工具——Typora中常用的源码模式

背景

之前给大家分享了Typora、PicGo、Gitee的结合使用教程,但是有些小伙伴们可能在使用过程中发现Typora中粘贴出来的文章内容有时会出现HTML代码的情况,这里我进行给大家讲一下如何处理该种情况。

环境

  • 系统:windows 10
  • 工具:
    • Typora 一款Markdown编辑工具
    • PicGo:一款图床工具
  • 图床存储:Gitee
  • 上述工具快速下载包

    正文

    其实在发现粘贴出来有时带有HTML代码的情况时,我在考虑为何会出现,重点怀疑的就是我们在Typora中使用的主题自动渲染了我们当前页面的标题等一系列信息导致。这种情况如果我们粘贴的站点支持HTML代码,那我们的主题样式就能直接粘贴过去了,但如果遇到不支持的,我们就需要复制标准的Markdown语法文章内容进行使用了。

下面我就带着小伙伴们一起进行快速复制Markdown语法文章内容

打开一篇在Typora中的文章,并找一下左下角位置,点击它

image.png
这个按钮是让我们查看源码,点击后效果如下:
image.png
这时我们只需要使用Ctrl+A全选,然后Ctrl+C复制即可完成我们的Markdown语法文章内容复制了。

本文声明:

88x31.png
知识共享许可协议
本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

阅读更多

文章编写实用工具——Typora导出HTML并用于微信公众号

文章编写实用工具——Typora导出HTML并用于微信公众号

简介

上一篇文章编写实用工具——Typora+PicGo+Gitee我们进行安装并设置了Typora与PicGo的关联,PicGo与Gitee仓库关联;
文章编写实用工具——Typora的一些常用设置与主题我们又进行了基础的一些设置和主题的设置,日常编写文章、记录事务时方便了很多,这一节我们再讲讲如何将其已经编写好的md文件的文章转为HTML并如何在微信公众号中使用。

正文

之前我们进行尝试使用word文件进行导入到公众号中,但是不是很理想,因为里面的样式都乱糟糟的,因此我们就想是否可以使用HTML代码直接进行导入,尝试好像官方不支持,于是寻找了一下其他插件,这里我们进行使用壹伴的插件进行编辑我们公众号中的文章。下面我们就开始我们的尝试。
首先,我们先在Typora中进行选择一篇文章,并通过文件——导出——html进行导出我们文章的HTML文件。
image.png
下面我们打开壹伴进行将自己公众号绑定并访问插件官网进行下载插件进行安装。安装成功后浏览器插件位置应可以看到下图这样一个图标
image.png
再次登录我们公众号的页面进行编辑文章,这时我们就可以看到这个HTML源码功能了。
image.png
点击该功能,并将刚才我们从Typora导出的HTML中的所有信息复制到这里面
image.png

再次点击HTML源码按钮,退出源码模式,这时我们就可以看到自己的文章已经成功的加入进去了,并且格式还没有发生变化。

本文声明:

88x31.png
知识共享许可协议
本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

文章编写实用工具——Typora导出可以用于微信公众号使用的Word

文章编写实用工具——Typora导出可以用于微信公众号使用的Word

简介

上一篇文章编写实用工具——Typora+PicGo+Gitee我们进行安装并设置了Typora与PicGo的关联,PicGo与Gitee仓库关联;
文章编写实用工具——Typora的一些常用设置与主题我们又进行了基础的一些设置和主题的设置,日常编写文章、记录事务时方便了很多,这一节我们再讲讲如何将其已经编写好的md文件的文章转为可以在微信公众号中使用的文件。

正文

首先我们需要先看一下微信公众号文章支持什么格式的导入,发现其需要使用word格式,这里我的公众号里面使用了壹伴的插件,大家有兴趣的可以搜索一下。
image.png
在Typora中选中一篇文章进行导出测试发现其弹出如下提示框
image.png
根据其提示,我们进行下载pandoc
image.png
进行安装pandoc
注:这里需要选择advanced进行高级安装,而不是直接安装,如果你想装到默认盘里面那也可以直接进行。
记住这个安装目录,等下我们需要使用。

image.png
image.png
image.png
再次重新导出,弹出提示框后选择设置Pandoc路径,并设置刚才的安装目录中的执行程序
image.png
image.png
设置完毕后,我们再次进行导出,这次就成功导出来的。这样我们就可以进行导入到公众号里面使用了。下一篇我们再尝试使用html的方式进行。

本文声明:

88x31.png
知识共享许可协议
本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

文章编写实用工具——Typora的一些常用设置与主题

文章编写实用工具——Typora的一些常用设置与主题

简介

上一篇文章编写实用工具——Typora+PicGo+Gitee我们进行安装并设置了Typora与PicGo的关联,PicGo与Gitee仓库关联,这一篇我们重点来对于Typora中的使用进行一些常见的设置整理,便于大家进行快速设置和使用。

正文

1、基础信息设置

打开文件——偏好设置
image.png
这里,我主要设置了自动保存和下次打开重新打开之前的文件夹和文件,便于我们写到一半时有事,等回来时又找不到刚才写的文章了,或者忘记保存使用的。

2、外观设置

这里就涉及到主题的设置了,打开设置页面后,我们点击获取主题,会自动打开官网提供的主题仓库地址
image.png

2.1、 选择一款自己喜欢的主题,并进行下载,我这里选择的主题是OrangeHeart

注意:这些主题大部分都是在GitHub上面,这时我们需要使用科学上网或者在Gitee仓库中进行手动搜索一下名称看下是否有同源的仓库,进行下载即可。
image.png

阅读更多

文章编写实用工具——Typora+PicGo+Gitee

文章编写实用工具——Typora+PicGo+Gitee

背景

伴随着自己日常记录越来越多,就想着使用Markdown在自己电脑上直接写md文件,于是乎找了一下网上比较常见的几个工具,最终比较发现Typora+Pigo+Gitee很适合我,于是我把它整理出来,分享给大家。

环境

image.png
image.png

3、打开PicGo,进行设置自己的图床

刚安装完找不到的同学可以到任务栏收起的图标里面找找,打开PicGo设置菜单,按照下图进行设置
image.png
image.png
这里面我们可以看到它支持很多种图床,而我们要使用的是Gitee里面没有,下面我们就需要安装插件

4、点击插件设置,并搜索gitee,安装插件

image.png
注意,这里如果你电脑上面没有nodejs,则需要先安装nodejs再进行插件安装。
再次点击PigGo设置,就发现已经有了gitee这个选项了。
image.png

阅读更多