diff --git a/TODO.md b/TODO.md
index d2419a3..3d12d89 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,3 +1,3 @@
-- Search
- Tag count
-- Link in contact to status monitor
+- title for pages
+- check header meta info
diff --git a/package.json b/package.json
index 49333c6..84ba1f8 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"@fontsource-variable/playfair-display": "^5.1.0",
"@iconify-json/ion": "^1.2.1",
"astro": "^4.16.13",
+ "fuse.js": "^7.0.0",
"mdast-util-to-string": "^4.0.0",
"reading-time": "^1.5.0",
"rehype-autolink-headings": "^7.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f848e12..6d83a02 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -38,6 +38,9 @@ importers:
astro:
specifier: ^4.16.13
version: 4.16.13(rollup@4.27.3)(sass@1.81.0)(stylus@0.64.0)(typescript@5.6.3)
+ fuse.js:
+ specifier: ^7.0.0
+ version: 7.0.0
mdast-util-to-string:
specifier: ^4.0.0
version: 4.0.0
@@ -1225,6 +1228,10 @@ packages:
engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
os: [darwin]
+ fuse.js@7.0.0:
+ resolution: {integrity: sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==}
+ engines: {node: '>=10'}
+
gensync@1.0.0-beta.2:
resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
engines: {node: '>=6.9.0'}
@@ -3675,6 +3682,8 @@ snapshots:
fsevents@2.3.3:
optional: true
+ fuse.js@7.0.0: {}
+
gensync@1.0.0-beta.2: {}
get-caller-file@2.0.5: {}
diff --git a/readingTime.js b/readingTime.js
index ca6ca03..a11b082 100644
--- a/readingTime.js
+++ b/readingTime.js
@@ -5,6 +5,7 @@ export function remarkReadingTime() {
return function (tree, { data }) {
const textOnPage = toString(tree)
const readingTime = getReadingTime(textOnPage)
+ data.astro.frontmatter.text = textOnPage
data.astro.frontmatter.readingTime = readingTime
}
}
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 61842a3..e8333f1 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -45,5 +45,9 @@ const description = 'Welcome to my website!'
-
+
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 92c8911..b1bce1b 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -1,4 +1,5 @@
---
+import SearchIcon from '~icons/ion/search-outline'
const { pathname } = Astro.url
const routes = [
@@ -14,11 +15,11 @@ const routes = [
NB
-
+
{
routes.map(({ href, name }) => (
-
diff --git a/src/components/PageSearch.svelte b/src/components/PageSearch.svelte
new file mode 100644
index 0000000..f954484
--- /dev/null
+++ b/src/components/PageSearch.svelte
@@ -0,0 +1,66 @@
+
+
+
+
+
+ {#each results as result}
+ -
+
+
+ {result.item.type}
+
+
+ {(1 - result.score).toFixed(2)}
+
+ {result.item.title}
+
+
+ {/each}
+
+
+
diff --git a/src/pages/search.astro b/src/pages/search.astro
new file mode 100644
index 0000000..7ebe3f1
--- /dev/null
+++ b/src/pages/search.astro
@@ -0,0 +1,39 @@
+---
+import { getCollection } from 'astro:content'
+import PageSearch from '../components/PageSearch.svelte'
+import PageWithTitle from '../layouts/PageWithTitle.astro'
+
+type Entry = { url: string; type: 'post' | 'page'; title: string; text: string; extra?: any }
+
+const entries: Entry[] = []
+
+const posts = await getCollection('blog')
+for (const post of posts) {
+ const rendered = await post.render()
+ const text = rendered.remarkPluginFrontmatter.text
+ entries.push({
+ url: `/blog/${post.slug}`,
+ type: 'post',
+ title: post.data.title,
+ text,
+ extra: post.data,
+ })
+}
+
+const pages = await getCollection('page')
+for (const page of pages) {
+ const rendered = await page.render()
+ const text = rendered.remarkPluginFrontmatter.text
+ entries.push({
+ url: `/${page.slug}`,
+ type: 'page',
+ title: page.data.title,
+ text,
+ extra: page.data,
+ })
+}
+---
+
+
+
+