用 Hexo+NexT 搭建个人博客 (一)

前言

有好多朋友问我我的博客是怎么建的, 我之前也答应过他们发一个教程, 但一直摸到现在, 今天闲来无事, 写一下在 Windows 端搭建博客的基本操作.

配置安装环境

首先下载 Git, 打开安装程序, 一路下一步, 直到安装完成.

之后, 下载 Node.js, 同样也是一路下一步, 直到安装完成.

安装 Hexo

两个都安装完成后, 按 Win+R 键打开”运行”, 输入 cmd 打开命令提示符.

打开后, 输入 npm install -g hexo-cli , 等待安装完成即可配置好 Hexo.

​这些步骤在 官方网站 里都有详细的方法, 我这里如果理解不了的话可以去参考一下官方的教程.

创建 Hexo 文件夹

在 cmd 中, 利用 cd 指令来选择自己想要创建 Hexo 文件夹的目录, 之后输入hexo init <folder> 来创建 Hexo 文件夹, 例如:

1
2
d:	//定位到 D 盘
hexo init myblog //创建 Hexo 文件夹

这样,在 D 盘就会生成一个名为 myblog 的文件夹.

*之后的教程会以 D 盘的这个文件夹为例, 在别处建的话就要定位到目标目录下, 其余的步骤一样.

编辑 _config.yml

其实现在的 Blog 已经可以访问了, 在 cmd 中定位到 Hexo 文件夹 ( d: cd myblog ) , 输入 hexo s 即可在本地生成网页, 在浏览器地址栏中输入 http://localhost:4000/ 即可访问, 若要停止, 在命令窗口中按 Ctrl+C 即可.

……有点跑偏了, 我们继续, 打开 myblog 文件夹下的 _config.yml (这里推荐使用Notepad++) , 会发现里面的# site 一栏有以下几项:

1
2
3
4
5
6
7
8
# Site
title: //网站标题
subtitle: //网站副标题
description: //网站描述
keywords:
author: //博主的名字
language: //网站语言
timezone: //网站时区

现在要做的就是填好这几项, 一般我的 keywords 和 timezone 留空不填, language填 zh-Hans , 注意, 所有的冒号后面要加空格, 是 title: test 而不是 title:test , 编辑好后, 按 Ctrl+C 保存.

注册 GitHub 账号 & 创建 GitHub 仓库

注册 GitHub 账号

首先, 打开 GitHub , 输入 Username (用户名) 和 Email (邮箱地址) , 最后在 “Password” 一栏输入你的密码, 最后点击 “Sign up for Github”, 即可完成注册. 一路下一步, 会提示你验证邮箱, 验证即可.

创建 GitHub 账号

创建 GitHub 仓库

在新的页面点击 Start a Project, 会转到新建仓库的页面, Repository name 那一栏填 yourid.github.io , 例如 ricky2004.github.io , 填好后勾选 Initialize this repository with a README, 点击 Create repository 即可创建好仓库.

创建 GitHub 仓库

*检查 GitHub Pages 是否配置正确

创建好仓库后,转到 Settings, 往下拉, 找到 GitHub Pages 一项, 应该会显示 Your site is ready to be published at https://yourid.github.io/ , 这时等待几分钟, 会显示 Your site is published at <https://yourid.github.io/> , 这样, 你的 GitHub Pages 就已经可以访问了.

转到 Settings

配置 Deployment

首先在 cmd 中定位到 Hexo 文件夹下, 输入 npm install hexo-deployer-git --save 来安装 hexo-deployer-git.

等待安装完成后, 打开 Hexo 文件夹中的 _config.yml , 在文档末尾找到 # Deployment 一栏,如下:

1
2
3
4
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:

type: 后面输入 git , 回车, 在下面一行输入 repo: , repo: 后面填你的 GitHub 仓库地址, 再回车, 输入 branch: , 后面填 master , 例如:

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/ricky2004/ricky2004.github.io
branch: master

这些都填好后, 保存, 在 cmd 中输入:

1
2
3
hexo clean	//清理 public 文件夹
hexo g //创建静态页面
hexo d //部署

或者可以一步到位:

1
hexo clean && hexo g && hexo d

第一次部署会弹出窗口要求你输入 GitHub 账号和密码, 输入即可.

等待部署完毕.

Enjoy!

这时,访问 yourid.github.io , 就会发现你的 Blog 已经成功创建好了.

总结

本方法就是把在本地生成好的博客文件夹上传到 GitHub 托管, 因为 GitHub 有提供 GitHub Pages (简称 GH-Pages), 而 GH-Pages 里的内容就是你仓库里的文件, 所以, 上传文件后, 你的 GItHub 仓库地址 (或 GH-Pages 域名) 就是你的博客域名. 第二部分会写如何绑定自己的域名, 以及如何写博文. (又要摸了)

文章作者: RicKy
文章链接: https://ricky29.tech/make-a-blog/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 MAGiC