Fork me on GitHub

Hexo发布文章及插入图片

发表于 | 更新于: | 分类于 | 本文总阅读量 次
| 字数统计: 444 | 阅读时长 ≈ 2

Hexo发布文章

自定义文章的文件名称

  • 修改md文件名称格式

    _config.yml中的new_post_name参数，用于定义hexo new 命令生成的md文件名格式。

  • 为便于管理md文件，为md文件增加日期前缀，例如201811120-XXXX.md

    new_post_name: :year:month:day-:title.md

自定义文章链接地址

  • 修改文章模板文件，增加文章链接地址参数urlname

    为scaffolds下的post.md文件增加如下参数：

    urlname: Hexo发布文章及插入图片

  • 修改文章链接地址格式

    _config.yml中的permalink参数，用于定义文件的链接地址。

    permalink: :year/:month/:day/:urlname/

  • 自定义文章链接地址

    当新建文章后，可手动修改urlname的值，发布成功后，可通过修改后的值访问该文章。

向文章中插入图片

  • 安装发布图片的插件hexo-asset-image

    在Hexo目录下执行如下命令：

    npm install hexo-asset-image –save

  • 开启该功能

    将config.yml中的post_asset_folder设置为true

    post_asset_folder: true

  • 存放图片的同名文件夹

    当新建文章（hexo new XXXX）时，会在source/_posts 新建一个xx.md文件同时还有一个同名的文件夹。该文件夹用于存放当前文章所需要的图片。

    例子

  • 使用方式

    在xx.md文件中使用一下方式引入图片。

    1
    ![这里输入图片描述](xx/图片名.png)

    ​

备注

  • 新建文章命令

    执行完命令后，会在source/_posts 新建一个md文件。

    hexo new “XXXX”

  • permalink 和 post_asset_folder 这两个参数相互影响的解决方案：

    修改 hexo-asset-image 中 index.js 的源码，目的是移除/xx/图片名.png 中的/xx 路径。

    1
    2
    3
    4
    5
    6
    将
    //if(linkArray[linkArray.length - 1] == srcArray[0])
    		  //  srcArray.shift();
    改为
    if(srcArray&&srcArray.length>1)
    		  srcArray.shift();

    ​

    ​