效果预览:示例站点链接

准备工作:

  1. Windows电脑。
  2. GitHub账号。
  3. 使用Hexo框架搭建博客软件。

准备工作(1):GitHub
请访问GitHub官网注册一个账户。

参考网址:

准备工作(2):Node.js
请前往Node.js官网下载并安装。

安装过程:

  • (1)按照安装过程依次点击即可,安装过程很简单。
  • (2)安装Git按照网上的安装方式进行安装就可以了。

准备工作(3):Hexo框架
安装完成后,在命令行中进行以下操作:

检测Node.js是否成功安装:node -v(回车后应返回版本号)
检测npm是否成功安装:npm -v(回车后应返回版本号)

安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

npminstall-gcnpm --registry=https://registry.npm.taobao.org

创建仓库(repository)
在GitHub上创建一个名为你的用户名.github.io的新仓库。例如:如果你的用户名是exampleuser,那么仓库地址就是exampleuser.github.io

安装Hexo部署插件

npm install --save hexo-deployer-git

配置_config.yml文件
找到Blog目录下的_config.yml文件,使用编译器打开(建议使用Visual Studio Code)。找到以下代码:

deploy:
  type: git
  repo: https://github.com/你的用户名/你的用户名.github.io.git
  branch: master

修改为:

deploy:
  type: git
  repo: [仓库地址]
  branch: [分支信息,如:master、gh-pages]

保存设置。

部署到GitHub
现在你的Hexo博客已经配置好了,执行以下命令:

hexo generate
hexo deploy

你就可以通过访问[你的用户名].github.io来访问你的个人站点了。例如:如果我的用户名是exampleuser,那么就是exampleuser.github.io

进一步深化操作过程(更换主题)
下面以默认主题为例进行更换:

1.克隆一个喜欢的Hexo主题到本地

git clone [克隆地址] themes/[主题名称]

2.找到Blog目录下的_config.yml文件,使用编译器打开。将以下代码修改为你的主题名字:

theme: [主题名称]

3.执行以下命令来更新配置:

hexo clean
hexo generate
hexo deploy

现在,你的Hexo博客已经成功更换了主题。你可以自由地探索和尝试不同的主题样式。希望这篇教程能帮助你快速搭建自己的个人网站!

author