使用Hexo搭建博客

使用Hexo搭建博客

S1eepy Amon OSCP Certified
  2023-11-12 15:22:57 2023-11-12 15:22:57 Created   2023-11-23 22:06:23 2023-11-23 22:06:23 Updated      1.7k Words  6 Mins  

前言

从大二学会搭博客起这已经是第三次迁移博客了，天天重启博客起始也没啥特别的原因，一方面是长时间没写博客了和前面衔接不上让我这强迫症癌感觉不太舒服，另一方面总是想着这次搭起来要把各方各面都做完善，其实现在想想做到完善哪有那么容易，还是好好培养自己写博客的习惯，慢慢把一个博客养好才是正道

其实以前想过自己写一些效果，但是后来发现这个学习成本还是有点高，时间上不太允许，所以就暂时长久的放入todolist中吧（乐）

Hexo+Github Pages+Redefine搭建博客

为什么选Hexo

当然是因为之前用的也是hexo啦

开个玩笑，选择搭静态博客主要是因为这些原因：一是写个博客没那么多需要交互的东西，静态搭起来就比较简单省事；二是静态博客比较安全，不容易被日，比较省心；三是操作管理比较简单，直接markdown就能写，GitHub就能托管（懒狗自然是最看重便捷性了）

至于选择Hexo倒没啥特别的原因，只是最开始s0uthwood师傅搭博客的时候用的hexo，跟着学的就是hexo罢了，其他如Hugo应该也与之类似，具体可以参考优雅疯姿态的博客

环境准备

Git

Git主要用来进行托管我们的博客，当然自己买个域名开个云服务器然后扔到web目录下也是可以（但是哥们没钱），所以只能就这么用喽

Linux和Mac下安装git都不算困难，直接apt install git或者brew install git就可以

Windows下安装git需要到官网 去安装，鼠标点点就行（怎么添加到环境变量就不讲了，搜搜就有）

在命令行输入git有回显就是装好了

nodejs/npm

Hexo是基于nodejs开发的，因此系统上必须要有nodejs环境，npm是一个nodejs的包管理工具，个人理解类似于python的pip

Linux和Mac下同样简单apt install nodejs npm和brew install nodejs npm

Windows下载nodejs还需要去官网 ，下载自带npm

在命令行输入node -v和npm -v有回显就是装好了

Hexo

有了npm，安装hexo就简单了，打开命令行npm install hexo-cli -g，再安装部署插件npm install hexo-deployer-git --save

在命令行输入hexo有回显就是装好了

搭建博客

基础搭建

首先放一个官方文档 在这里，真遇到不会的可以去查一手

接下来详细介绍以下搭建的流程

第一步初始化一个博客的文件夹

1
2
3
mkdir hexo # 创建文件夹
cd hexo    # 进入文件夹
hexo init  # 把文件夹初始化为博客根目录

嗯其实就没了，到这博客已经创建好了，剩下的就是配置和写博客的事情了，当然还是要预览一下看一眼我们的博客

1
hexo server # 或者直接`hexo s`

该命令会在本地4000端口开启一个http服务，我们直接在浏览器访问127.0.0.1:4000即可预览我们的博客

主题选择

经历了三次博客迁移，我发现大道至简，只要主题长得漂亮，文档写的清晰，同时还在积极更新，基本上就是一个很好的博客主题了，放一个hexo的主题页面 在这

这次我的选择是Redefine 这个主题，文档清晰，在GitHub上提issue也很快有回复，推荐

总体来说主题的配置直接参考主题官方文档 就行，没啥特别需要说的

博客撰写

终于终于可以开始写博客了，虽然说起来这点比主题选择要重要一点，但是从配置流程上来说还是先配置主题再去写博客会好一些（毕竟不同主题对md的编写可能也存在一定区别）

先简单介绍以下写博客的流程，基本上就是 hexo new hexo g hexo s hexo d 下面挨个介绍几个命令

第一步是新建一篇文章，在博客根目录（之前mkdir的文件夹）下执行下面命令

1
hexo new page --path <Category>/<FileName> "BlogTitle"

新建的文章会出现的路径是source/_posts/Category/NewBlog.md，之后就可以去写博客了

写完博客之后需要将markdown生成静态html页面，在博客根目录执行命令如下

1
hexo g

执行后会生成出html页面，其位置在public/<year>/<month>/<day>/<category>/<filename>下，当然这个页面只是一个单纯的html，其他的css等配置同样在public目录下

第三步就是预览我们的博客，在博客根目录执行下面命令，进入127.0.0.1:4000即可看到我们博客的预览图

1
hexo s

最后，发布我们的博客到github pages（需要先把下面的GithubPages配置完成）

1
hexo d

发布到Github Pages

在发布之前，需要先对本机和git仓库做一些配置，主要是本机git配置、ssh密钥授权、git博客仓库创建三个部分

在本机装好git后，需要对本机的git进行简单配置，在命令行输入下面命令即可

1
2
git config --global user.name "你的Github用户名"
git config --global user.email "你的Github邮箱"

然后进行ssh密钥授权，首先需要在本机生成ssh密钥

1
2
3
4
ssh-keygen -t rsa # 使用rsa加密算法生成密钥，一路回车

cat ~/.ssh/id_rsa.pub # linux/mac下查看公钥文件
type C:\Users\<Username>\.ssh\id_rsa.pub # Windows下查看公钥文件

把 cat/type 的结果放到github上 Settings SSH and GPG keys New SSH Key 即可，这样就可以直接推送到github页面而不需要输入口令了

最后需要在git新建一个存放静态博客的仓库，仓库名为 <GithubUsername>.github.io，并在自己博客根目录下找到 _config.yml进行配置，配置如下

1
2
3
4
deploy:
  type: git
  repo: git@github.com:你的用户名/你的用户名.github.io.git
  branch: master

至此，可以开始自己快乐的博客撰写之旅了

后记

完结撒花，这篇博客总体来说偏向于记录一下流程，很多细节上比较简略，也不太清楚其他朋友们看起来怎么样，如果你有幸读到这篇博客，那么可以在下面评论区留下你宝贵的观后感~

本来搭完博客的第一件事就是简单记录一下，结果硬是拖了一周才写完这篇博客，希望后续博客可以记得时常更新（笔记存货还不少，反正慢慢复习知识点吧）

  • Title: 使用Hexo搭建博客
  • Author: S1eepy Amon
  • Created at : 2023-11-12 15:22:57
  • Updated at : 2023-11-23 22:06:23
  • Link: https://s1eepy-amon.github.io/2023/11/12/BlogBuild/Hexo/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments
On this page
使用Hexo搭建博客
  1. 前言
  2. Hexo+Github Pages+Redefine搭建博客
    1. 为什么选Hexo
    2. 环境准备
      1. Git
      2. nodejs/npm
      3. Hexo
    3. 搭建博客
      1. 基础搭建
      2. 主题选择
      3. 博客撰写
      4. 发布到Github Pages
  3. 后记