sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-05 23:32:45 +08:00
Code Activity

misc: 杂项优化

Browse Source
This commit is contained in:
sendevia
2025-09-26 00:33:56 +08:00
parent d5d5c0310c
commit b0bf107111
8 changed files with 250 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.vitepress/config.ts
View File

@@ -1,5 +1,6 @@
import { defineConfig } from "vitepress";
import packageJson from "../package.json" with { type: "json" };
import packageJson from "../package.json";
import markdownItAnchor from "markdown-it-anchor";
// https://vitepress.dev/reference/site-config
export default defineConfig({

4
.vitepress/theme/layouts/Default.vue
View File

@@ -10,7 +10,7 @@ const { site, page, frontmatter } = useGlobalData();
</script>
<template>
<div id="main-layout" spec="feed">
<div id="main-layout">
<Sidebar />
<div id="main-layout-content-flow">
<div id="main-layout-content-filler">
@@ -18,9 +18,9 @@ const { site, page, frontmatter } = useGlobalData();
<h1>{{ site.title }}</h1>
<p>{{ site.description }}</p>
</div>
<NotFoundLayout v-else-if="page.isNotFound" />
<AllPostsLayout v-else-if="frontmatter.layout === 'posts'" />
<SearchPostsLayout v-else-if="frontmatter.layout === 'search'" />
<NotFoundLayout v-else-if="page.isNotFound" />
<ArticleLayout v-else />
</div>
<Footer />

8
.vitepress/theme/layouts/SearchPosts.vue
View File

@@ -2,12 +2,12 @@
<div class="search-posts-page">
<h1>搜索文章</h1>
<input v-model="query" placeholder="输入关键词..." class="search-input" />
<ul v-if="filteredPosts.length">
<li v-for="post in filteredPosts" :key="post.url">
<div v-if="filteredPosts.length">
<div v-for="post in filteredPosts" :key="post.url">
<a :href="post.url">{{ post.title }}</a>
<span v-if="post.date"> - {{ post.date }}</span>
</li>
</ul>
</div>
</div>
<p v-else>没有找到相关文章。</p>
</div>
</template>

2
.vitepress/theme/styles/main.scss
View File

@@ -13,11 +13,9 @@
@include meta.load-css("_components/card");
@include meta.load-css("_components/code");
@include meta.load-css("_components/dialog");
@include meta.load-css("_components/footer");
@include meta.load-css("_components/header");
@include meta.load-css("_components/layout");
@include meta.load-css("_components/loading-splash");
@include meta.load-css("_components/navigation");
@include meta.load-css("_components/notfound");
@include meta.load-css("_components/snackbar");
@include meta.load-css("_components/table");

1
package.json
View File

@@ -1,4 +1,5 @@
{
"version": "0.0.1",
"scripts": {
"docs:dev": "vitepress dev",
"docs:build": "vitepress build",

1
posts/api-examples.md
View File

@@ -1,5 +1,6 @@
---
outline: deep
impression: /assets/images/116014672_p0.webp
---
# Runtime API Examples

6
posts/markdown-examples.md
View File

@@ -1,3 +1,9 @@
---
date: 2025-09-22
title: Markdown Extension Examples
description: This page demonstrates some of the built-in markdown extensions provided by VitePress.
impression: /assets/images/100628112_p0.webp
---
# Markdown Extension Examples
This page demonstrates some of the built-in markdown extensions provided by VitePress.

234
posts/markdown-it.md Normal file
View File

@@ -0,0 +1,234 @@
---
__Advertisement :)__
- __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image
resize in browser.
- __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly
i18n with plurals support and easy syntax.
You will like those projects!
---
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
## Horizontal Rules
___
---
***
## Typographic replacements
Enable typographer option to see result.
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"Smartypants, double quotes" and 'single quotes'
## Emphasis
**This is bold text**
**This is bold text**
*This is italic text*
*This is italic text*
~~Strikethrough~~
## Blockquotes
> Blockquotes can also be nested...
>> ...by using additional greater-than signs right next to each other...
> > > ...or with spaces between arrows.
## Lists
Unordered
+ Create a list by starting a line with `+`, `-`, or `*`
+ Sub-lists are made by indenting 2 spaces:
+ Marker character change forces new list start:
+ Ac tristique libero volutpat at
+ Facilisis in pretium nisl aliquet
+ Nulla volutpat aliquam velit
+ Very easy!
Ordered
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
1. You can use sequential numbers...
1. ...or keep all the numbers as `1.`
Start numbering with offset:
57. foo
2333333333
999. bar
## Code
Inline `code`
Indented code
// Some comments
line 1 of code
line 2 of code
line 3 of code
Block code "fences"
```
Sample text here...
```
Syntax highlighting
``` js
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
```
## Tables
| Option | Description |
| ------ | ----------- |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
Right aligned columns
| Option | Description |
| ------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
## Links
[link text](http://dev.nodeca.com)
[link with title](http://nodeca.github.io/pica/demo/ "title text!")
Autoconverted link <https://github.com/nodeca/pica> (enable linkify to see)
## Images
![Minion](https://octodex.github.com/images/minion.png)
![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
Like links, Images also have a footnote style syntax
![Alt text][id]
With a reference later in the document defining the URL location:
[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
## Plugins
The killer feature of `markdown-it` is very effective support of
[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
> Classic markup: :wink: :cry: :laughing: :yum:
>
> Shortcuts (emoticons): :-) :-( 8-) ;)
see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
+ 19^th^
+ H~2~O
### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
++Inserted text++
### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
==Marked text==
### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.
### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
Term 1
: Definition 1
with lazy continuation.
Term 2 with *inline markup*
: Definition 2
{ some code, part of Definition 2 }
Third paragraph of definition 2.
*Compact style:*
Term 1
~ Definition 1
Term 2
~ Definition 2a
~ Definition 2b
### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
This is HTML abbreviation example.
It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
*[HTML]: Hyper Text Markup Language
### [Custom containers](https://github.com/markdown-it/markdown-it-container)
::: warning
*here be dragons*
:::