使用Github+hexo搭建属于自己的博客

一、简介

1. 什么是hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

2. 为什么可以在Github上搭建个人博客

GitHub为每一个用户分配了一个二级域名.github.io,所以用户为自己的二级域名创建主页很容易。只要我们在Github上的仓库以用户名.github.io格式命名就行。这样当我们访问用户名.github.io这个地址时,就能自动加载你放在这个仓库里面的静态文件了。

二、博客的搭建

1. git的安装以及GitHub仓库的创建

  • git的下载地址:git。选择合适的版本下载即可。

  • 如果对git操作不熟悉或者不知道怎么创建GitHub仓库的,可以参考这篇博客Git的简易教程 使用Git将Window上的代码上传GitHub

  • 安装好git后,在GitHub上新建一个仓库。命名为username.github.io。创建好后如下图所示

在这里插入图片描述

在这里插入图片描述

2. 安装node.js

node.js的下载地址:node.js

下载好.msi文件后,一直点确定就行,不需要改什么设置。

这个自动安装所需要的工具最好打勾,不然后面安装一些插件的时候可能会报错(至少博主在安装的时候是这样)

在这里插入图片描述

3. 安装hexo

在任意目录右击打开Git Bash,输入下列命令安装hexo。

$ npm install -g hexo-cli

安装好后显示如下
在这里插入图片描述

4.在本地创建博客项目

首先创建一个博客目录,并在此目录下打开Git Bash。

初始化项目

$ hexo init

初始化完成后会有以下这些文件,使用ls命令查看

$ ls
_config.yml    package.json       scaffolds/  themes/
node_modules/  package-lock.json  source/

安装一些依赖

$ hexo install

在这里插入图片描述

安装hexo-deployer-git插件

$ npm install hexo-deployer-git --save

在这里插入图片描述
修改配置文件,打开_config.yml文件。找到deploy

deploy:
  type: ''

修改成下面形式。repo是填你的博客的仓库地址,可以选用https的地址,或者ssh的地址。brach一般是填master。注意冒号后面有空格

deploy:
  type: git
  repo: https://github.com/jiang4869/jiang4869.github.io.git
  branch: master

这样就把文件配置完成了。

5. 把博客部署到Github

$ hexo g -d

在这里插入图片描述

这样我们就成功把博客部署到GitHub上了。

可以直接通过”用户名.github.io"这个域名访问到我们自己的博客了。

在这里插入图片描述

6. 添加或者修改博客

进入

path/to/your/blog/source/_posts

在这里插入图片描述

把你用markdown格式写好的博客放到改目录下,然后重新部署一次即可。

$ hexo g -d
发布了50 篇原创文章 · 获赞 52 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_43058685/article/details/104169466