使用 Hexo 搭建个人博客

发布于 2020-06-13  101 次阅读


今天尝试弄个 Hexo 来玩玩,没想到坑还不少 非洲人日常

对就是右边那货 ➡️

官方网站

GitHub 链接

心酸搭建路

一、缘起

这事还得从一只蝙蝠🦇说起

正好突然想起了 GitHub Page 这个好东西

emmmmm其实就是这么简单

为什么会选择 Hexo 而不是其他的?

WP 对于我来说过于臃肿,而且装一套 PHP 环境对我的小硬盘不太友好
(我说我不知道其他的你会不会打死我)

虽然我还是换成了 WordPress

二、环境安装

Node.js

先从 官网 上下载你的平台的安装包,下载完成运行,无脑下一步即可

在 macOS 上的安装器

安装完成后,输入 <code>node -v</code>`<code> 和 </code>`<code>npm -v</code> 检测是否能正确输出版本号

版本号不重要

Hexo 安装

⚠️⚠️⚠️ 对于某些发行版 Linux 用户,例如 macOS,下面的部分命令需要在前面加入 sudo 才能正确执行 ⚠️⚠️⚠️

首先先下载 Hexo 程序

npm install -g hexo-cli

由于众所周知的原因,下载可能会比较缓慢,请自行寻找解决办法 关键词 GitHub 加速下载

接下来创建你的博客

hexo init Hexo

cd Hexo

对于 hexo init Hexo 提示权限不够的情况,推荐使用下面一种办法创建,不然后面文件权限有问题

mkdir Hexo
cd Hexo
hexo init

Hexo可以换成你喜欢的名字

三、开始你的创作

先输入以下指令运行一下 Hexo

hexo s

如果一切正确的话,你将会看到如下输出

INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

打开你的浏览器,输入 http://localhost:4000 这个网址,你就能看到属于你自己 Blog 了

现在先按 Control + c 停止服务端

紧接着输入 hexo new {你的文章标题} 来新建一篇文章

如果没有报错的话,在 source/_posts 目录下,会有一个名为 {你的文章标题}.md 的文件,打开它,遵循 MarkDown 的规则编写你的文章

如果你不会 MarkDown 的话,可以参考 这篇文章

四、发布你的博客

此步骤可能需要初中英语水平,或自备浏览器翻译插件

首先注册一个 GitHub 账号 直达链接

按照页面提示填写相关信息

然后打开 这个链接 新建一个库

蓝色框内必须和图片一致

绿色框内填入 xxx.github.ioxxx 可以换成你的网站名字,今后就是用这个名字来访问你的网站,后续教程代码中所有 xxx.github.io 需要换成你设置的名字


打开 Hexo 根目录下的 _config.yml 的文件,拉到最下面,找到这样一段

deploy:
  type: 

将其修改成这样

deploy:
  type: git
  repository: https://github.com/{你 GitHub 的用户名}/{xx.github.io}.git
  branch: master

只需要修改花括号 {} 中的内容即可,其他部分不需要修改

回到命令行,执行以下代码

npm install hexo-deployer-git --save
hexo clean &amp;&amp; hexo g &amp;&amp; hexo d

等待一会后他会提示你输入账号密码,输入你的 GitHub 的账号密码即可

执行完成后,访问 xxx.github.io 就可以看到你的文章了

后续更新只需要重复第三步,然后执行 hexo clean && hexo g && hexo d 即可

Enjoy Your World !

未完待续,后续更新扩展内容(主题,插件等)


啥都不会,还笨