Jackie
文章3
标签3
分类0
使用HEXO搭建属于自己的博客

使用HEXO搭建属于自己的博客

Hexo的初步使用

什么是Hexo

​ Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。简单易上手,免去了自己搭建网站的烦恼,这也是我为什么决定采用HEXO来搭建自己博客的原因。

HEXO的使用以及安装

安装前提

安装 Hexo 相当简单,只需要先安装下列应用程序即可:

  • Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
  • Git

关于Node.js与Git的安装在这里就不多赘述,总体来说还是很简单的,点击超链接即可跳转到官网进行下载。

安装Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo:

1
npm install -g hexo-cli

安装完成后使用如下命令初始化博客:

1
hexo init blog

需要注意的是,该命令是作用在自己创建的博客文件夹当中

为了检验网站初始化效果,可使用如下命令:

1
2
3
hexo new test_blog
hexo g
hexo s

输入完成后,在浏览器地址栏输入 localhost:4000 即可访问上面创建的博客。

部署博客

由于以上操作均是在本地进行,想要推送博客到公网,从而让更多的人访问,需要进行配置。

创建Github仓库

这一步默认你已经拥有了个人的github账号,点击主页的Repositories——New,将仓库打的名称命名为xxx.github.io(此处的xxx可任意命名)

修改配置文件

回到创建的博客根目录,找到_config.yml文件,添加如下代码:

1
2
3
4
deploy:
type: git
repo: git@github.com:username/***.github.io
branch: master

保存文件后使用以下命令安装插件:

1
npm install hexo-deployer-git --save

安装完成后输入以下命令进行部署:

1
2
3
hexo clean 
hexo g
hexo d

打开浏览器输入 xxx.github.io (即先前设置的仓库名)即可访问博客

域名绑定

通常一个网站的网址都是容易记忆的域名,如果你想将博客绑定到自己的域名下的话,可以按照以下步骤来操作:

首先你得拥有一个自己的域名,可以到阿里云、腾讯云去购买,这里以阿里云的域名管理为例

03

点击解析管理跳转到解析界面添加解析

之后登录Github,找到settings里面的Custom Domain,将域名填写进去。

在本地的博客的source目录下新建CNAME文件,将域名复制进去,并保存为所有文件,而不是txt文件。

最后重新部署即可使用个人域名访问自己的博客了。

本文作者:Jackie
本文链接:https://blog.joeylee.cn/2022/03/30/%E4%BD%BF%E7%94%A8HEXO%E6%90%AD%E5%BB%BA%E5%B1%9E%E4%BA%8E%E8%87%AA%E5%B7%B1%E7%9A%84%E5%8D%9A%E5%AE%A2/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可
×