Argon – 轻盈、简洁、美观的 WordPress / Hexo 主题
|
144,106
|
910
|
前端,技术,杂谈

2175 字
|
10 分钟

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

Github – Argon | 文档 | Hexo 移植版

 GitHub
solstice23/argon-theme
  
 GitHub
solstice23/hexo-theme-argon
  
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 将要改善的地方，可能更新不及时。

其他版本

Hexo 移植进度
100%

作者: solstice23
本文采用 CC BY-NC-SA 4.0 协议
Wordpress主题

评论

  1. wujie
    Macintosh Chrome
    3年前
    2021-2-19 1:39:06

    这个飘雪花的咋整的啊大佬

  4. IDM
    Windows Chrome
    3年前
    2021-2-16 22:39:56

    博客搜索东西白屏，必须得刷新一下，不知道是不是我自己得问题，看控制台输出Uncaught TypeError: Cannot read property ‘top’ of undefined
    at MutationObserver.observe.attributes (argontheme.js?v1.1.5:351)

    • IDM
      IDM
      Windows Chrome
      3年前
      2021-2-17 10:54:18

      已解决

  7. Colin Jiang
    Windows Edge
    已编辑
    3年前
    2021-2-16 20:45:48

    首先感谢大佬的主题，有个问题，如何把评论框放在其他人已发表的评论上方，最好主题可定制这个。或者，目前浮动操作按钮有一个跳转到评论按钮，最好在评论区上方再加一个跳转到评论按钮。
    发表评论时不一定想看别人的评论，尤其对于留言板

  10. Abyss
    Windows Edge
    3年前
    2021-2-14 14:15:58

    给大佬提个建议：希望添加在其它设备上继续阅读功能，即扫码即可在其他设备上以当前进度继续阅读

  13. 黑果小屋
    Android Chrome
    3年前
    2021-2-14 13:31:21

    大佬求助！
    hexo主题渲染不出来

  16. Abyss
    Windows Edge
    3年前
    2021-2-13 21:13:32

    主题的文章分享功能在PC端无法使用，即使打开了主题设置中的显示文章分享按钮也没用，不只是我的网站，贵站以及其它使用Argon主题的站点也是如此

    • solstice23
      博主
      Abyss
      Windows Chrome
      已编辑
      3年前
      2021-2-13 21:15:10

      并不能复现，我这里 Chrome 测试可用

      • Abyss
        solstice23
        Windows Edge
        3年前
        2021-2-13 21:16:23

        可我这里不能用啊😂

        • solstice23
          博主
          Abyss
          Windows Chrome
          已编辑
          3年前
          2021-2-13 21:16:58

          环境说一下啊（
          还有具体错误细节

          • Abyss
            solstice23
            Windows Edge
            3年前
            2021-2-13 21:18:00

            服务器的吗，Centos7

            • solstice23
              博主
              Abyss
              Windows Chrome
              已编辑
              3年前
              2021-2-13 21:18:27

              浏览器，以及 Console 是否有报错

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:19:20

              新版Edge，刚刚用了我的Chrome发现是可以正常使用的，好奇怪

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:20:32

              使用 Edge 88.0.705.63 试了下，没问题（

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:23:55

              我的版本是 90.0.789.1 (官方内部版本) dev (64 位)

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:29:09

              90.0.796.0 测试可用

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:30:51

              这就很草了，算了不管他，别人能用就行
              对了，手机好像无法显示顶栏唉

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:34:09



              查看图片
              img

               似乎是可以的

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:36:02

              这个是可以，就是无法显示顶栏菜单

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:37:32

              顶栏菜单因为很多用户的反馈 在某一次更新后和顶栏搜索合并了 左上角的菜单键对应的是侧栏菜单

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:39:18

              熬，好的谢谢了，最后一个问题：贵站的动态壁纸是咋弄的呀

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:40:20

              并不是动态，只是加了一层上去
              https://github.com/VincentGarreau/particles.js

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:41:17

              哇哦，怎么加呀

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:43:07

              F12，#snow 附近的几个元素就是

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:44:44

              熬，谢谢大佬，大佬新年快乐

            • solstice23
              博主
              Abyss
              Windows Chrome
              3年前
              2021-2-13 21:45:43

              新年快乐

            • Abyss
              solstice23
              Windows Edge
              3年前
              2021-2-13 21:50:07

              刚刚发现有时候（有概率不会发生）验证码明明输对了可还是提示错误，第一次是在别人的Macos上，第二次就是刚刚回复别人的时候，并且都是加法运算

  19. Ryan
    Windows Chrome
    3年前
    2021-2-13 10:51:38

    请问hexo的友情链接怎么做？

  22. 涼風桜雨
    Macintosh Safari
    3年前
    2021-2-10 17:45:59

    超爱这个主题！！谢谢博主

  25. 星辉
    Windows Chrome
    3年前
    2021-2-07 13:31:32

    希望在站点概览下面标签旁边添加站点访客，也就是每个页面的浏览量的总合，类似QQ空间访客。

    • Abyss
      星辉
      Windows Edge
      3年前
      2021-2-14 14:14:09

      这个好像添加代码就能实现

  28. dayi
    Android Chrome
    3年前
    2021-2-03 8:25:08

    真哒好好看诶！！咱也整个

发送评论 编辑评论 


				

			

						

				

					

						

							

								
							

							
						

					

				

				

					

						

							

								
							

							
						

					

				

				

					

						

							

								
							

							
							
													

					

				

			

			
			

				

					
				

			

				

											

							
							
						

																

							
							
						

																

							
							
						

										
					
											
						

	

		
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･ ･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: Telegram @AmashiroNatsukiEars_NoWord Sticker
Source: Telegram Animated Emojis
Source: github.com/k4yt3x/flowerhd
	

	

		
颜文字
Emoji
AmashiroNatsukiEars
Telegram Emojis
小恐龙
花!
	


									

			

			
			
		

	






上一篇
下一篇 

                    

                    
			        推荐文章
		            

		            

							
在 React 中使用 View Transition 更新 State

							
							

							
osu-stats-signature – 生成实时更新的 osu! 个人资料卡片

							
							

							
WordPress Gutenberg 编辑器区块开发笔记

							
							

							
在 Dev-C++ 运行结果中显示占用内存大小 & 将 Windows Terminal 作为 Dev-C++ 的默认终端

							
							

							
钉钉云课堂实现倍速播放 & 提取视频文件 & 提取直播回放

							
							

							
Crayon 代码高亮插件的一点美化

							
							

							
一个 倒计时/正计时 的图片调用 API

							
							

							
一个在线 Latex 公式可视化编辑器