这篇文章上次修改于 566 天前，可能其部分内容已经发生变化，如有疑问可询问作者。

记录一下hexo搭建过程

写在前面

我自己捯饬了很久才发现ParticleX作者有很详细的教程

https://argvchs.github.io/page/2/

现我已换为Hingle主题，简约而不简单，我很喜欢

教程 GitHub仓库

以下内容仅作个人记录

使用hexo框架

hexo搭建起来非常方便，真的太好用啦

0基础萌新推荐一下这个视频：保姆级Hexo+github搭建个人博客

视频后面运行hexo d发布到GitHub仓库的时候不需要做那么多工作

因为已经绑定了ssh key所以是可以直接更新到GitHub的

（一直提交失败是因为GitHub有时候要梯子

hexo基本指令介绍

# 清除网页
hexo cl
# 生成网页
hexo g
# 网页本地发布
hexo s
# 网页提交到GitHub
heox d

使用ParticleX主题

现我已换为Hingle主题，简约而不简单，我很喜欢

教程 GitHub仓库

主要是ParticleX加载很花时间（这可能就是因为好看而付出的代价吧），不太适合经常访问

仓库地址：Hexo-Theme-ParticleX

  • 1.ParticleX主题的基本搭建

    按照仓库的readme配置好基本网页（主题安装+关闭 Hexo 自带 highlight）

    然后在_config.yml里面找到theme: 改为theme: ParticleX

    注意：yml文件的冒号后面都有一个空格！！！！

    依次运行

    hexo cl
hexo g
hexo s

  • 2.ParticleX主题的基本使用

    生成categories、about、tags

    hexo new page categories
hexo new page about
hexo new page tags
hexo new post first

    然后就可以在source文件中发现如下文件结构

    |---source
    |---_posts        #每一篇帖子的内容
    |---about        #about点开之后的内容
    |---categories
    |---tags

    categories和tags不用管，会自动生成

    about和_posts都是md文件格式

    hexo new post <post-name>会在_posts中再生成一个md文件（<post-name>为文件名

    post文件开头示例：

    title: first
date: 2022-09-27 19:52:59
tags: 
  - 测试
categories:
  - 踩坑
description: "界面终于正常啦"

    背景、图标、评论配置参阅原仓库readme中：配置文件说明

    tips：图标有两个元素，一个是name，一个是theme，在图标官网可以查阅

    ​ 比如GitHub图标的theme是brands

  • 3.ParticleX主题的进阶配置

    原作者已经有了教程我也不过多赘述：https://argvchs.github.io/2022/04/17/hexo-blog-3/

    包含live2d、鼠标点击特效、流星背景特效、鼠标指针特效

    live2d我最后使用了这个教程：https://haremu.com/p/205

Q&A

  • Permission denied

    hexo s
INFO  Validating config
FATAL Permission denied. You can't use port 4000.

    本以为是其他进程占用了4000端口，所以只要换个端口就行了hexo s -p 5000，然后就能用了

    不过后来查了查，Hexo使用localhost:4000不能进行本地预览，发现4000端口没人用

    最后还得是国外论坛net stop winnat只要以管理员身份运行net stop winnat，net start winnat即可