怎么搭建博客
Abstract: 这是一篇关于如何搭建博客的博客(仅限于Windows),记录一下搭建简易博客的过程,主要使用了Hexo和Vercel。
2024.12.2更新:发现部分流程和两年前已经有差别,把博客内容更新一下
准备工作
1. 安装nodejs
- 点击此处去官网下载
图省事直接安装Prebuilt Installer
版本
- 安装过程一般不会出现问题,安装完后可以在命令提示符里输入node -v
查看是否正常安装
- 可以看到这里安装的是21.7.3版本
2.安装Git
- 点击此处去官网下载
- 同样的,安装完毕后可以在命令提示符输入git --version
检查
如何运行命令行失败,可以尝试重启设备
3.安装Hexo
- 在命令提示符输入npm install -g hexo-cli
进行安装
- 安装完成后输入hexo -v
就可以看到hexo的版本信息了
正式开始
1.初始化hexo
- 可以在找得到的地方新建一个文件夹保存自己的博客内容
- 然后用cd指令进入刚才新建的文件夹,比如文件夹名字为hexo
- 然后输入hexo init myfirstblog
创建博客目录,myfirstblog是博客的名称,可以换一个自己喜欢的
- 完成以后文件夹会有这样的内容
2.进入博客目录,安装npm
1 | cd myfirstblog |
3.启动博客网站
- 前几步正常完成后,就可以尝试运行我们的第一个博客了
- 进入博客目录,启动网站
1 | cd myfirstblog |
- 启动完成后会有这样的结果,此时在浏览器网址中输入http://localhost:4000/就可以访问自己的博客了。同时按Ctrl+C可以停止网站的运行
- 看到这个就说明我们的博客成功被访问了,但是现在只有一篇Hexo自带的博客,并且只能在本地访问

4.新建Github仓库并把博客内容推到Github上
- 在Repository name里填上自己想要的仓库名称,尽量起一个简单易记的名称

- 修改Hexo的配置。找到deploy,修改为以下的内容,仓库的地址可以在仓库的主页找到

- 把博客推到Github上。输入hexo d
即可,可能需要输入Github账号的密码,完成后就可以在仓库里看到刚才推上去的文件了
5.如何把博客部署到Vercel
- 首先当然是注册一个自己的Vercel账号,可以直接使用Github登录,也可以用邮箱注册,但是听说用QQ邮箱注册不大行

- 登录后点击 Create a New Project ,然后 Import Git Repository ,把刚才在Github创建的仓库和Vercel项目link起来
- 如果正常的话就可以在Vercel主页看到自己部署的网站了,点进项目的主页里可以看到自己博客的网址,就是DOMAINS下面的

- 点击网址就可以访问自己的博客啦
写在最后
关于如何把自己写的文章放到博客上,以及怎么更换博客的主题等问题,会在之后的博客更新(才不是因为懒)
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Aoki-kelley の 小屋!
评论