Hello VuePress
Intro
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum[d] exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? [D]Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
[33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
Fonts
Style defs from Google, e.g.
Replace google url ! (Abmahngefahr wg DSGVO) with local url e.g.
src: url(/fonts/palanquin400.woff2) format('woff2'), url(/fonts/palanquin400.ttf) format('ttf');
/* latin */
@font-face {
font-family: 'Palanquin';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/palanquin/v13/9XUnlJ90n1fBFg7ceXwcf1tN_LA.woff2) format('woff2');
}
Numbers and Umlauts
1234567890 öäüÖÄÜß @€ ^° ?
FontAwesome Icons
User select from FA repo
Size can be sm, md, lg, xl. There are more options see above
Icon components
Component:
Direct loading of font-awesome-icon icon works just once in build mode => Use FaIcon component
Loading Spinner
Loading Spinner
Loading Spinner
Direct load
Direct icon use in markdown works in dev mode (surprisingly) but for build we have to use the IconComponent or wrap in some html tag like span or div
<span><font-awesome-icon :icon="['fas', 'user-secret']" ></font-awesome-icon></span>
Error:
Hydration completed but contains mismatches.
followed by component:
Images
Not zoomable
Zoomable
CSS
change content witdh in node_modules/@vuepress/theme-default/lib/client/styles/vars.scss
:root {
...
/*
--content-width: 740px;
--homepage-width: 960px;
*/
--content-width: 940px;
--homepage-width: 1160px;
Simple Card
Markdown Card
A paragraph for the main content.
And another one.
The master branch is a snapshot of the latest release. Submit your PR in the develop branch
Include screenshots or animated GIFs in your pull request whenever needed (if visual changes)
It's OK to have multiple small commits as you work on the PR - we will let GitHub automatically squash
it before merging
DO NOT commit the lib and dist folder, use it only for testing on your end
If adding new feature:
Provide convincing reason to add this feature. Ideally you should open a suggestion issue first and have
it greenlighted before working on i
Markdown Card no Footer
A paragraph for the main content.
And another one.
If adding new feature:
Provide convincing reason to add this feature. Ideally you should open a suggestion issue first and have
it greenlighted before working on i
Markdown Card with Image
Normal
Image card.
If adding new feature:
Provide convincing reason to add this feature. Ideally you should open a suggestion issue first and have
it greenlighted before working on i
Zoomable
Image card.
If adding new feature:
Provide convincing reason to add this feature. Ideally you should open a suggestion issue first and have
it greenlighted before working on i
Card Container
Simple Table
Deck Chart
Leaflet map
Chart 1
Chart 5
Chart 6
Chart 7
Video
Done
nothing