前言
开始想写博客的初衷是为了梳理自己的思绪,更好的思考总结。
很多博客平台注册一个自己的博客很简单,但是无奈你需要接受平台各种限制和审核,以及对你博客页面的广告植入
而自己搭建不会像平台那样有各种审核限制 🚫,也不会有烦人的广告植入,总的来说就是更加自由自在。重要的是有免费的羊毛为什么不薅,于是经过自己的几番折腾 ➡️➡️ 产生了一条广告: 我的个人博客 😎
下面向大家分享一下如何使用 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 中有很多好看的主题,可以在官网主题进行选择,参考官网主题配置进行安装部署.
本篇免费搭建个人博客的指南完结,如有错误,请不吝指出。