怎样使用Hexo制作个人博客(1)？

前言

一切的开始是在6月份。是的，我折腾到了现在才折腾好（你现在知道这个框架的一些功能和网上的一些大佬都是群坑货了吧？）。当初我是学着CodeSheep的视频做的，但是坑就坑在UP主电脑是Mac系统，而我是Windows，一些命令行指令不一样！这就要了老命了，我不是说UP主是坑货，但是没有Mac的电脑小白真的会一脸懵！我只好一边翻阅官方文档，一边在如浊流一般的CSDN文章中获取有用的内容。

⚠️注意：网站部署后本地是不需要运行服务器的，那是测试用的。有Mac的就跟着UP做就行了，Windows就得继续往下看了。

这边就想吐槽CSDN了！先不提网站广告、强制用户登录以及内容有效性，几个博主的文章压根就一样，完全是抄的。转载声明往文末一塞，鬼才看得清，我想只有写的人才能知道有这么一行字了吧！

花了两天实践终于一气呵成做好了Hexo的博客，一切心酸困难都值了。下面我将梳理Hexo的使用，以及部署时遇到的那些坑。在网上，许多资料都有一些误导性，包括官方文档也有许多无效果的措施。

接下来的内容包括：

  • 我们为什么要做个人博客？
  • 如何使用Hexo
  • 更换Hexo主题

我们为什么要写博客？

一个博客网站就像是一类杂志，而作者就是编辑。当编辑编写了正能量的内容，鼓舞指导了陌生人并且得到了夸赞时，是无比喜悦的。而且写博文的过程，就是梳理知识点的过程。暂且不说在编写时知识点早已得到了加深，事后翻阅查找也会十分方便。网站部署在了GitHub上，只要网站不倒闭，到宇宙爆炸你的博客网站都会在。而且当你化身为一个前辈通过博文指导后辈时，内心一股自豪也会油然而生，哪怕文章没人阅读。

写博客就像当今发朋友圈，同样是记录。但是博客文章内容往往更加丰富，而且在编写时作者往往更加沉浸专注。

Hexo的使用

  1. 首先在Node.js官网下载Nodejs，版本最新LTS（Long-time Support 长期支持）即可。（一般一直继续即可，请注意标记部分文字，确保npm下载。）

  2. 在任意目录创建任意名字文件夹用来存放文件，推荐名称Blog。

  3. 在目录下右键在目录下运行CMD，在接下来操作中，请确保在博客文件目录下，即确保括号内内容与博客根目录一致。

cmd

  1. 使用npm包管理器下载Hexo。
npm install -g hexo-cli
  1. 请确认Hexo已被正确下载，如果成功，则会弹出相应版本。
hexo -v
--------------------
hexo: 7.2.0
hexo-cli: 4.3.2
  1. 在已创建的文件夹中运行如下指令，这将初始化博客。如果一切正常，博客文件已经准备就绪。

❗你应该确保计算机已安装Git，Git官网。

hexo init
-----------------------------------------------------------------------------
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO  Install dependencies
INFO  Start blogging with Hexo!

其中， _config.yml为站点配置文件夹，不可以随意更改，以后会经常使用。themes用于存放服务器的主题资源。source存放文章以及页面。scaffolds为生成的静态服务器文件。public为安装的库。

  1. 按序运行以下指令。
hexo clean # 整理文件

INFO  Validating config
INFO  Deleted database.

hexo g # 生成资源
INFO  Validating config
INFO  Start processing
INFO  Files loaded in 296 ms
INFO  Generated: archives/index.html
INFO  Generated: archives/2024/07/index.html
INFO  Generated: index.html
INFO  Generated: css/style.css
INFO  Generated: js/jquery-3.6.4.min.js
INFO  Generated: fancybox/jquery.fancybox.min.js
INFO  Generated: js/script.js
INFO  Generated: fancybox/jquery.fancybox.min.css
INFO  Generated: archives/2024/index.html
INFO  Generated: css/images/banner.jpg
INFO  Generated: 2024/07/09/hello-world/index.html
INFO  11 files generated in 356 ms

hexo s # 启动服务

INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.
  1. 下面你就可以在浏览器中打开网页了，博主的端口为4000，按Ctrl+C停止服务。预览

更换Hexo主题

  1. 你需要前往Hexo主题官网获取主题文件，这里以
    1. 打开Hexo主题文件官网。
    2. 选择主题文件

Q&A

Q1:为什么我部署时会报错？

Please make sure you have the correct access rights
and the repository exists.
FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html
Error: Spawn failed
    at ChildProcess.<anonymous> (C:\blog\node_modules\hexo-deployer-git\node_modules\hexo-util\lib\spawn.js:51:21)
    at ChildProcess.emit (node:events:519:28)
    at cp.emit (C:\blog\node_modules\cross-spawn\lib\enoent.js:34:29)
    at ChildProcess._handle.onexit (node:internal/child_process:294:12)

如果出现如上错误，请检查你后台的代理服务并关闭（例如Watt Toolkit）(如果你需要代理才能上Github的话)。