Argon – 轻盈、简洁、美观的 WordPress / Hexo 主题

Argon – 一个轻盈、简洁、美观的 WordPress / Hexo 主题

Argon 处于缓慢维护状态，随缘更新。

特性

轻盈美观 – 使用 Argon Design System 前端框架，细节精致，轻盈美观
高度可定制化 – 可自定义主题色、页面布局、顶栏、侧栏、Banner、背景图、日夜间模式不同背景、背景沉浸、浮动操作按钮等，提供了丰富的自定义选项
夜间模式 – 支持日间、夜间、纯黑三种模式，并可以根据时间自动切换或跟随系统夜间模式
功能繁多 – Tag 和分类统计、作者链接、额外链接、文章字数和预计阅读时间、文章过时信息显示
Pjax – 支持 Pjax 无刷新加载，提高浏览体验
友情链接 – 支持使用 WordPress 自带的链接管理器进行友链管理，支持多种友链样式
“说说” 功能 – 随时发表想法，并在专门的 “说说” 页面展示，也支持说说和首页文章穿插
评论功能扩展 – Ajax 评论，评论支持 Markdown、验证码、再次编辑、显示 UA、悄悄话模式、回复时邮件通知、查看编辑记录、无限加载等功能
诸多功能 – 文章目录、阅读进度、Mathjax 或 Katex 公式解析、图片放大预览、Pangu.js 文本格式化、平滑滚动等
丰富的短代码 – 支持通过短代码在文章中插入 TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块
适配 Gutenberg 编辑器 – 支持使用 Gutenberg 编辑器可视化插入区块
其他 – 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义 CSS 和 JS、支持使用 CDN 加速静态文件访问、SEO 友好、Banner 打字动画、留言板页面等

欢迎提 Issues 和 PRs，欢迎提出建议

Demo

本站应用的即是 Argon 主题 （自定义了背景图片和主题色等）。

另一个 Demo 站点: argon-demo.solstice23.top (可以随意更改并即时预览设置)

短代码效果 Demo

用户墙

前往 Argon 用户墙查看更多博客的主题效果。

安装与更新

安装

在 Github Release 页面下载 .zip 文件，在 WordPress 后台 “主题” 页面上传并安装。

更新

自动更新

Argon 接入了 WordPress 更新机制，当新版本发布后，在 WordPress 后台 “更新” 页面即可更新 Argon。

手动更新

您也可以手动下载新版本主题覆盖旧版本。

文档

Argon-Theme 文档 : https://argon-docs.solstice23.top

讨论

评论区或 Github Discussions (讨论)

Issues (BUG反馈)

版权声明

注意

页面底部的作者可以删除，但必须保留 Argon 主题的链接 （Github 或本文链接）
下面是两个例子：
Theme Argon By solstice23
Theme : Argon

渲染

修改

如果你想加入某个特定的功能（例如在 function.php 中插入一段代码来实现某个功能），推荐使用插件的方式来避免插入的代码被主题更新覆盖。

如果你想修改主题中的某些字符串（例如评论区 Placeholder），Argon 提供了一系列 Filters 来修改主题，欢迎提建议 / PR 来增加更多的 Filter。如果你只是想加入某个特定的功能（例如在 function.php 中插入一段代码来实现某个功能），推荐使用插件的方式来避免插入的代码被主题更新覆盖。

如果想修改主题的文件，推荐使用子主题的方式对 Argon 进行修改，否则主题更新后修改会被覆盖。对于有用的修改，欢迎提 PR。

Telegram 频道

t.me/argontheme

自动推送更新消息以及其他关于 Argon 的消息

更新日志

TODO

最后更新于 2022-3-16 4:45:13

WordPress 版本

这里列举 Argon 将要改善的地方，可能更新不及时。

夜间模式侧栏作者链接 hover 颜色不正常

checkbox 加个 inline 可选属性

timeline 短代码

Wordpress 管理条优化或重写替换

PWA

如果没配置菜单就默认隐藏该菜单

博主评论免验证码

网页背景设置

Android Chrome Toolbar 颜色适配

自定义 Mathjax CDN 地址

Pjax 兼容 WordPress Adminbar

修复后台评论提示验证码错误问题

手机减小文章页面 margin

Pjax 加载失败后取消 nprogress 显示

优化手机 timeline 效果

CSS 去除 article img {image-rendering: pixelated;}

发完评论后给待审评论加上标签加上 “评论需博主审核”灰字提示

style.css 和 function.php 中 argon 名称统一改小写

修 TG 分享的 URL

夜间模式全屏浏览图片取消黑色遮罩

更新文档

修 Pjax 加载后评论框大小不自动调整的 BUG

SEO

必应日图

Github Repo 短代码

增加说说

独立最后编辑时间

评论分页 ajax 适配

加入 video 短代码

文章头图

赞赏二维码

pjax 先出内容再转到顶行

文章预览界面不显示短代码

音乐播放器

重写搜索框

修复评论长度过长时页面底部出现空白的问题

增加检测更新源

其他版本

移植 Argon 主题到 Hexo

Hexo 移植进度

100%

移植到 Typecho（待定）

天乐

Windows Chrome

4周前

2023-10-28 16:09:38

怎么插入一个图标在菜单旁边（主要是搞了个MC服务器的网站），我在WordPress中添加菜单，在“CSS类”中填写对应的图标名了但发布后还是不显示。是要添加哪里还是?
然后请教一下怎么添加评论表情，图片的。我按教程但不会。

匿名

Windows Edge

2月前

2023-9-18 13:09:58

后面还有版本更新计划吗?如果有,有时间点吗?

abb

Windows Chrome

3月前

2023-8-19 22:30:04

请问怎么让文章里的图片居中对齐呀，我在编辑器可以居然，但是发布了就是左对齐了

Bensz

abb

Windows Edge

2月前
2023-9-23 20:21:56
可以在额外CSS里添加：
```
/*正文图片居中显示*/
.fancybox-wrapper {
    margin: auto;
}
```
更多和argon设置有关的特效可见：《Docker系列 WordPress系列特效 – Bensz》。
可以在额外CSS里添加： ```css /*正文图片居中显示*/ .fancybox-wrapper { margin: auto; } ``` 更多和argon设置有关的特效可见：《[Docker系列 WordPress系列特效 - Bensz](https://blognas.hwb0307.com/linux/docker/744)》。

清川拓海

Linux Chrome

3月前

2023-8-11 11:18:02

使用这个主题对服务器的性能有要求么？

Bensz

清川拓海

Windows Edge

2月前
2023-9-23 20:23:38

基本上没有太大的要求。我当时使用的是“苯苯推荐 – Bensz”中的RackNerd-199，博客是用docker搭建的，挺顺滑的。

ETETT

Windows Chrome

已编辑

4月前

2023-8-02 0:11:23

有没有哪位大佬能指点一下怎么添加表情包呀，文档里教的操作试着跟着动手做了一下，一晚上了都没成功，总是说我某一行有问题，我真的不知道这个代码该怎么敲😭

outlook

Android Chrome

4月前

2023-8-01 15:20:09

az，试试好不好用

RRX

Windows Edge

4月前

2023-7-30 18:37:44

video 短代码的bug有很多，我来反馈一下，

打开网页时会先显示设定的首页配色，然后突然加载视频。很突兀。
手机端打开网页，视频会被识别为播放文件（百度会直接切出一个悬浮窗播放它，然后原位置又不显示）
打开博客的一个文章不会加载视频，必须要去首页才能加载视频。
目前就这些了，辛苦了。

q2019715

Android Firefox

4月前

2023-7-17 18:42:47

好用！支持一下。

Beita

Windows Chrome

4月前

2023-7-13 13:52:49

请问下如何添加个校验QQ号真实性的，方便评论在发送时确认QQ号码是否属于本人的。

aegcbx

Beita

Windows Edge

4月前
2023-7-21 18:01:47

别用自带的评论，用waline评论可以支持qq点击登录，我hexo用的就是waline评论，链接： uu.sssu.us
- Beita
  
  aegcbx
  
  Windows Edge
  
  4月前
  2023-7-28 9:48:23
  
  我用的是WordPress建的网站。有这个插件吗。
- - aegcbx
    
    Beita
    
    Windows Edge
    
    4月前
    2023-7-28 13:35:02
    
    目前没有，但是可以试试把主题带的评论关掉然后自行部署使用waline

发送评论编辑评论

天乐

Windows Chrome

4周前
2023-10-28 16:09:38

怎么插入一个图标在菜单旁边（主要是搞了个MC服务器的网站），我在WordPress中添加菜单，在“CSS类”中填写对应的图标名了但发布后还是不显示。是要添加哪里还是?
然后请教一下怎么添加评论表情，图片的。我按教程但不会。

匿名

Windows Edge

2月前
2023-9-18 13:09:58

后面还有版本更新计划吗?如果有,有时间点吗?
abb

Windows Chrome

3月前
2023-8-19 22:30:04

请问怎么让文章里的图片居中对齐呀，我在编辑器可以居然，但是发布了就是左对齐了
- Bensz
  
  abb
  
  Windows Edge
  
  2月前
  2023-9-23 20:21:56
  可以在额外CSS里添加：
```
/*正文图片居中显示*/
.fancybox-wrapper {
    margin: auto;
}
```
  更多和argon设置有关的特效可见：《Docker系列 WordPress系列特效 – Bensz》。
  可以在额外CSS里添加： ```css /*正文图片居中显示*/ .fancybox-wrapper { margin: auto; } ``` 更多和argon设置有关的特效可见：《[Docker系列 WordPress系列特效 - Bensz](https://blognas.hwb0307.com/linux/docker/744)》。
清川拓海

Linux Chrome

3月前
2023-8-11 11:18:02

使用这个主题对服务器的性能有要求么？
- Bensz
  
  清川拓海
  
  Windows Edge
  
  2月前
  2023-9-23 20:23:38
  
  基本上没有太大的要求。我当时使用的是“苯苯推荐 – Bensz”中的RackNerd-199，博客是用docker搭建的，挺顺滑的。
ETETT

Windows Chrome

已编辑

4月前
2023-8-02 0:11:23

有没有哪位大佬能指点一下怎么添加表情包呀，文档里教的操作试着跟着动手做了一下，一晚上了都没成功，总是说我某一行有问题，我真的不知道这个代码该怎么敲😭
outlook

Android Chrome

4月前
2023-8-01 15:20:09

az，试试好不好用
RRX

Windows Edge

4月前
2023-7-30 18:37:44
video 短代码的bug有很多，我来反馈一下，
1. 打开网页时会先显示设定的首页配色，然后突然加载视频。很突兀。
2. 手机端打开网页，视频会被识别为播放文件（百度会直接切出一个悬浮窗播放它，然后原位置又不显示）
3. 打开博客的一个文章不会加载视频，必须要去首页才能加载视频。
  目前就这些了，辛苦了。
video 短代码的bug有很多，我来反馈一下， 1. 打开网页时会先显示设定的首页配色，然后突然加载视频。很突兀。 2. 手机端打开网页，视频会被识别为播放文件（百度会直接切出一个悬浮窗播放它，然后原位置又不显示） 3. 打开博客的一个文章不会加载视频，必须要去首页才能加载视频。目前就这些了，辛苦了。
q2019715

Android Firefox

4月前
2023-7-17 18:42:47

好用！支持一下。
Beita

Windows Chrome

4月前
2023-7-13 13:52:49

请问下如何添加个校验QQ号真实性的，方便评论在发送时确认QQ号码是否属于本人的。
- aegcbx
  
  Beita
  
  Windows Edge
  
  4月前
  2023-7-21 18:01:47
  
  别用自带的评论，用waline评论可以支持qq点击登录，我hexo用的就是waline评论，链接： uu.sssu.us
- - Beita
    
    aegcbx
    
    Windows Edge
    
    4月前
    2023-7-28 9:48:23
    
    我用的是WordPress建的网站。有这个插件吗。
  - - aegcbx
      
      Beita
      
      Windows Edge
      
      4月前
      2023-7-28 13:35:02
      
      目前没有，但是可以试试把主题带的评论关掉然后自行部署使用waline

Year Progress

单向历

新文章

归档

Personal

特性

Demo

用户墙

安装与更新

安装

更新

自动更新

手动更新

文档

讨论

版权声明

渲染

修改

Telegram 频道

更新日志

TODO

WordPress 版本

其他版本

评论

发送评论编辑评论

特性

Demo

用户墙

安装与更新

安装

更新

自动更新

手动更新

文档

讨论

版权声明

渲染

修改

Telegram 频道

更新日志

TODO

WordPress 版本

其他版本

评论

发送评论 编辑评论

推荐文章

发送评论编辑评论