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-11-14 21:35:40

WordPress 版本

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

已知 BUG(待修复)

其他版本

Hexo 移植进度
100%

 

评论

  1. 籽夏
    Windows Edge
    5月前
    2020-7-11 11:56:25

    友情页面怎么弄的?

    • Ryan
      Windows Chrome
      5月前
      2020-7-11 18:36:11

      在 WordPress 自带的链接管理器(” WordPress 后台 – 链接” )中添加链接信息,之后新建独立页面添加短代码 [friendlinks/] 即可。
      https://argon-docs.solstice23.top/shortcode/friendlinks

      • 籽夏
        Windows Edge
        5月前
        2020-7-11 18:38:34

        谢谢,已经已找到了,话说邮箱提醒是要外部插件?

        • Ryan
          Windows Chrome
          5月前
          2020-7-11 18:44:41

          WordPress 好像是是自带邮件提醒的,建议还是安装插件,便于查看邮件发送日志(有时邮件会发送失败)

  2. 嚣张
    Windows Chrome
    5月前
    2020-7-03 3:27:24

    主题不错,已经收录到我的网站 http://www.113p.cn

  3. zzk
    Windows Chrome
    5月前
    2020-6-23 22:01:03

    /wp-content/themes/argon/footer.php): failed to open stream: No such file or directory in wp-content/themes/argon-theme-master/functions.php on line 1251
    大神,这个错误是为啥呢,我下载的GitHub的源码

    • solstice23 博主
      Android Chrome
      5月前
      2020-6-23 22:25:41

      从 Release 里下载

      • zzk
        Android Chrome
        5月前
        2020-6-23 22:41:09

        哈哈哈哈,解决了
        谢谢大佬,这个主题完全符合我的口味
        爱了爱了

  4. Penalties
    Windows Chrome
    5月前
    2020-6-21 1:18:10

    博主,你好,这个主题真的是用过的最棒的一个主题了QAQ。使用过程中出现一点小问题
    发送评论的时候提示

    查看图片
    N11u2q.png

    这个是什么情况呢

    • solstice23 博主
      Android Chrome
      5月前
      2020-6-21 1:22:45

      F12 Network 菜单截图看看

      • Penalties
        Windows Chrome
        已编辑
        5月前
        2020-6-21 11:20:44



        查看图片
        QQ图片20200621111910.png


        用另一个临时服务器又没有错误,可能是我哪里设置有问题吧

        • solstice23 博主
          Android Chrome
          5月前
          2020-6-22 21:28:31

          是不是在子目录安装的 wp,去 Argon 设置配置下子目录路径

          • Penalties
            Windows Chrome
            5月前
            2020-6-23 0:26:51

            是这样的,啊太感谢了,

  5. 飞扬的旋律
    Linux Chrome
    5月前
    2020-6-17 18:00:00

    作者您好,主题非常棒,但是下个版本能不能添加个选项,支持webp上传和webp预览呢?
    每次更新都要到functions.php添加这两段代码有点麻烦

    //** *Enable upload for webp image files.*/
    function webp_upload_mimes($existing_mimes) {
        $existing_mimes['webp'] = 'image/webp';
        return $existing_mimes;
    }
    add_filter('mime_types', 'webp_upload_mimes');
    //** * Enable preview / thumbnail for webp image files.*/
    function webp_is_displayable($result, $path) {
        if ($result === false) {
            $displayable_image_types = array( IMAGETYPE_WEBP );
            $info = @getimagesize( $path );
    
            if (empty($info)) {
                $result = false;
            } elseif (!in_array($info[2], $displayable_image_types)) {
                $result = false;
            } else {
                $result = true;
            }
        }
    
        return $result;
    }
    add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);
    • solstice23 博主
      Android Chrome
      5月前
      2020-6-17 22:23:20

      可以用插件的形式加这两段代码,这样就不用每次手动加

      • BobMaster
        Linux Chrome
        5月前
        2020-6-18 7:36:10

        博主你好,我用过好几个评分比较高的插件,都是支持webp上传,预览功能被忽视了~很郁闷的

        • solstice23 博主
          Android Chrome
          已编辑
          5月前
          2020-6-20 2:35:06

          可以自己建一个插件,在 /wp-content/plugins 下新建一个文件夹,然后把上条评论的代码写进 function.php 里,然后开头加注释声明插件信息,启用插件就好
          注释的格式参考 wp 插件开发文档

          • BobMaster
            Android Chrome
            5月前
            2020-6-20 6:40:03

            懂了,我可以自己复制一份那个插件的代码,然后自己加上那个预览的代码就行了,谢谢哈

  6. thb
    Windows Chrome
    5月前
    2020-6-16 21:40:49

    不错给了。。

  7. 匿名
    Windows Edge
    5月前
    2020-6-15 9:01:30

    大佬,我又来了,无插件评论功能还是无效。
    还有个建议,主题设置的按钮可以放在右侧,以免每次更改了,都要翻到最后。

  8. zzt
    Windows Edge
    5月前
    2020-6-13 20:34:32

    膜拜大佬,这个主题是真心好看.

  9. DYNet
    Windows Edge
    6月前
    2020-6-12 18:55:44

    提个建议,在博客中的文字能不能像IOS一样把“rn”改成”r n”以及在有下划线的”qypgj”中取消这几个字母的下划线?会不会很难?

发送评论 编辑评论


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