如何使用GitHub+Hexo免费搭建博客


前言

开始想写博客的初衷是为了梳理自己的思绪,更好的思考总结。
很多博客平台注册一个自己的博客很简单,但是无奈你需要接受平台各种限制和审核,以及对你博客页面的广告植入
而自己搭建不会像平台那样有各种审核限制 🚫,也不会有烦人的广告植入,总的来说就是更加自由自在。重要的是有免费的羊毛为什么不薅,于是经过自己的几番折腾 ➡️➡️ 产生了一条广告: 我的个人博客 😎

下面向大家分享一下如何使用 Hexo+Github 搭建属于自己的免费博客,同时看到这边文章的你在搭建的过程中如果有任何问题,也可以向我留言或者私信 📧,大家一起交流讨论。

什么是 Hexo

Hexo 是一个快速、简单且功能强大的博客框架。你用 Markdown(或其他标记语言)写帖子,Hexo 会在几秒钟内生成带有漂亮主题的静态文件。

搭建环境准备

安装 Git

Windows:下载并安装 git
Mac:可以使用 homebrew 进行安装,或者 git
linux(Ubuntu, Debian): sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS): sudo yum install git-core
(安装后在终端输入 git version,显示版本号即安装成功)

安装 node.js

传送门:node.js
安装选项全部默认,一路点击 Next。
安装成功后打开终端依次输入 node -v 和 npm -v,如果出现版本号就说明安装成功了。
终端

安装 Hexo

搭建环境准备好后,使用 npm 安装 Hexo:

npm install -g hexo-cli

在终端输入 Hexo -v 验证是否安装成功

然后就可以正式搭建我们的博客了,首先在终端输入 mkdir blog 建一个新的文件夹(我们后面的所有操作都会在这个文件夹中,所以不用担心后面搭建过程中有什么错误问题,实在不行就删掉这个文件夹重来

初始化博客

hexo init <folder>
cd <folder>
npm install

然后就可以启动我们的博客了,启动命令:

hexo s

终端
然后打开浏览器,访问上图红圈的地址,就可以看到你的博客其实已经搭建好了.

发一篇新文章

hexo n "文章标题"

此时会在 source/_posts 目录下生成文章题目.md 文件,输入些许内容,然后保存.
依次执行以下命令预览效果:

hexo clean
hexo g
hexo s

访问 localhost:4000 即可
或者也直接可以在 source/_posts 下新建一个.md 文件

配置博客

你可以在文件目录_config.yml 中修改大部分配置
或者可以参考 Hexo 官方配置文档

到这里我们的博客在本地就已经搭建好了,但是我们还需要别人可以访问你的博客,所以现在把它部署到 GitHub 远端,这样别人就也可以访问你的博客了

部署到 Github

如果没有 GitHub 账号请注册一个
创建一个 github 账户名.github.io 的 public 仓库(如果你的 GitHub 账户名是 aa,创建的仓库名则为 aa.github.io)
安装 hexo-deployer-git:

npm install hexo-deployer-git --save

网站配置 git:
找到文件名为_config.yml中的 deploy

deploy:
  type: "git"
  repo: <你的仓库地址>
  branch: <所在分支>

部署

hexo d

d 是 deploy 的简写
部署之后,以后在浏览器中输入仓库名就可以在远程访问了

hexo 常用命令

hexo n: "文章标题":创建一篇新博客
hexo clean: 清除缓存文件 ( db.json) 和生成的文件 (public)
hexo g: 部署前生成
hexo s: 启动本地服务器,默认情况下,http://localhost:4000/
hexo d: 部署到网站

这里建议不管是创建编辑新博客还是修改一些配置内容之后,都希望你按照上图顺序执行上图命令 2、3、4、5。 在执行$ hexo s 命令后可以先在本地的 http://localhost:4000/端口预览,然后确认无误在执行$ hexo d 部署到网站

主题

Hexo 中有很多好看的主题,可以在官网主题进行选择,参考官网主题配置进行安装部署.

本篇免费搭建个人博客的指南完结,如有错误,请不吝指出。


文章作者: Burton
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Burton !
  目录