基于 Hexo GitHub 从零开始搭建个人博客(二):搭建基础篇


前言

阅读本篇前,请确保你的电脑配置好相应的环境,参考教程请看基于 Hexo GitHub 从零开始搭建个人博客(一):环境准备篇

在本篇教程你,你将获得一个初始的个人博客,使用 hexo 命令,创建一个属于你自己的初始化博客。并将其在本地运行起来,最后部署到 GitHub Pages 上,让你的博客在有网的地方就可以被访问。

初始化 Hexo 项目

选择一个目录,鼠标右击,选择 Git Bash here

Open Git Bash

在 Git Bash 输入如下命令初始化一个 Hexo 项目

crawlmkt.github.io 表示项目的名称,即文件夹的名字,建议使用 GitHub 项目对应的名称如:crawlmkt.github.io

hexo init crawlmkt.github.io

HEXO INIT

这样 crawlmkt.github.io 文件夹下就会出现 Hexo 的初始化文件,包括 themes、scaffolds、source 等文件夹,这些内容暂且先不用管是做什么的,我们先知道有什么,然后一步步走下去看看都发生了什么变化。

安装依赖包

切换到 博客 项目目录

运行如下命令:

cd  crawlmkt.github.io

安装 npm 包

运行如下命令:

npm i

npm i

启动 hexo 博客

运行如下命令:

hexo server

输出如下:

INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

查看博客

打开浏览器,输入地址:http://localhost:4000/ 看到下面的效果,说明的你博客已经构建成功了

BLOG

本地博客发布到 GitHub Pages

之前的步骤中,我们已经完成了对 GitHub 账户的注册以及 Github Pages 的创建,并且为 GitHub 配置了 SSH key,接下来我们来将这个初始化的博客进行一下部署,放到 GitHub Pages 上面验证一下其可用性。成功之后我们可以再进行后续的修改,比如修改主题、修改页面配置等等。

详细请参考:基于 Hexo GitHub 从零开始搭建个人博客(一):环境准备篇

安装 hexo-deployer-git 插件

在博客项目目录下运行:

npm install hexo-deployer-git --save

修改 _config.yml 文件

配置站点信息

HEXO CONFIG

添加部署信息

修改内容,在 _config.yml 文件最下面

修改前:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: ''

修改后:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:crawlmkt/crawlmkt.github.io.git
  branch: master
  • git@github.com:crawlmkt/crawlmkt.github.io.git 其中 crawlmkt 改成你的用户名即可

部署项目到 GitHub

修改好配置后,运行如下命令,将代码部署到 GitHub

hexo generate
hexo deploy

查看部署情况

打开浏览器访问:https://crawlmkt.github.io,这时候我们就可以看到跟本地一模一样的博客内容了。

HEXO BLOG

你已经可以独自搭建一个属于自己的博客了,剩下的就是选择一个主题,当然你也可以自己开发一个主题。


文章作者: Sitoi
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Sitoi !
评论
 上一篇
下一篇 
基于 Hexo GitHub 从零开始搭建个人博客(一):环境准备篇 基于 Hexo GitHub 从零开始搭建个人博客(一):环境准备篇
搭建个人博客离不开环境的准备,本教程主要教你如何安装 Chocolatey、Node.js、Git、配置 GitHub SSH key,创建第一个 GitHub Pages 页面
2019-12-26
  目录