天依再吃俩包子(๑>⌔<๑)8

记录一下hexo搭建过程

写在前面

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

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

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

教程 GitHub仓库

又找到一个好看的主题reimu,二次元才对味嘛

以下内容仅作个人记录

使用hexo框架

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

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

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

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

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

hexo基本指令介绍

1
2
3
4
5
6
7
8
# 清除网页
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文件的冒号后面都有一个空格!!!!

    依次运行

    1
    2
    3
    hexo cl
    hexo g
    hexo s
  • 2.ParticleX主题的基本使用

    生成categories、about、tags

    1
    2
    3
    4
    hexo new page categories
    hexo new page about
    hexo new page tags
    hexo new post first

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

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

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

    about和_posts都是md文件格式

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

    post文件开头示例:

    1
    2
    3
    4
    5
    6
    7
    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

    1
    2
    3
    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 winnatnet start winnat即可