创建markdown

  1. 首先在Hexo的根目录下打开git 输入 hxeo n 文件名
  2. 其次/Blogroot/source/_post 即可看到对应的md文件和文件夹

markdown的使用

  1. 首先在文件头部添加文件的基本信息,这些基本信息可以被hexo框架读取+渲染
1
2
3
4
5
6
7
8
9
10
--- (主要这里的---不能少,不然hexo识别不到)
title: hexo-markdown问题解决
date: 2023-05-07 10:14:45
author: luozongwei
categories:
- hexo
tags:
- hexo
- markdown
---
  1. 最重要的是markdown中的图片显示问题,这里我提供两个解决方法

第一个是直接使用markdown语法

1
2
3
4
![图片显示名称](图片路径) 如下面图片所示
![demo01](/hexo-markdown%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/demo01.png)
这里的%是因为我的文件名用了中文
注意这里非常重要的一点你是必须在前面加上hexo-markdown加上 / or ./ 否则上传的时候显示不了

对于hexo背景图片的修改

在_config.butterfly.yml 下修改:

1
2
3
4
5
6
7
8
# Avatar (头像)
avatar:
# img: https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png
img: /img/favicon.png
effect: false

# The banner image of home page 背景图片
index_img: /img/background.png

对于可能遇到hexo插件问题

因为要使用到一下hexo的插件,因此在下面举了一些例子:

1
2
3
4
5
6
# hexo-cli 是 hexo的指令集 下载后可以使用 hexo s;hexo g等等
npm install hexo-cli -g
# butterfly主题进行渲染
npm install hexo-renderer-pug hexo-renderer-stylus --save
# 保证markdown中的图片路径即正常显示
 npm install hexo-asset-image --save

❤️❤️❤️忙碌的敲代码也不要忘了浪漫鸭!

🍉🍉🍉此博文会持续更新,记得常回来看看哦,一起加油做出更好看更有用的博文呀💪。