hexo常用命令

1
2
3
4
5
6
7
8
9
10
hexo new new_article
# 生成一篇新的md格式文章
hexo g
#或 hexo generate，根据源文件生成静态网页
hexo d
#或 hexo deploy，发布推送到 GitHub Pages
hexo s
#或 hexo server，本地部署测试
hexo clean
# 清空静态网页 cache，然后 hexo g 重新生成

hexo部署

在指定仓库

  • Settings

  • 然后Pages 选项

  • 然后选择 Deploy from a branch

hexo配置文章categories tags

首先在文章每篇文章开头加上文章的配置（这部分可以修改hexo的配置自动生成）

image-20250421123021881

然后新建以下两个对应的文件夹，并且相应新建一个index.md文件

image-20250421123054346

内容分别为

image-20250421123151793

image-20250421123303485

hexo渲染mermaid

https://mofan212.github.io/posts/Something-About-Blog/index.html

hexo插入图片

在网上搜索之后发现，给hexo插入图片的方法比较复杂，于是想要找到一个和Typora一样丝滑的插入图片的方式

下面直接给出我的方案

  • 首先根据相关博主的操作，在_config.yml文件下进行如下设置
1
2
3
4
5
6
_config.yml
post_asset_folder: true
---------------------------------添加以下内容----------------
marked:
  prependRoot: true
  postAsset: true
  • 然后在命令行创建新的文章hexo new you_article_name，然后你的source文件夹下面you_article_name.md的同级会出现一个与you_article_name的文件夹，但此时，我们插入图片需要自己输入路径，还是比较麻烦
  • 借助Typora可以来丝滑的插入，Typora里面有一个功能：直接复制图片到md文件，会自动在指定文件夹放入该图片，这个时候就可以设置将图片放在you_article_name文件夹，这个时候我们在Typora进行相关的笔记，就可以很丝滑的上传了（在Typora设置的图片大小，在md文件中会自动变成html的格式）

image-20240813210230828

Hexo部署到GitHub上

如果您希望在 GitHub 上有一个项目页面：

  1. 导航到 GitHub 上的存储库。 转到 Settings 选项卡。 建立名为 <repository 的名字> 的储存库，这样你的博客网址为 <你的 GitHub 用户名>.github.io/<repository 的名字>，repository 的名字可以任意，例如 blog 或 hexo。
  2. 编辑你的 _config.yml，将 url: 更改为 <你的 GitHub 用户名>.github.io/<repository 的名字>。
  3. 在 GitHub 仓库的设置中，导航至 Settings > Pages > Source 。 将 source 更改为 GitHub Actions，然后保存。
  4. Commit 并 push 到默认分支上。
  5. 部署完成后，前往 username.github.io/repository 查看网页。

参考文章：

如何可以较丝滑的插入图片

博客搭建

hex’o