833 字
4 分钟
Hexo静态博客搭建教程

所需工具#

1.Git(用于同步博客、部署hexo等)#

官网:点这里进入

2.Node.js#

官网:点这里进入

3.VS code(用于编写markdown,也可用其他)#

下载链接:点这里进入

以上应用的网盘下载链接#

点这里

*安装时无脑下一步


图文演示#

一、安装hexo#

1.创建文件夹#

在任意地点创建文件夹并命名为”hexo”(双引号不输入)

2.用Git安装hexo#

在“Hexo”文件夹里右键选择”Open Git Bash here”

在打开的命令行中依次输入下列代码:

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo s

如果出现“INFO Hexo is running at http://localhost:4000” . Press Ctrl+C to stop.”即表示本地运行成功

在浏览器里输入http://localhost:4000/ 来查看你的博客

*”hexo s”全称是”hexo server”

二、美化博客#

打开hexo的主题中心 这里进入

1920

找到你喜欢的主题,点击进入跳转到Github,在描述栏中查看主题的代码,

在hexo/blog目录右键选择”Open Git Bash here”,

在弹出的命令行中把代码粘贴并回车运行

代码运行完成后,在hexo/blog目录找到”_config.yml”

用VS Code打开,找到theme,在冒号后面的主题名称改成hexo\blog\themes中你安装的主题文件夹的名称

上述代码运行完成后,在hexo/blog目录右键选择”Open Git Bash here”

在打开的命令行中依次输入:

hexo g
hexo clean
hexo s

再在浏览器中输入 http://localhost:4000/

来查看你的博客的主题有没有修改完成

三、创建Github仓库#

1.登录Github:官网#

*Github有时国内连不上,可以用Watt Toolkit来加速

2.创建新仓库#

把仓库名称改为”你的用户名.github.io”

接着无脑下一步

直到出现下面的页面

1915

四、用git给自己一个身份标识并获取ssh密钥#

1920

在hexo/blog目录右键选择”Open Git Bash here”

依次输入以下代码:

git config --global user.name "你Github的用户名"
git config --global user.email "你用于GitHub注册的邮箱"
ssh-keygen -t rsa -C "你用于GitHub注册的邮箱"
cat ~/.ssh/id_rsa.pub

出现好几行看似乱码的密钥即表示成功

五、把Git的ssh密钥复制到GitHub中#

1920

六、把本地代码推送到GitHub上#

在hexo/blog目录找到”_config.yml”

找到末尾

把最后几行代码改成这样

deploy:
type: 'git'
repository: 仓库的ssh链接
branch: main

在hexo/blog目录右键选择”Open Git Bash here”

在打开的命令行中依次输入:

hexo g
hexo d

等待代码运行完成

七、把本地代码推送静态网站部署平台上#

你可以用Cloudflare Pages、EdgeOne Pages、Github Pages

这里用Github Pages为例

192019201920192019201920

八、日后修改网站#

每次修改了网站要在hexo/blog目录右键选择”Open Git Bash here”

在打开的命令行中依次输入:

hexo g
hexo clean
hexo d

现在你已经有你的网站了,快去试试吧

如果你想要把你的域名绑定到你的博客,可以以下图进行操作

1920

如果你没有域名但想拥有你的专属域名,可以看一下我下一篇文章

尽请期待

Hexo静态博客搭建教程
https://www.yuyano.com/posts/1/
作者
雨砚
发布于
2025-09-30
许可协议
CC BY-NC-SA 4.0