第一篇博客
心得1 创建博客
1. 安装 Hexo
首先,安装 Hexo。
遇到的小问题
在安装过程中遇到了依赖问题,最终没有解决 npm
的依赖解析问 题。我初步怀疑是 npm
和 pnpm
之间的兼容性问题。
转战 WSL
后来决定直接在 WSL 上进行安装。首先,我发现 WSL 中没有安装 Node.js,于是执行以下命令来安装:
1 | sudo apt update |
更新软件包索引,然后执行:
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 | hexo init |
安装部署插件
安装 hexo-deployer-git
插件,以便将博客部署到 GitHub:
1 | pnpm add hexo-deployer-git |
然后初始化 Git 仓库并添加远程地址:
1 | git init |
部署到 GitHub
生成静态文件并部署:
1 | hexo g |
这样就可以通过 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 图片,确保在博客中显示。
- 如果想插入其他图片,只需替换图片链接即可。
评论