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

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

Github – Argon | 文档 | Hexo 移植版

GitHub

solstice23/argon-theme

solstice23/hexo-theme-argon

从今天开始，Argon 进入缓慢更新状态，只有周末才会处理问题和更新。

特性

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

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

Demo

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

另一个 Demo 站点: argon-demo.solstice23.top

短代码效果 Demo

安装与更新

安装

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

更新

自动更新

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

手动更新

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

文档

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

版权声明

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

渲染

修改

推荐使用子主题的方式对 Argon 进行修改。

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

Telegram 频道

t.me/argontheme

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

更新日志

TODO

最后更新于 2020-9-05 17:30:48

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 短代码

~~更换图片缩放库为 https://github.com/kingdido999/zooming (两套方案，zoomify,zooming)~~

增加说说

独立最后编辑时间

评论分页 ajax 适配

加入 video 短代码

文章头图

赞赏二维码

pjax 先出内容再转到顶行

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

音乐播放器

重写搜索框

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

增加检测更新源

已知 BUG（待修复）

手机端带题图的博文标题过长时显示异常

Font Awesome 5 类名冲突导致 Fab 显示异常

同一 URL # 后的内容不同，Pjax 错误

手机端夜间模式顶部弹出菜单未适配

博客背景与暗色滤镜冲突

顶栏二级菜单点击时行高跳动

赞赏二维码弹出框动画显示错误

发送评论时按钮颜色错误

其他版本

移植 Argon 主题到 Hexo

Hexo 移植进度

100%

移植到 Typecho（待定）

Qingxu

Android Chrome

已编辑

11小时前

2020-10-22 0:09:35

大佬，为什么我安装完主题，后台侧边栏没出现「Argon 主题设置」（或任何与之意思相近）选项啊
WordPress 最新版，PHP 7.4，Nginx 1.19

MOCEHU

Windows Edge

19小时前

2020-10-21 16:23:03

顶栏和其他半透明控件的高斯模糊效果考虑一下呗，真的挺馋那个( ,,´･ω･)ﾉ”(´っω･｀｡)

solstice23 博主
Windows Chrome

19小时前
2020-10-21 16:25:17

2 行代码的事，但比较影响低性能设备上的体验，所以就没加入，实在要加入可以自定义 CSS (backdrop-filter)。

Magma

Windows Edge

3天前

2020-10-18 23:28:40

很不错的主题！想问一下，能否在新版wp的区块编辑器中增加快速插入短代码的功能呢，新网站已经习惯用区块编辑器了，插入短代码的时候记不住很麻烦要去翻文档。主题文档似乎也托管在一个大陆访问非常慢的地方，每次都得用魔法才能进去。。。如果可以的话文档也可以直接放在博客这边呀，谢谢！

solstice23 博主
Windows Chrome

19小时前
2020-10-21 16:24:26

后期会加入古腾堡编辑器支持

temp

Macintosh Chrome

已编辑

2周前

2020-10-11 14:11:16

很高兴见到你。谢谢你的好主题。
我想摆脱 “#leftbar “和 “#primary “在页面移动时淡入的动画，有什么办法可以摆脱这个动画吗？
我看了一下源头，但以我的技术很难。或者你能告诉我做相关处理的文件吗？

对不起，已经解决了，我以为你是用js控制的，但你是用css控制的。

solstice23 博主
Windows Chrome

2周前
2020-10-11 20:06:35

It seems to be machine translated, it‘s okay to send English directly, XD
- temp
  Macintosh Chrome
  
  1周前
  2020-10-12 18:07:05
  
  Sorry, let me ask you another question. When I click on a link to an article, it takes me to the top of the page, is it possible to eliminate the smooth animation process when I click on it?
  If you can, I would appreciate it if you could let me know.
  对不起，我再问你一个问题。当我点击文章的链接时，它会把我带到页面顶部，是否可以取消点击时的平滑动画过程？
  如果可以的话，如果你能告诉我，我会很感激。
  
  Sorry, let me ask you another question. When I click on a link to an article, it takes me to the top of the page, is it possible to eliminate the smooth animation process when I click on it? If you can, I would appreciate it if you could let me know. 对不起，我再问你一个问题。当我点击文章的链接时，它会把我带到页面顶部，是否可以取消点击时的平滑动画过程？如果可以的话，如果你能告诉我，我会很感激。
- - solstice23 博主
    Windows Chrome
    
    已编辑
    
    1周前
    2020-10-13 20:52:49
    
    This animation is controlled by Javascript, for this version (1.0.4), you can disable Pjax or change the value 600 at 387th line of \assets\vendor\jquery-pjax-plus\jquery.pjax.plus.js to 0. I’ll add an option to reduse animations later.
  - - temp
      Macintosh Chrome
      
      1周前
      2020-10-13 21:31:07
      
      Thank you!
      I was looking at the code for each, but I hadn’t checked that file yet. Thanks for the great work.
      Good luck with the development of a great theme.

heson

Windows Firefox

2周前

2020-10-06 20:35:45

非常漂亮的主题！

artuoliya

Windows Chrome

3周前

2020-10-03 15:56:24

文章封面的图片分辨率是多少呢？

CHINQ

Windows Edge

3周前

2020-10-02 23:19:28

来膜拜了，请收下我的膝盖

发送评论编辑评论

Qingxu
Android Chrome

已编辑

11小时前
2020-10-22 0:09:35

大佬，为什么我安装完主题，后台侧边栏没出现「Argon 主题设置」（或任何与之意思相近）选项啊
WordPress 最新版，PHP 7.4，Nginx 1.19
MOCEHU
Windows Edge

19小时前
2020-10-21 16:23:03

顶栏和其他半透明控件的高斯模糊效果考虑一下呗，真的挺馋那个( ,,´･ω･)ﾉ”(´っω･｀｡)
- solstice23 博主
  Windows Chrome
  
  19小时前
  2020-10-21 16:25:17
  
  2 行代码的事，但比较影响低性能设备上的体验，所以就没加入，实在要加入可以自定义 CSS (backdrop-filter)。
Magma
Windows Edge

3天前
2020-10-18 23:28:40

很不错的主题！想问一下，能否在新版wp的区块编辑器中增加快速插入短代码的功能呢，新网站已经习惯用区块编辑器了，插入短代码的时候记不住很麻烦要去翻文档。主题文档似乎也托管在一个大陆访问非常慢的地方，每次都得用魔法才能进去。。。如果可以的话文档也可以直接放在博客这边呀，谢谢！

很不错的主题！想问一下，能否在新版wp的区块编辑器中增加快速插入短代码的功能呢，新网站已经习惯用区块编辑器了，插入短代码的时候记不住很麻烦要去翻文档。主题文档似乎也托管在一个大陆访问非常慢的地方，每次都得用魔法才能进去。。。如果可以的话文档也可以直接放在博客这边呀，谢谢！
- solstice23 博主
  Windows Chrome
  
  19小时前
  2020-10-21 16:24:26
  
  后期会加入古腾堡编辑器支持
temp
Macintosh Chrome

已编辑

2周前
2020-10-11 14:11:16

很高兴见到你。谢谢你的好主题。
我想摆脱 “#leftbar “和 “#primary “在页面移动时淡入的动画，有什么办法可以摆脱这个动画吗？
我看了一下源头，但以我的技术很难。或者你能告诉我做相关处理的文件吗？

对不起，已经解决了，我以为你是用js控制的，但你是用css控制的。
- solstice23 博主
  Windows Chrome
  
  2周前
  2020-10-11 20:06:35
  
  It seems to be machine translated, it‘s okay to send English directly, XD
- - temp
    Macintosh Chrome
    
    1周前
    2020-10-12 18:07:05
    
    Sorry, let me ask you another question. When I click on a link to an article, it takes me to the top of the page, is it possible to eliminate the smooth animation process when I click on it?
    If you can, I would appreciate it if you could let me know.
    对不起，我再问你一个问题。当我点击文章的链接时，它会把我带到页面顶部，是否可以取消点击时的平滑动画过程？
    如果可以的话，如果你能告诉我，我会很感激。
    
    Sorry, let me ask you another question. When I click on a link to an article, it takes me to the top of the page, is it possible to eliminate the smooth animation process when I click on it? If you can, I would appreciate it if you could let me know. 对不起，我再问你一个问题。当我点击文章的链接时，它会把我带到页面顶部，是否可以取消点击时的平滑动画过程？如果可以的话，如果你能告诉我，我会很感激。
  - - solstice23 博主
      Windows Chrome
      
      已编辑
      
      1周前
      2020-10-13 20:52:49
      
      This animation is controlled by Javascript, for this version (1.0.4), you can disable Pjax or change the value 600 at 387th line of \assets\vendor\jquery-pjax-plus\jquery.pjax.plus.js to 0. I’ll add an option to reduse animations later.
    - - temp
        Macintosh Chrome
        
        1周前
        2020-10-13 21:31:07
        
        Thank you!
        I was looking at the code for each, but I hadn’t checked that file yet. Thanks for the great work.
        Good luck with the development of a great theme.
heson
Windows Firefox

2周前
2020-10-06 20:35:45

非常漂亮的主题！
artuoliya
Windows Chrome

3周前
2020-10-03 15:56:24

文章封面的图片分辨率是多少呢？
CHINQ
Windows Edge

3周前
2020-10-02 23:19:28

来膜拜了，请收下我的膝盖

Year Progress

单向历

新文章

最近评论

归档

Personal

特性

Demo

安装与更新

安装

更新

自动更新

手动更新

文档

版权声明

渲染

修改

Telegram 频道

更新日志

TODO

WordPress 版本

已知 BUG（待修复）

其他版本

评论

发送评论编辑评论

特性

Demo

安装与更新

安装

更新

自动更新

手动更新

文档

版权声明

渲染

修改

Telegram 频道

更新日志

TODO

WordPress 版本

已知 BUG（待修复）

其他版本

评论

发送评论 编辑评论

发送评论编辑评论