Hexo文章中如何插入图片

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Hexo文章中如何插入图片相关的知识,希望对你有一定的参考价值。

参考技术A

在hexo中发表文章时发现自己的图片无法显示,这是因为hexo在解析你的文章时找不到你的图片路径,下面说一下如何配置文章中的图片路径

打开在hexo根目录下的 _config.yml 配置文件,找到 post_asset_folder 属性,默认为 false 改为 true

在hexo根目录下执行如下命令

此时再执行命令 hexo n article_name 创建新的文章,在 source/_posts 中会生成文章 post_name.md 和同名文件夹 post_name , 我们将文章中所使用到的将图片资源均放在 post_name 中 ,这时就可以在文章中使用相对路径引用图片资源了
[img_name](img_name.jpg) #文章中的图片资源路径格式

[hexo]如何更换主题删除文章

  • 如何修改主题

    hexo有很多主题,每个人可以选择自己喜欢的主题来应用,也可以自己设计主题并且上传形成公共主题供大家下载。

    如果是自己设计主题的话,会稍微麻烦一些,需要自己配置很多文件,并且编写css以及js代码等。关于如何编辑自己的主题并且发布到公共主题这方面的内容,可以参考hexo官方文档中themes部分的内容,其中publishing的内容就是如何发布自己主题的流程。

    自己制作主题并且发布供所有人共享的情况稍微复杂一些,这里不做详细说明,感兴趣的同学看上面传递门中的内容即可。这里主要讲解下,如何把主题修改为公共库中的主题,把自己的博客改造成自己喜欢的样子。

    我们知道hexo官方共享的themes有很多,可以在hexo themes collection中查看。

    打开之后看到的这些themes都是可以供我们直接应用和安装的主题。那么如何才能应用某一种主题呢?
    主要分为下面几个步骤:

    1. 下载主题(themes);
    2. 修改主目录文件夹中的_config.yml文件的theme配置;
    3. 执行hexo generta => hexo deploy将主题应用到自己最新的博客上面。

    . 如何删除文章

    删除文章的过程一样也很简单,先删除本地文件,然后通过生成和部署命令进而将远程仓库中的文件也一并删除。具体来说,以最开始默认形成的helloworld.md这篇文章为例。

    首先进入到source / _post 文件夹中,找到helloworld.md文件,在本地直接执行删除。然后依次执行hexo ghexo d,再去主页查看你就会发现你的博客上面已经空空如也了,这就是如何删除文章的方法。

    . 总结

  1. node_modules文件夹中的内容是整个hexo的依赖包,这个一般情况下不需要去做任何增删改。
  2. public文件夹其实是当我们执行hexo generate命令之后由hexo根据我们的主题以及文章内容生成的一个文件。打开之后可以看到对应的时间我们写的博客内容,例如我今天的博客就是pubulic / 2016 / 05 / 01 / 如何更换hexo主题、删除文章.md这篇文章。你可以新建一篇文章来看看pubulic文件夹下面的变化,不过因为本文还没有讲解如何生成新的文章,所以你先不用着急,我会在后面的博客中慢慢讲解更多关于hexo如何应用的文章。
  3. scaffolds其实就是脚手架的意思,有些人也称之为模板,其实就是我们新生成一篇文章时从哪个模板来生成。这里面默认只有三个模板,draft, page, post,我们生成文章是可以指定采用哪个模板。
  4. source和themes子文件夹不再讲解,上面已经解释过了。
  5. _config.yml文件,这个其实是我们整个主目录的配置,你会发现你把主题从landscape切换到Tinnypp时,除了下载主题包之外就是在这个文件里去配置自己的主题,只需要更改少量的键值对内容就可以对整个主目录和网页进行变更了。
  6. db.json,没有仔细研究,后期会更新这部分的内容。
  7. package.json,没有仔细研究,后期会更新这部分的内容

以上是关于Hexo文章中如何插入图片的主要内容,如果未能解决你的问题,请参考以下文章

在博客中插入图片

Hexo引入Mermaid流程图和MathJax数学公式

用Typora写Hexo博客

Hexo博客:四、本地图片

CTEX如何在文章中引用图片?

怎么在DW中插入图片方法