记录一下hexo搭建过程
写在前面
我自己捯饬了很久才发现ParticleX作者有很详细的教程
https://argvchs.github.io/page/2/
现我已换为Hingle主题,简约而不简单,我很喜欢
又找到一个好看的主题reimu,二次元才对味嘛
以下内容仅作个人记录
使用hexo框架
hexo搭建起来非常方便,真的太好用啦
0基础萌新推荐一下这个视频:保姆级Hexo+github搭建个人博客
视频后面运行
hexo d
发布到GitHub仓库的时候不需要做那么多工作因为已经绑定了ssh key所以是可以直接更新到GitHub的
(一直提交失败是因为GitHub有时候要梯子
hexo基本指令介绍
1 | # 清除网页 |
使用ParticleX主题
现我已换为Hingle主题,简约而不简单,我很喜欢
主要是ParticleX加载很花时间(这可能就是因为好看而付出的代价吧),不太适合经常访问
仓库地址:Hexo-Theme-ParticleX
1.ParticleX主题的基本搭建
按照仓库的readme配置好基本网页(主题安装+关闭 Hexo 自带 highlight)
然后在
_config.yml
里面找到theme:
改为theme: ParticleX
注意:yml文件的冒号后面都有一个空格!!!!
依次运行
1
2
3hexo cl
hexo g
hexo s2.ParticleX主题的基本使用
生成categories、about、tags
1
2
3
4hexo 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
|---tagscategories和tags不用管,会自动生成
about和_posts都是md文件格式
hexo new post <post-name>
会在_posts中再生成一个md文件(<post-name>
为文件名post文件开头示例:
1
2
3
4
5
6
7title: 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
3hexo 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
即可