美文网首页笔记流
hexo与typora结合

hexo与typora结合

作者: seawish | 来源:发表于2018-12-04 22:05 被阅读6次

typora辅助hexo进行图片显示

配置博客文件的所有图片存储到博客当前路径的同名文件夹中。

1. 修改根目录的_config.yml文件

post_asset_folder: true

2.配置typora,解决图片存储问题。

配置typora,以使文件的所有图片都默认存储到当前路径的同名文件夹中。有三种配置typora方式。

  • a. 修改博客项目配置

    在项目的scaffolds->post.md文件中,增加配置

    typora-copy-images-to: {{ title }} 
    

    采用此方法,每次调用 hexo new filename 都会自动配置存储文件路径,供typora识别。

  • b. 直接在md文件中的Front-matter增加配置

    typora-copy-images-to: ./博客名
    
  • c. 点击编辑->图片工具-> 当插入本地文件时->复制到文件夹,修正博客图片存储路径。

  1. 图片展示
![图片说明](图片.jpg)

本文作者: seawish
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

相关文章

  • hexo与typora结合

    typora辅助hexo进行图片显示 配置博客文件的所有图片存储到博客当前路径的同名文件夹中。 1. 修改根目录的...

  • Gitee+Hexo搭建个人博客

    Gitee+Hexo搭建个人博客 用Hexo 3 搭建github blog Hexo图片显示(typora工具辅...

  • GitHub Pages + Hexo 搭建个人博客超详细教程

    工具 Git Account Hexo Typora 搭建框架 GitHub PagesGitHub Pages是...

  • 清明假期长

    我完成的 node.js+hexo+git搭建个人markdown博客 markdown语法+typora下载试用...

  • 文字编辑工具

    Typora Typora 语法结构与功能 Typora For Markdown 语法 typora使用教程 T...

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

    文章编写实用工具——Typora中常用的源码模式 背景 之前给大家分享了Typora、PicGo、Gitee的结合...

  • hexo结合Bulma

    直接用bulma 直接引用bulma是十分简单的只需要在head.ejs末尾添加 即可 如果你想修改bulma的参...

  • Typora图片上传问题

    前言 学习目的 1) 在解决hexo个人博客上传的文档图片无法显示问题的过程中,想利用Typora编写的文档中的图...

  • markdown编辑器——typora

    语法——markdown(typora) 一、软件安装与使用 1,下载——官网下载typora[https://t...

  • Typora 下载与安装

    软件简介 Typora是一款简单好用的Markdown编辑器,将写作与预览窗口相结合,为用户呈现所见即所得的编辑模...

网友评论

    本文标题:hexo与typora结合

    本文链接:https://www.haomeiwen.com/subject/gucbcqtx.html