当前位置:   article > 正文

搭建个人网站(4):Typora搭配Hexo写文章_typora写hexo文章

typora写hexo文章

My Blog: https://blog.ahrisy.com

模板

上一篇 搭建个人网站(3):Hexo搭建网站 里提到,Hexo 会使用 scaffolds 文件夹里的markdown作为模板来生成新的文件,我们也可以通过修改它们来自定义自己的模板。

scaffolds 文件夹里一般会有下面三个默认的模板,分别对应draft, page 和 post 三种文章类型:

在这里插入图片描述

打开之后就可以看到这些文件的内容只有一个YAML格式的文件头:

在这里插入图片描述

在使用 Hexo 新建文章的时候就会根据文章类型自动套用这些模板,只要修改相应的.md就可以让之后生成的文章使用我们自定义的模板啦。

举个最简单的例子,如果希望之后生成的 post 都有 categories 属性,那只用将 categories 加入到 post.md 中即可:

在这里插入图片描述

Typora

Typora是一款很简洁好看的Markdown编辑器,官网:https://www.typora.io/

但在使用Typora搭配Hexo写博客的时候,如果不进行一些设置的话,会导致编译后本地图片无法显示等问题,查看图片链接地址的话会发现是图片的路径不对导致的。

解决办法

网上的大部分解决办法(比如下载插件之类的)都过时了,对于新版的Hexo,解决办法非常简单:

  • Step 1. 将__config.yml 中的 post_asset_folder 设置为 true,这样每次创建文章的时候会生成同名的文件夹,可以将图片等资源文件放进去。

  • Step 2. 使用 Typora 的时候设置 Format — Image — Use Image Root Path,讲 root path 设置为第一步中创建的文件夹。

  • Step 3. 直接用markdown的语法插入图片即可,注意这时不需要写相对目录,也不要写 ‘/’,只写文件名即可,如下图:

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/人工智能uu/article/detail/773270
推荐阅读
相关标签
  

闽ICP备14008679号