# Test page
figure and figcaption code block
::: figurecode Using <code><small></code> around a <a href="http://creativecommons.org/choose/" title="Choose a License">Creative Commons license</a> link with <code>rel="license"</code>
```html
<small>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
Creative Commons Attribution Share-alike license
</a>
</small>
``
:::
code
Use `console.log`
Use console.log
Simple code block
```js{4}
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}
``
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}
Link
[Internal Link](/guide)
Notes
::: tip
This is a tip
:::
TIP
This is a tip
::: warning
This is a warning
:::
WARNING
This is a warning
::: danger
This is a dangerous warning
:::
WARNING
This is a dangerous warning
::: danger STOP
Danger zone, do not proceed
:::
STOP
Danger zone, do not proceed
Table
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
Emojis
:tada: :100:
🎉 💯
External link
[External Link](https://google.com)
External Link, opens in a new window
Details
::: details
This is a details block, which does not work in IE / Edge
:::
DETAILS
This is a details block, which does not work in IE / Edge
Details with code block
::: details Click me to view the code
```js
console.log('Hello, VuePress!')
``
:::
Click me to view the code
console.log('Hello, VuePress!')
← Extras