使用Hexo + Github的方式免费搭建自己的个人博客

前言

博客有第三方平台,也可以自建,比较早的有博客园、CSDN,近几年新兴的也比较多诸如:WordPress、segmentFault、简书、掘金、知乎专栏、Github Page 等等。

这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免费的空间不用也挺浪费的哈哈哈),可以用来托管博客、项目官网等静态网页。支持 Jekyll、Hugo、Hexo 编译静态资源。

一.环境

准备环境
首先,安装 NodeJS,因为 Hexo 是基于 Node.js 驱动的一款博客框架,相比起前面提到过的 Jekyll 框架更快更简洁,因为天*朝网络被墙的原因尝试过安装 Jekyll 失败而放弃了。
然后,安装 git,一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。如果 Git 还不熟悉可以参考廖雪峰大神的 Git 教程。

两个工具不同的平台安装方法有所不一样,可自行了解按步骤安装,这里不详述了。安装成功后打开git bash(Windowns)或者终端(Mac),下方中将统一称为命令行。
在命令行中输入相应命令验证是否成功,如果成功会有相应的版本号。

git version
node -v
npm -v
image


二.搭建

新建一个以你的github用户名为名字的仓库,等会把Hexo博客部署到github上之后就可以通过你的用户名.github.io访问你的个人博客啦

在这里插入图片描述

打开git bash输入命令npm install -g hexo 安装Hexo

在这里插入图片描述

新建文件夹myHexo(名字任取,用来放Hexo博客相关文件),并进入myHexo,输入命令hexo init,初始化成功后看到提示start blogging with hexo即成功,hexo会自动下载一些文件到这个目录,包括node_modules.(后续哪一步出错可以直接删掉myHexo文件夹再一次执行以上操作)
在这里插入图片描述
在这里插入图片描述

输入命令hexo g 生成静态文件,然后输入hexo s 开启本地预览服务,启动hexo博客,端口为4000,浏览器中输入localhost:4000即可打开博客,ctrl + c 关闭
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

进入github复制仓库地址,打开_config.yml配置文件,找到deploy相关设置,按如下配置
在这里插入图片描述
在这里插入图片描述
输入命令hexo d 推送到远端,输入github账号,密码(可提前设置sshkey)部署完成。然后通过你的用户名.github.io访问你的个人博客,此时博客就已经初步搭建好了
在这里插入图片描述

在这里插入图片描述

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
本站总访问量

请我喝杯咖啡吧~

支付宝
微信