Argon 主题下的部分写作方法
本文最后更新于 917 天前,其中的信息可能已经有所发展或是发生改变。

标题:添加标题可以使用MarkDown语法,即:# 标题,效果如下:

标题 1

标题 2

标题 3

标题 4

标题5
标题6

加粗和倾斜文本不能使用MarkDown语法来添加,必须使用区块编辑器:

普通文本

**加粗**文本,加粗文本

*倾斜*文本,倾斜文本


网站链接也需要使用区块编辑器。

这是一个链接


行内数学公式用$公式$输入。

这是一个行内公式:$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$


行间数学公式,将区块设置为“自定义HTML”后,使用$$ 公式 $$输入,如下:

$$
\left\{ \begin{array}{l}
	\oiint_{\partial \Omega}{\boldsymbol{E}\cdot \mathrm{d}s}=\frac{Q}{\varepsilon _0}\\
	\oiint_{\partial \Omega}{\boldsymbol{B}\cdot \mathrm{d}s}=0\\
	\oint_{\partial \Omega}{\boldsymbol{E}\cdot \mathrm{d}\ell}=-\frac{\mathrm{d}\varPhi _B}{\mathrm{d}t}\\
	\oint_{\partial \Sigma}{\boldsymbol{B}\cdot \mathrm{d}\ell}=\mu _0I+\mu _0\varepsilon _0\frac{\mathrm{d}\varPhi _E}{\mathrm{d}t}\\
\end{array} \right. 
$$

渲染出的结果如下所示:

$$ \left\{ \begin{array}{l} \oiint_{\partial \Omega}{\boldsymbol{E}\cdot \mathrm{d}s}=\frac{Q}{\varepsilon _0}\\ \oiint_{\partial \Omega}{\boldsymbol{B}\cdot \mathrm{d}s}=0\\ \oint_{\partial \Omega}{\boldsymbol{E}\cdot \mathrm{d}\ell}=-\frac{\mathrm{d}\varPhi _B}{\mathrm{d}t}\\ \oint_{\partial \Sigma}{\boldsymbol{B}\cdot \mathrm{d}\ell}=\mu _0I+\mu _0\varepsilon _0\frac{\mathrm{d}\varPhi _E}{\mathrm{d}t}\\ \end{array} \right. $$

或者直接在行内使用$$ 公式 $$,系统会自动换行,示例如下:

这是一个行间公式,虽然它是在行内输入,但是渲染后会自动变为行间公式:$$\hat{f}\left( \xi \right) =\int_{-\infty}^{\infty}{f\left( x \right) e^{-2\pi ix\xi}\mathrm{d}x}$$

这是一个行间公式,虽然是在行内输入,但是渲染后会自动变为行间公式:$$\hat{f}\left( \xi \right) =\int_{-\infty}^{\infty}{f\left( x \right) e^{-2\pi ix\xi}\mathrm{d}x}$$


引用可以直接使用MarkDown语法> 引用

引用标题

引用内容

行内代码也可以使用MarkDown语法` 代码 `来添加,也可以使用区块编辑器:

这是一个行内代码 int a = 1


行间代码可以直接使用”代码“区块,Argon自带高亮,也可以使用MarkDown语法:```

#include <stdio.h>
int main()
{
   printf("Hello, World!");
   return 0;
}

列表可以使用MarkDown语法创建:有序列表 1. xxx 2. xxx 3. xxx ,无序列表 - xxx - xxx - xxx


有序列表:

  1. 测试 1
  2. 测试 2

无序列表:

  • 测试 1
  • 测试 2

分割线可以直接使用MarkDown语法***或者---


图片直接用区块调用即可,相比于MarkDown可以居中和添加图表标题。

一张示例图片,用来测试向文章中导入图片的结果
一张示例图片,用来测试向文章中导入图片的结果

如果想在Argon的折叠区块(警告区块等也同理)中添加代码块,不要使用Gutenberg 编辑器区块的模式来添加折叠区块,而是使用直接输入短代码的模式,例如:

[collapse title="折叠的代码" showleftborder="true" color="indigo"]

下面是一段添加在折叠区块里面的代码:

#include <stdio.h>
int main()
{
   printf("Hello, World!");
   return 0;
}

[/collapse]

最终输出的结果为:

这里要感谢 @鸦鸦 大佬教会了我这个方法。

如果想完全使用MarkDown代码进行写作,可以使用”WP Editor.MD”插件。

本文采用知识共享 署名 - 非商业性使用 4.0 许可,转载请注明出处;如果有某些问题想和本人讨论,可以发送邮件至:absolutezero@stu.xjtu.edu.cn

评论

  1. 博主
    Windows Firefox
    3 年前
    2022-4-11 22:10:25

    端口测试

    • 测试
      干饭睡觉真君
      Windows Edge
      3 年前
      2022-5-09 19:17:49

      测试评论

    • 测试
      干饭睡觉真君
      Windows Edge
      3 年前
      2022-5-09 19:25:10

      测试评论2

  2. Macintosh Chrome
    2 年前
    2022-8-07 2:45:04

    最后一个折叠区块学到了

  3. Q
    Windows Edge
    2 年前
    2022-11-22 18:54:59

    测试评论

  4. 吴基岩
    Windows Edge
    2 年前
    2022-12-23 21:44:17

    博主您好,请问wordpress上的argon主题内置如何进行代码高亮?
    我使用了<.pre><.code>标签,却没有预览。

    • 博主
      吴基岩
      Windows Firefox
      2 年前
      2022-12-23 21:50:24

      Argon 的主题设置里面因该能找到设置代码高亮的选项吧,我就是在那里设置的。然后写作的时候就用 wordpress 的代码区块就可以了,你可以看一下。

      • 吴基岩
        干饭睡觉真君
        Windows Edge
        2 年前
        2022-12-24 8:15:21

        谢谢博主,可貌似不起作用


        查看图片
        Snipaste_2022-12-24_08-14-12.png




        查看图片
        Snipaste_2022-12-24_08-13-46.png




        查看图片
        Snipaste_2022-12-24_08-14-25.png

        • 博主
          吴基岩
          Windows Firefox
          2 年前
          2022-12-24 10:47:37

          那你试一下这样:

          查看图片
          高亮代码

          • 吴基岩
            干饭睡觉真君
            Windows Edge
            已编辑
            2 年前
            2022-12-24 11:09:48

            谢谢博主,成功了
            貌似原因是因为我引用了另一个jq,又写了一段控制iframe的js,删了就好了φ( ̄∇ ̄o)


            查看图片
            Snipaste_2022-12-24_11-08-16.png

          • 吴基岩
            吴基岩
            Windows Edge
            已编辑
            2 年前
            2022-12-24 11:12:12

            谢谢博主~

  5. 叶落盛夏
    Windows Edge
    2 年前
    2023-4-01 15:49:13

    博主你好,我想请教你一下,这个文章目录怎么设置的啊,实在是懵逼。还有就是我的网页必须刷新两次才显示内容,关闭Pjax后问题倒是解决了,但是全局音乐播放器却同时也被刷新了

    • 博主
      叶落盛夏
      Windows Firefox
      2 年前
      2023-4-01 19:27:47

      你好,这个目录我记得是Argon这个主题自带的。至于你第二个问题是开了CDN之后才出现的吗?

      • 叶落盛夏
        干饭睡觉真君
        Windows Edge
        2 年前
        2023-4-01 19:59:57

        但是我的那个目录它并没有随着标题出现而出现,完全没反应。我并没有开这个CDN,但是这个和它有关系吗,大概情况就是我使用Elementor编辑出来的文章第一遍点击去只能加载一半,手动刷新后才出现完整的,这事儿也挺奇怪的。

        • 博主
          叶落盛夏
          Windows Firefox
          2 年前
          2023-4-02 11:46:07

          那抱歉你这个情况我并没有遇到过。我之前是开了 CDN 后发现会影响网页加载,最后找了半天发现是 CDN 设置不小心缓存了动态内容,所以出问题了,改了缓存设置就好了。如果不套 CDN 的话就没有这些问题。

  6. 叶落盛夏
    Android Chrome
    2 年前
    2023-4-02 14:09:07

    好勒,谢谢博主!

  7. 黑輪
    Linux Firefox
    6 月前
    2024-5-26 12:39:30

    博主您這 code block 怎麼弄的呀?

    • 博主
      黑輪
      Windows Firefox
      6 月前
      2024-5-27 13:37:45

      你好,可以直接使用「代码」区块,Argon 自带高亮,也可以使用 MarkDown 语法:“`

  8. Sam
    Windows Chrome
    4 月前
    2024-7-09 1:28:44

    <?php
    while(){

    }
    ?>

    测试markdown

  9. 测试
    Windows Edge
    4 月前
    2024-7-10 12:06:34

    测试markdown评论
    #include int mian() {
    printf("Hello, World!");
    return 0;
    }

  10. lux
    Windows Edge
    2 月前
    2024-9-11 20:49:10

    [collapse title="折叠的代码" showleftborder="true" color="indigo"] 下面是一段添加在折叠区块里面的代码: #include int main() { printf(“Hello, World!”); return 0; } [/collapse]
    测试

发送评论 编辑评论

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