可搜索,可注册,可登录,致敬逗比大佬!尽在救援版逗比根据地 dbgjd.com
投稿文章 | 广告合作 | Telegram 群组 / 公告频道 / 使用教程

写了个 Hexo 主题 hexo-theme-XvA

News johng1969 179℃ 0评论

之前博客用的主题是移植自 Typecho 的 Maupassant 主题,简洁,也挺好看,就是有点略显单调暑假也有点闲 于是就有了自己写一个适合自己的主题的想法。

折腾了下就有了现在我用的这个主题 XvA 名字瞎起的没啥含义

特性

  • 自适应屏幕的大小
  • disqus 支持,还加上了 lazyload
  • gitalk 支持
  • 夜间模式
  • 回到最顶按钮
  • 自动生成友链页面(这个当时折腾了我好久 QAQ)

以下内容就是 Github 的 README

写了个 Hexo 主题 hexo-theme-XvA

写了个 Hexo 主题 hexo-theme-XvA 写了个 Hexo 主题 hexo-theme-XvA 写了个 Hexo 主题 hexo-theme-XvA 写了个 Hexo 主题 hexo-theme-XvA 写了个 Hexo 主题 hexo-theme-XvA

一个简单的 HEXO 主题

Contents 目录

Install 安装

1
2
3
git clone https://github.com/johnpoint/hexo-theme-XvA themes/XvA
cd themes/XvA
cp _config.example.yml _config.yml

Configuration 配置

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
# 导航栏
menu:
Home: /
Archives: /archives

post_copyright:
enable: false
author:
copyright_text: 本作品采用<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">知识共享署名-相同方式共享 4.0 国际许可协议</a>进行许可。

loading: false
totop: true
fancybox: true
sitesince: #页脚版权信息,年份 Footer copyright information, filled in the year

# 侧边栏
# sidebar
widget:
tag:
enable: false
count: 10
friends: # 友情链接 Links
enable: false

# Links
# 友情链接
friends:
pagetitle:
list:
- title: # 标题
img: # 头像 Avatar
url: # 链接地址
desc: # 简介 description
sidebar: false # 显示在侧边栏 Displayed in the sidebar
page: false # 在独立页面显示 Displayed on a separate page


# 评论 二选一
# pick one of two
comment:
disqus:
enable: false
shortname:
lazyload: false
gitalk: # See https://github.com/gitalk/gitalk#Install
enable: false
owner:
repo:
oauth:
client_id:
client_secret:
admin:
# - johnpoint

# 网站统计
analytics:
google:
enable: false
id: #UA-xxxxxx-x
busuanzi: # 不蒜子网站统计
enable: false
text:
head: # 描述 示例:本站访客数 Example: view
end: # 描述 单位 示例:人次 Example: times
# 效果: 本站访客数 233 人次
# effect: view 233 times

tagscloud:
color:
enable: false
start: # Start color. You can use hex (#b700ff), rgba (rgba(183, 0, 255, 1)), hsla (hsla(283, 100%, 50%, 1)) or color keywords. This option only works when color is true.
end: # End color. You can use hex (#b700ff), rgba (rgba(183, 0, 255, 1)), hsla (hsla(283, 100%, 50%, 1)) or color keywords. This option only works when color is true.
text:
min: 20 # 最小字体大小 Minimal font size
max: 40 # 最大字体大小 Maximum font size
unit: px # 字体尺寸单位 Unit of font size

Demo 演示

TODO 待实现

  • 侧边栏友情链接
  • disqus
  • google analytics
  • 文章版权声明
  • highlight.js 代码高亮
  • 独立友链页面
  • 独立标签云
  • 添加不蒜子访客统计
  • disqus lazyload
  • 修复手机部分字体不兼容
  • 图片窗口内打开
  • 回到顶部
  • 加载进度条
  • 夜间模式
  • 代码高亮优化
  • 侧边目录优化
  • Gitment Gitalk 支持
  • 添加动画效果
  • 不蒜子阅读量统计
  • 多语言支持
  • 一言 支持

Thanks 致谢

LICENSE 许可协议

GNU General Public License v3.0

转载请注明:逗比根据地 » 写了个 Hexo 主题 hexo-theme-XvA

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址