心得1 创建博客

1. 安装 Hexo

首先,安装 Hexo。

遇到的小问题

在安装过程中遇到了依赖问题,最终没有解决 npm 的依赖解析问 题。我初步怀疑是 npmpnpm 之间的兼容性问题。

转战 WSL

后来决定直接在 WSL 上进行安装。首先,我发现 WSL 中没有安装 Node.js,于是执行以下命令来安装:

1
2
sudo apt update
sudo apt upgrade -y

更新软件包索引,然后执行:

1
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -

添加 Node.js 仓库,然后安装 Node.js:

1
sudo apt install -y nodejs

接着安装了 pnpm,但发现执行 pnpm add hexo-cli -g 时,提示我需要执行 pnpm setup。解决办法是执行:

1
pnpm setup

执行完 pnpm setup 后,Hexo 就成功安装到环境变量中了。刷新环境变量后,问题解决。

初始化 Hexo 博客

1
2
3
hexo init
pnpm install
hexo server

安装部署插件

安装 hexo-deployer-git 插件,以便将博客部署到 GitHub:

1
pnpm add hexo-deployer-git

然后初始化 Git 仓库并添加远程地址:

1
2
git init
git remote add origin https://github.com/your-username/your-username.github.io.git

部署到 GitHub

生成静态文件并部署:

1
2
hexo g
hexo deploy

这样就可以通过 https://eatbreads.github.io 访问博客了。


使用 Hexo 查看效果

平时如果想查看效果,可以使用 hexo server 在本地查看。如果想部署到 GitHub,则使用 hexo deploy 将博客推送到远程仓库。


2. 创建新文章

创建新文章:

1
hexo new post "My New Blog Post"

这将在 source/_posts/ 目录下生成一个 .md 文件,你可以在其中编写文章内容。

编写完成后,就可以再次执行 hexo deploy 将新文章发布到博客。


3. 插入图片示例

下面是一个插入图片的例子:

Hexo Logo

这张图片将会显示在文章中。

说明

  • 我使用了外部链接插入了一张 Hexo 的官方 logo 图片,确保在博客中显示。
  • 如果想插入其他图片,只需替换图片链接即可。