开发喵星球

push-markdown 示例文档

标题1 Heading 1

标题2 Heading 2

标题3 Heading 3

标题H1 Heading H1

标题H2 Heading H2

目录 Table Of Contents

基本语法 Basic Syntax

文本 Text
换行 LineBreak

段落 Paragraph

特殊字体 粗体 斜体 删除线 下划线
Special font Bold Italic Strikethrough Underline

水平线
Horizontal line

锚点引用(注意英文全部小写,空格之间需要用短横线-来替代,如果标题里面需要类似tab的效果,请用全角空格来替代)

Anchor references (note that all lowercase English, between the spaces need to be replaced by a short horizontal line -, if the title needs to be similar to the effect of tab, please use the full-angle space to replace)

标题H2 Heading H2


引用 Quote

二级引用 Secondary Quote

三级引用 Three-level quote

  1. 有序列表1 Ordered list 1
  2. 有序列表2 Ordered list 2

网络图片 Web Images

网络图片在发布时不会自动上传。

Web images will not be uploaded when publish.

(图片地址本来在gitee上,突然被ban,不能用作外链图片了,转到github上,加载可能比较缓慢)

网络图片

本地图片 Local Images

本地图

点击外部链接,在系统浏览器中打开。

Click on the external link to open it in the system browser.

测试 https://gitee.com/xaotuman/push-markdown 测试

Test https://gitee.com/xaotuman/push-markdown Test

表格 Table

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
Markdown Less Pretty
Still renders nicely
1 2 3

代码高亮 Code Highlighting

行内代码 Inline Code

行内代码void testMain(int args)测试。

Inline code void testMain(int args) test.

代码块 Code Block

代码高亮由highlightjs渲染。发布时默认不进行高亮渲染,建议在博客站点中配置插件实现高亮。

Code highlighting is rendered by highlightjs. It is not highlighted by default when publishing. It is recommended to configure plugin to highlight in your blog site.

// C++
for (int i = 0; i < 100; i++)
{
    printf("hello markdown!\n");
}

WordPress配置 WordPress Configuration

对于WordPress博客,直接安装WP Code Highlight.js插件即可,或者使用主题内置。

For WordPress blog, just install the WP Code Highlight.js plugin directly, or use the theme’s built-in.

数学公式 MathJax formula

WordPress配置 WordPress Configuration

配置WordPress的外观-自定义-额外CSS,加入下面这行代码。

Configure WordPress Appearance – Customize – Additional CSS and add the following line of code.

mjx-container[jax="SVG"][display="true"] {
    display: block;
    text-align: center;
    margin: 1em 0;
}

行内公式 Inline formula (Inline Math)

行内公式在单个美元符号之间 测试 测试 测试

Inline formula is between single dollar signs. Test Test Test

行间公式 Interline formula (Display Math)

行间公式在两个美元符号之间。Interline formula is between two dollar signs.

(下面这两行在typora中开启内联显示后,会顶行显示,应该被当做行内公式了,但是渲染出来的是行间公式)
代码块不识别为公式。

Code block will not be recognized as formula.

$$
\frac{a}{b}
$$

方程组1
Equation 1
方程组2
Equation 2

   
分类:未分类 作者:开发喵 发表于:2021-09-01 18:35:43 阅读量:104
<<   >>


powered by kaifamiao