使用HEXO搭建属于自己的博客
Hexo的初步使用
什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。简单易上手,免去了自己搭建网站的烦恼,这也是我为什么决定采用HEXO来搭建自己博客的原因。
HEXO的使用以及安装
安装前提
安装 Hexo 相当简单,只需要先安装下列应用程序即可:
关于Node.js与Git的安装在这里就不多赘述,总体来说还是很简单的,点击超链接即可跳转到官网进行下载。
安装Hexo
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo:
1 | npm install -g hexo-cli |
安装完成后使用如下命令初始化博客:
1 | hexo init blog |
需要注意的是,该命令是作用在自己创建的博客文件夹当中
为了检验网站初始化效果,可使用如下命令:
1 | hexo new test_blog |
输入完成后,在浏览器地址栏输入 localhost:4000 即可访问上面创建的博客。
部署博客
由于以上操作均是在本地进行,想要推送博客到公网,从而让更多的人访问,需要进行配置。
创建Github仓库
这一步默认你已经拥有了个人的github账号,点击主页的Repositories——New,将仓库打的名称命名为xxx.github.io(此处的xxx可任意命名)
修改配置文件
回到创建的博客根目录,找到_config.yml文件,添加如下代码:
1 | deploy: |
保存文件后使用以下命令安装插件:
1 | npm install hexo-deployer-git --save |
安装完成后输入以下命令进行部署:
1 | hexo clean |
打开浏览器输入 xxx.github.io (即先前设置的仓库名)即可访问博客
域名绑定
通常一个网站的网址都是容易记忆的域名,如果你想将博客绑定到自己的域名下的话,可以按照以下步骤来操作:
首先你得拥有一个自己的域名,可以到阿里云、腾讯云去购买,这里以阿里云的域名管理为例
点击解析管理跳转到解析界面添加解析
之后登录Github,找到settings里面的Custom Domain,将域名填写进去。
在本地的博客的source目录下新建CNAME文件,将域名复制进去,并保存为所有文件,而不是txt文件。
最后重新部署即可使用个人域名访问自己的博客了。