2024-12-28-201604我去这应该是最满意的一版了:)
xingwangzhe/hexo-theme-wang: 一个简约的hexo主题

主题介绍

hexo-theme-wang

一个基于hexo的简约的暗色主题
hexo-theme-wang

alt text
alt text

i18n:zh-CN,zh-TW,zh-HK,en

我的站点:https://xingwangzhe.fun

在此感谢

Copilot提供的样式帮助
hexo-theme-landscape官方的hexo主题模板结构
Mozila的文档
最不感谢改了三版的自己

如何使用

  1. gitclone本仓库到你的hexo主题文件夹下
1
git clone https://github.com/xingwangzhe/hexo-theme-wang.git

或者使用npm安装到hexo的依赖中

1
npm install hexo-theme-wang
  1. 在hexo更目录下的_config.yml中更改使用主题
1
theme: hexo-theme-wang
  1. 运行hexo s 查看效果

主题配置文件说明(示例)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
## 主题配置文件,图片路径都是在主题文件夹下的source文件夹下
### 额外的<head>标签内插入内容,你可能会需要插入一些第三方的js库,例如统计代码等
head:
'<script>
console.log("Hello hexo-theme-wang");
</script>'

## 头像配置
avatar:
src: images/avatar.webp #头像路径
isround: true #是否是圆形

## 导航栏菜单 用 || 隔开,前面是菜单名称,后面是图标名称,位置在source/images/menu_ico
menu:
Home: / ||home
Archives: /archives ||archives
Categories: /categories || categories
Tags: /tags || tags
About: /about || about
Links: /links || links
RSS: /atom.xml || rss ##需要安装 hexo-generator-feed
Travelling: https://www.travellings.cn/go.html || train

## 展示社交媒体链接 前面是名称,后面是图标名称 位置在source/images/social_links
social_links:
Github: https://github.com/xingwangzhe || github
Email: mailto:xingwangzhe@outloock.com || envelope


# 需要安装hexo-generator-searchdb
search:
enable: false # 是否启用搜索功能
path: /search.xml # 添加前导斜杠,表示从网站根目录开始

## 时间是否显示秒
time:
show_seconds: true


## Waline评论,需要设置serverURL,详情请访问Waline官网:https://waline.js.org
comments:
enable: false # 是否启用评论功能
serverURL: ''

## 友链,需要设置name,link,img,description
friend_links:
- name: 姓王者
link: https://xingwangzhe.fun/
img: https://i.ibb.co/vLC0cft/202406212107148.jpg
description: 记录学习生活的琐事,或技术文章
- name:
link:
img:
description:

## 底部链接,需要设置name,link,img
footer_links:
- name: 开往-友链接力
link: https://www.travellings.cn/go.html
img: https://www.travellings.cn/assets/logo.gif
- name: 阿里云支持
link: https://www.aliyun.com/minisite/goods?userCode=lmvvqvl9
img: https://i.ibb.co/h7XJkfm/LOGO.png
- name: 大佬论坛
link: https://www.dalao.net/
img: https://www.dalao.net/img/dalao-svg.svg
- name: BlogFinder
link: https://bf.zzxworld.com/
img: https://bf.zzxworld.com/images/logo-v2.png
- name: 2024-10-29-133009
link: https://storeweb.cn/
img: https://i.ibb.co/tc0z0Y5/2024-10-29-133009.png
- name: 空间穿梭-随机访问BlogsClub成员博客
link: https://www.blogsclub.org/go
img: https://www.blogsclub.org/images/shuttle_4.png

## 底部文字链接,需要设置name,link
footer_links_text:
- name: 文字链接
link:

最后,祝您使用愉快!

呕心沥血

还好有ai,在设计样式上避免了重复劳动,还顺便学了一些技巧,不过有些资料太过老旧,可能也是因为html标准十多年都没大更新了吧

折腾了这么长时间,也该歇歇了,过几天就到2025年了,我想,是时候该写年终总结了…