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

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

Github – Argon | 文档 | Hexo 移植版

从今天开始,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 将要改善的地方,可能更新不及时。

已知 BUG(待修复)

其他版本

Hexo 移植进度
100%

评论

  1. Qingxu
    Android Chrome
    已编辑
    11小时前
    2020-10-22 0:09:35

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

  2. MOCEHU
    Windows Edge
    19小时前
    2020-10-21 16:23:03

    顶栏和其他半透明控件的高斯模糊效果考虑一下呗,真的挺馋那个( ,,´・ω・)ノ”(´っω・`。)

    • solstice23 博主
      Windows Chrome
      19小时前
      2020-10-21 16:25:17

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

  3. Magma
    Windows Edge
    3天前
    2020-10-18 23:28:40

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

    • solstice23 博主
      Windows Chrome
      19小时前
      2020-10-21 16:24:26

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

  4. 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.
        对不起,我再问你一个问题。 当我点击文章的链接时,它会把我带到页面顶部,是否可以取消点击时的平滑动画过程?
        如果可以的话,如果你能告诉我,我会很感激。

        • 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.

  5. heson
    Windows Firefox
    2周前
    2020-10-06 20:35:45

    非常漂亮的主题!

  6. artuoliya
    Windows Chrome
    3周前
    2020-10-03 15:56:24

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

  7. CHINQ
    Windows Edge
    3周前
    2020-10-02 23:19:28

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

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: Telegram @AmashiroNatsukiEars_NoWord Sticker
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
AmashiroNatsukiEars
小恐龙
花!
上一篇
下一篇