Docs on 技术分享 Public Site

Bootstrap Carousel 🎠

mr_yupengfei@foxmail.com (MrYuPengfei) — Mon, 01 Jan 0001 00:00:00 +0000

Bootstrap Carousel

A slideshow component for cycling through elements—images or slides of text — like a carousel.

Bootstrap Components ✨

mr_yupengfei@foxmail.com (MrYuPengfei) — Mon, 01 Jan 0001 00:00:00 +0000

Bootstrap Components

Bootstrap is bundled with tens of components that can be reused to provide a good user experience and user interactions in a web page.

Accordion

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

See Accordion documentation.

Markdown Cheat Sheet Ⓜ️⬇️

mr_yupengfei@foxmail.com (MrYuPengfei) — Mon, 01 Jan 0001 00:00:00 +0000

Markdown Cheat Sheet

Hugo has excellent Markdown support out of the box. By default, Hugo uses the Goldmark Markdown processor which is fully CommonMark-compliant. See the configuration instructions to learn more about the extensions you can configure.

Overview

You can refer to the table below for an overview of basic markdown syntax:

TASK	MARKDOWN SYNTAX
Heading 1	`#`
Heading 2	`##`
Heading 3	`###`
Italics	`italics`
Bold	`Bold`
Strike	`~~strike~~`
Blockquote	`>`
Links	`[link name](https://link.com)`
Images	`![Image name](image.png)`
Unordered list	`* List item`
Ordered list	`1. List item`
Inline Code	`insert code here`

Headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lists

* Unordered item
* Unordered item
* Unordered item

1. Ordered item
2. Ordered item
3. Ordered item

- [ ] Task item
- [x] Checked Task item
- [ ] Task item

Unordered item
Unordered item
Unordered item

Ordered item
Ordered item
Ordered item

Task item
Checked Task item
Task item

Format

**Bold**

*Italic*

<u>Underline</u>

<sup>Superscript</sup>

<sub>Subscript</sub>

<mark>Highlight</mark>

`Inline code`

~~Strikethrough~~

[Hyperlink](http://example.com)

![Image](placeholder-50-09f-fff.png)
{ .img-fluid }

Bold

Security Best Practices 🔒

mr_yupengfei@foxmail.com (MrYuPengfei) — Mon, 01 Jan 0001 00:00:00 +0000

Security Best Practices

Improve code health of your web page following these best practices.

Use HTTPS

All websites should be protected with HTTPS, even ones that don’t handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your site and your users.

External Links

When you link to a page on another site using the target="_blank" attribute, you can expose your site to performance and security issues:

Docs on 技术分享 Public Site

Bootstrap Carousel 🎠

Bootstrap Carousel

Bootstrap Components ✨

Bootstrap Components

Accordion

Accordion Item #1

Accordion Item #2

Accordion Item #3

Markdown Cheat Sheet Ⓜ️⬇️

Markdown Cheat Sheet

Overview

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lists

Format

Security Best Practices 🔒

Security Best Practices

Use HTTPS

External Links