写点什么

Hexo + Github 从零搭建个人博客

作者:梁歪歪 ♚
  • 2022 年 6 月 06 日
  • 本文字数:1424 字

    阅读完需:约 5 分钟

Hexo + Github从零搭建个人博客

本人于大二期间,萌生博客记录学习过程的想法。后面成功入坑 Hexo 个人博客的搭建,它承载了我的第一篇博客。

本文将详细的介绍如何运用 Hexo + Github 从零搭建一个属于自己的博客。

一、前言

  • 之所以用 hexo 来搭建博客,是因为 hexo 现在比较成熟,如果在搭建过程中,遇到问题,百度、谷歌有很多的解决方案。

  • 安装前须知(必须得有 Node.js 和 Git,安装 node.js 时顺便安装 npm 包管理器)

  • Node 下载地址:https://nodejs.org/en/

  • Git 下载地址:https://git-scm.com/

  • 安装过程特别简单,根据电脑系统类型百度安装即可。

二、安装并配置 Hexo

  • 此步骤开始前须知:

  • 已经安装 Git Bash(Windows 环境)或者有终端(Mac 一般用自带的就可以),本文所有的命令都在 Git Bash 或者 终端 中执行。

  • git、node、npm 都已安装成功,可查看对应版本。


# 查看git版本git --version# 查看node版本node -v# 查看npm版本npm -v
复制代码


由于在国内使用 npm 的镜像源,下载安装速度很慢,我们可以安装 cnpm

 # 安装cnpm(全局)npm install -g cnpm --registry=https://registry.npm.taobao.com
# 查看cnpm版本cnpm -v
复制代码


  • 用 cnpm 全局安装 hexo


# 安装hexocnpm install -g hexo-cli    # 验证hexo是否安装成功hexo -v
复制代码


  • 生成自己的第一篇博客(初始化)

  • 首先,选择\新建 一个文件夹,然后进入到该目录中。该目录将作为自己的博客根目录(如果在搭建过程中,出了什么错误,直接可以把这个目录干掉,重头再来)

  • 初始化博客


hexo init
复制代码


此时,我们就可以通过如下命令生成本地测试链接在浏览器中查看了

# 博客中默认为我们生成了一篇 Hello Worldhexo s
复制代码


新建一篇博客文章

hexo n "我的第一篇博客"# 该命令会默认将文章新建在 source/_posts目录下,我们可用以下命令进入该目录cd source/_posts# 然后,我们打开刚新建的文章,编辑内容保存后,退回到博客根目录cd ../..
复制代码


生成一下该博客

hexo g# 生成完毕后,你就可以启动一下,在浏览器查看hexo s
复制代码


到这儿,我们的 hexo 的博客已经搭建完成

  • 部署到 Github

  • 由于很多小伙伴没有自己的云服务器,所以我们就先将自己的博客部署到 GitHub 上(国内不翻墙访问,网站的加载速度会很慢,但是它免费啊)

  • 第一步:在 Github 上新建一个仓库,仓库的命名必须为 Github用户名.github.io,就比如 LiangSir-67.github.io

  • 第二步:安装 Git 部署的插件,在本地博客根目录安装

cnpm install --save hexo-deployer-git
复制代码
  • 第三步:配置 hexo(博客根目录下的_config.yml

# 在配置文件中找到deploy,进行配置deploy:  type: git  # repo 配置自己上面新建的GitHub仓库地址,举例如下。  repo: https://github.com/LiangSir-67/LiangSir-67.github.io.git  # branch 配置仓库的具体分支,此时我们只有一个master分支,可忽略不写。  branch: master
复制代码
  • 第四步:将博客部署到远端仓库

hexo d # 此过程会要求你输入你Github的用户名和密码,依次输入即可
复制代码
  • 第五步:刷新 GitHub 仓库,查看是否成功将博客推到了远端,并用你的 仓库名 访问博客,查看是否能够访问成功。

  • hexo 官方文档:https://hexo.io/zh-cn/docs/

  • 补充:每次重新部署到 Github 时,建议先 clean 一下

# 清理hexo clean# 生成hexo g# 部署hexo d
复制代码

三、总结

  • 对于 git、node.js 有基础的小伙伴来说,搭建起来可能也就是一会会儿的时间,但是对于没接触的小伙伴来说,可能要费比较大的功夫才能顺利搭建。

  • 根据以上教程,简单的个人博客就搭建完成了,此教程是无坑式的,本人亲测有效。

  • 后续,大家可根据自己喜好自行百度 hexo 博客主题,进行更换。

  • 有问题,可以一起跟我交流哦!

发布于: 刚刚阅读数: 3
用户头像

梁歪歪 ♚

关注

时间带走了年少轻狂,无知沉淀了冷暖自知。 2021.07.22 加入

互联网行业摸爬滚打的Java后生一枚,希望在InfoQ能够充实自己的同时,结识更多大牛。 关于文章,希望大佬们多加指正建议,觉得对你提供了帮助,可以点赞收藏,我在评论区等你们哦~

评论

发布
暂无评论
Hexo + Github从零搭建个人博客_Hexo_梁歪歪 ♚_InfoQ写作社区