feat: initial commit
This commit is contained in:
commit
8f7b88a01a
13
.eslintignore
Normal file
13
.eslintignore
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
# Ignore files for PNPM, NPM and YARN
|
||||||
|
pnpm-lock.yaml
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
20
.eslintrc.cjs
Normal file
20
.eslintrc.cjs
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
module.exports = {
|
||||||
|
root: true,
|
||||||
|
parser: '@typescript-eslint/parser',
|
||||||
|
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
|
||||||
|
plugins: ['svelte3', '@typescript-eslint'],
|
||||||
|
ignorePatterns: ['*.cjs'],
|
||||||
|
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
|
||||||
|
settings: {
|
||||||
|
'svelte3/typescript': () => require('typescript')
|
||||||
|
},
|
||||||
|
parserOptions: {
|
||||||
|
sourceType: 'module',
|
||||||
|
ecmaVersion: 2020
|
||||||
|
},
|
||||||
|
env: {
|
||||||
|
browser: true,
|
||||||
|
es2017: true,
|
||||||
|
node: true
|
||||||
|
}
|
||||||
|
};
|
||||||
9
.gitignore
vendored
Normal file
9
.gitignore
vendored
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
pnpm-global
|
||||||
13
.prettierignore
Normal file
13
.prettierignore
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/build
|
||||||
|
/.svelte-kit
|
||||||
|
/package
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
# Ignore files for PNPM, NPM and YARN
|
||||||
|
pnpm-lock.yaml
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
6
.prettierrc
Normal file
6
.prettierrc
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"useTabs": true,
|
||||||
|
"singleQuote": true,
|
||||||
|
"trailingComma": "none",
|
||||||
|
"printWidth": 100
|
||||||
|
}
|
||||||
23
Dockerfile
Normal file
23
Dockerfile
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
FROM node:16
|
||||||
|
|
||||||
|
# install dependencies
|
||||||
|
WORKDIR /app
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
RUN pnpm install
|
||||||
|
|
||||||
|
# Copy all local files into the image.
|
||||||
|
COPY . .
|
||||||
|
|
||||||
|
RUN pnpm build
|
||||||
|
|
||||||
|
###
|
||||||
|
# Only copy over the Node pieces we need
|
||||||
|
# ~> Saves 35MB
|
||||||
|
###
|
||||||
|
FROM node:16-slim
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
COPY --from=0 /app/build .
|
||||||
|
|
||||||
|
EXPOSE 3000
|
||||||
|
CMD ["node", "./index.js"]
|
||||||
21
LICENSE
Normal file
21
LICENSE
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2022 Damillora
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
38
README.md
Normal file
38
README.md
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
# create-svelte
|
||||||
|
|
||||||
|
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
|
||||||
|
|
||||||
|
## Creating a project
|
||||||
|
|
||||||
|
If you're seeing this, you've probably already done this step. Congrats!
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# create a new project in the current directory
|
||||||
|
npm init svelte
|
||||||
|
|
||||||
|
# create a new project in my-app
|
||||||
|
npm init svelte my-app
|
||||||
|
```
|
||||||
|
|
||||||
|
## Developing
|
||||||
|
|
||||||
|
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
|
||||||
|
# or start the server and open the app in a new browser tab
|
||||||
|
npm run dev -- --open
|
||||||
|
```
|
||||||
|
|
||||||
|
## Building
|
||||||
|
|
||||||
|
To create a production version of your app:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
You can preview the production build with `npm run preview`.
|
||||||
|
|
||||||
|
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
|
||||||
48
package.json
Normal file
48
package.json
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
{
|
||||||
|
"name": "@damillora/shallie",
|
||||||
|
"repository": "https://github.com/Damillora/Shallie",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite dev",
|
||||||
|
"build": "vite build",
|
||||||
|
"package": "svelte-kit package",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"prepare": "svelte-kit sync",
|
||||||
|
"check": "svelte-check --tsconfig ./tsconfig.json",
|
||||||
|
"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
|
||||||
|
"lint": "prettier --check --plugin-search-dir=. . && eslint .",
|
||||||
|
"format": "prettier --write --plugin-search-dir=. ."
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@sveltejs/adapter-auto": "next",
|
||||||
|
"@sveltejs/adapter-node": "^1.0.0-next.83",
|
||||||
|
"@sveltejs/kit": "next",
|
||||||
|
"@types/fitvids": "^2.1.1",
|
||||||
|
"@types/tryghost__content-api": "^1.3.11",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^5.30.7",
|
||||||
|
"@typescript-eslint/parser": "^5.30.7",
|
||||||
|
"dayjs": "^1.11.4",
|
||||||
|
"eslint": "^8.20.0",
|
||||||
|
"eslint-config-prettier": "^8.5.0",
|
||||||
|
"eslint-plugin-svelte3": "^4.0.0",
|
||||||
|
"prettier": "^2.7.1",
|
||||||
|
"prettier-plugin-svelte": "^2.7.0",
|
||||||
|
"sass": "^1.54.0",
|
||||||
|
"svelte": "^3.49.0",
|
||||||
|
"svelte-check": "^2.8.0",
|
||||||
|
"svelte-infinite-scroll": "^2.0.1",
|
||||||
|
"svelte-preprocess": "^4.10.7",
|
||||||
|
"svelte2tsx": "^0.5.12",
|
||||||
|
"tslib": "^2.4.0",
|
||||||
|
"typescript": "^4.7.4",
|
||||||
|
"vite": "^3.0.2"
|
||||||
|
},
|
||||||
|
"type": "module",
|
||||||
|
"dependencies": {
|
||||||
|
"@damillora/plachta": "^1.0.0",
|
||||||
|
"@tryghost/content-api": "^1.11.0",
|
||||||
|
"fitvids": "^2.1.1",
|
||||||
|
"svelte-material-icons": "^2.0.2",
|
||||||
|
"svelte-themes": "^0.0.98"
|
||||||
|
}
|
||||||
|
}
|
||||||
2128
pnpm-lock.yaml
Normal file
2128
pnpm-lock.yaml
Normal file
File diff suppressed because it is too large
Load Diff
11
src/app.d.ts
vendored
Normal file
11
src/app.d.ts
vendored
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
/// <reference types="@sveltejs/kit" />
|
||||||
|
|
||||||
|
// See https://kit.svelte.dev/docs/types#app
|
||||||
|
// for information about these interfaces
|
||||||
|
// and what to do when importing types
|
||||||
|
declare namespace App {
|
||||||
|
// interface Locals {}
|
||||||
|
// interface Platform {}
|
||||||
|
// interface Session {}
|
||||||
|
// interface Stuff {}
|
||||||
|
}
|
||||||
14
src/app.html
Normal file
14
src/app.html
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
%sveltekit.head%
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>%sveltekit.body%</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
42
src/lib/components/SEO/AuthorSEO.svelte
Normal file
42
src/lib/components/SEO/AuthorSEO.svelte
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
export let author: any;
|
||||||
|
|
||||||
|
let schemaOrg = `
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Person",
|
||||||
|
"name": "Damillora",
|
||||||
|
"url": "${author.url}",
|
||||||
|
"image": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "${author.feature_image}"
|
||||||
|
},
|
||||||
|
"mainEntityOfPage": {
|
||||||
|
"@type": "WebPage",
|
||||||
|
"@id": "https://blog.nanao.moe/"
|
||||||
|
},
|
||||||
|
"description": "${author.bio}"
|
||||||
|
}
|
||||||
|
\</script\>
|
||||||
|
`;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<meta property="og:site_name" content="Damillora's Virtual Memoir" />
|
||||||
|
<meta property="og:type" content="profile" />
|
||||||
|
<meta property="og:title" content="{author.name} - Damillora's Virtual Memoir" />
|
||||||
|
<meta property="og:description" content={author.bio} />
|
||||||
|
<meta property="og:url" content="https://blog.nanao.moe/author/${author.slug}/" />
|
||||||
|
<meta property="og:image" content={author.feature_image ?? `https://blog.nanao.moe/images/default-feature.jpg`} />
|
||||||
|
<meta property="article:publisher" content="https://nanao.moe" />
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:title" content="{author.name} - Damillora's Virtual Memoir" />
|
||||||
|
<meta name="twitter:description" content={author.bio} />
|
||||||
|
<meta name="twitter:url" content="https://blog.nanao.moe/author/${author.slug}/" />
|
||||||
|
<meta name="twitter:image" content={author.feature_image ?? `https://blog.nanao.moe/images/default-feature.jpg`} />
|
||||||
|
<meta name="twitter:site" content="@Damillora" />
|
||||||
|
<meta name="twitter:creator" content={author.twitter} />
|
||||||
|
|
||||||
|
{@html schemaOrg}
|
||||||
|
</svelte:head>
|
||||||
47
src/lib/components/SEO/IndexSEO.svelte
Normal file
47
src/lib/components/SEO/IndexSEO.svelte
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
let schemaOrg = `
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "WebSite",
|
||||||
|
"publisher": {
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Damillora's Virtual Memoir",
|
||||||
|
"url": "https://blog.nanao.moe/",
|
||||||
|
"logo": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "https://blog.nanao.moe/favicon.png"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"url": "https://blog.nanao.moe/",
|
||||||
|
"image": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "https://blog.nanao.moe/images/default-header.jpg"
|
||||||
|
},
|
||||||
|
"mainEntityOfPage": {
|
||||||
|
"@type": "WebPage",
|
||||||
|
"@id": "https://blog.nanao.moe/"
|
||||||
|
},
|
||||||
|
"description": "I talk about code, games, and music."
|
||||||
|
}
|
||||||
|
\</script\>
|
||||||
|
`;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<meta property="og:site_name" content="Damillora's Virtual Memoir" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Damillora's Virtual Memoir" />
|
||||||
|
<meta property="og:description" content="I talk about code, games, and music." />
|
||||||
|
<meta property="og:url" content="https://blog.nanao.moe/" />
|
||||||
|
<meta property="og:image" content="https://blog.nanao.moe/images/default-header.jpg" />
|
||||||
|
<meta property="article:publisher" content="https://nanao.moe" />
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:title" content="Damillora's Virtual Memoir" />
|
||||||
|
<meta name="twitter:description" content="I talk about code, games, and music." />
|
||||||
|
<meta name="twitter:url" content="https://blog.nanao.moe/" />
|
||||||
|
<meta name="twitter:image" content="https://blog.nanao.moe/images/default-header.jpg" />
|
||||||
|
<meta name="twitter:site" content="@Damillora" />
|
||||||
|
|
||||||
|
{@html schemaOrg}
|
||||||
|
</svelte:head>
|
||||||
75
src/lib/components/SEO/PostSEO.svelte
Normal file
75
src/lib/components/SEO/PostSEO.svelte
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import Post from "../../../../../Plachta/package/components/PageTypes/Post.svelte";
|
||||||
|
|
||||||
|
|
||||||
|
export let post: any;
|
||||||
|
|
||||||
|
let schemaOrg = `
|
||||||
|
<script type="application/ld+json">
|
||||||
|
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Article",
|
||||||
|
"publisher": {
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Damillora's Virtual Memoir",
|
||||||
|
"url": "https://blog.nanao.moe/",
|
||||||
|
"logo": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "https://blog.nanao.moe/images/default-feature.jpg"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"author": {
|
||||||
|
"@type": "Person",
|
||||||
|
"name": "${post.primary_author.name}",
|
||||||
|
"image": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "${post.primary_author.profile_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'}"
|
||||||
|
},
|
||||||
|
"url": "${post.primary_author.url}/"
|
||||||
|
},
|
||||||
|
"headline": "${post.title}",
|
||||||
|
"url": "${post.url}",
|
||||||
|
"datePublished": "${post.published_at}",
|
||||||
|
"dateModified": "${post.updated_at}",
|
||||||
|
"image": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "${post.feature_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'}"
|
||||||
|
},
|
||||||
|
"keywords": "${post.primary_tag.name}",
|
||||||
|
"description": "${post.excerpt}",
|
||||||
|
"mainEntityOfPage": {
|
||||||
|
"@type": "WebPage",
|
||||||
|
"@id": "https://blog.nanao.moe/"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
\</script\>
|
||||||
|
`;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<meta property="og:site_name" content="Damillora's Virtual Memoir" />
|
||||||
|
<meta property="og:type" content="article" />
|
||||||
|
<meta property="og:title" content={post.title} />
|
||||||
|
<meta property="og:description" content={post.excerpt}/>
|
||||||
|
<meta property="og:url" content={post.url} />
|
||||||
|
<meta property="og:image" content={post.feature_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'} />
|
||||||
|
<meta property="article:published_time" content="2022-07-22T12:42:23.000Z" />
|
||||||
|
<meta property="article:modified_time" content="2022-07-22T12:47:19.000Z" />
|
||||||
|
<meta property="article:tag" content={post.primary_tag.name} />
|
||||||
|
|
||||||
|
<meta property="article:publisher" content="https://www.facebook.com/Damillora" />
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:title" content={post.title} />
|
||||||
|
<meta name="twitter:description" content={post.excerpt} />
|
||||||
|
<meta name="twitter:url" content={post.url} />
|
||||||
|
<meta name="twitter:image" content={post.feature_image ?? 'https://blog.nanao.moe/images/default-feature.jpg'} />
|
||||||
|
<meta name="twitter:label1" content="Written by" />
|
||||||
|
<meta name="twitter:data1" content={post.primary_author.name} />
|
||||||
|
<meta name="twitter:label2" content="Filed under" />
|
||||||
|
<meta name="twitter:data2" content={post.primary_tag.name} />
|
||||||
|
<meta name="twitter:site" content="@Damillora" />
|
||||||
|
<meta name="twitter:creator" content={post.primary_author.twitter} />
|
||||||
|
|
||||||
|
{@html schemaOrg}
|
||||||
|
</svelte:head>
|
||||||
49
src/lib/components/SEO/TagSEO.svelte
Normal file
49
src/lib/components/SEO/TagSEO.svelte
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
export let tag: any;
|
||||||
|
|
||||||
|
let schemaOrg = `
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Series",
|
||||||
|
"publisher": {
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "Damillora's Virtual Memoir",
|
||||||
|
"url": "https://blog.nanao.moe/",
|
||||||
|
"logo": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "https://blog.nanao.moe/images/favicon.png"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"url": "${tag.url}",
|
||||||
|
"image": {
|
||||||
|
"@type": "ImageObject",
|
||||||
|
"url": "${tag.feature_image}"
|
||||||
|
},
|
||||||
|
"name": "${tag.name}",
|
||||||
|
"mainEntityOfPage": {
|
||||||
|
"@type": "WebPage",
|
||||||
|
"@id": "https://blog.nanao.moe/"
|
||||||
|
},
|
||||||
|
"description": "${tag.description}"
|
||||||
|
}
|
||||||
|
\</script\>
|
||||||
|
`;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<meta property="og:site_name" content="Damillora's Virtual Memoir" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content={`${tag.name} - Damillora's Virtual Memoir`} />
|
||||||
|
<meta property="og:description" content={tag.description} />
|
||||||
|
<meta property="og:url" content={`https://blog.nanao.moe/${tag.slug}/`} />
|
||||||
|
<meta property="og:image" content={tag.feature_image ?? `https://blog.nanao.moe/images/default-feature.jpg`} />
|
||||||
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="twitter:title" content={`${tag.name} - Damillora's Virtual Memoir`} />
|
||||||
|
<meta name="twitter:description" content={tag.description} />
|
||||||
|
<meta name="twitter:url" content={`https://blog.nanao.moe/${tag.slug}/`} />
|
||||||
|
<meta name="twitter:image" content={tag.feature_image ?? `https://blog.nanao.moe/images/default-feature.jpg`} />
|
||||||
|
<meta name="twitter:site" content="@Damillora" />
|
||||||
|
|
||||||
|
{@html schemaOrg}
|
||||||
|
</svelte:head>
|
||||||
68
src/lib/content/contentApi.ts
Normal file
68
src/lib/content/contentApi.ts
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
|
||||||
|
import GhostContentAPI from '@tryghost/content-api';
|
||||||
|
|
||||||
|
export const GHOST_URL = 'https://admin.blog.nanao.moe';
|
||||||
|
const GHOST_KEY = '8c86e852c31b39b9d4148b2088';
|
||||||
|
const GHOST_VERSION = 'v5.0';
|
||||||
|
|
||||||
|
const api = GhostContentAPI({
|
||||||
|
url: GHOST_URL,
|
||||||
|
key: GHOST_KEY,
|
||||||
|
version: GHOST_VERSION
|
||||||
|
})
|
||||||
|
|
||||||
|
export const browsePost = async (page = 1) => {
|
||||||
|
const posts = await api.posts.browse({ page: page, limit: 10, include: ['tags', 'authors'] });
|
||||||
|
|
||||||
|
return posts
|
||||||
|
}
|
||||||
|
export const browseAllPost = async (page = 1) => {
|
||||||
|
const posts = await api.posts.browse({ limit: 'all' });
|
||||||
|
|
||||||
|
return posts
|
||||||
|
}
|
||||||
|
export const browsePostWithTag = async (slug: string, page = 1) => {
|
||||||
|
const posts = await api.posts.browse({ page: page, limit: 10, include: ['tags', 'authors'], filter: [`tag:${slug}`] });
|
||||||
|
|
||||||
|
return posts
|
||||||
|
}
|
||||||
|
export const browsePostWithAuthor = async (slug: string, page = 1) => {
|
||||||
|
const posts = await api.posts.browse({ page: page, limit: 10, include: ['tags', 'authors'], filter: [`author:${slug}`] });
|
||||||
|
|
||||||
|
return posts
|
||||||
|
}
|
||||||
|
export const readPost = async (slug: string) => {
|
||||||
|
const post = await api.posts.read({ slug }, { include: ['tags', 'authors'] });
|
||||||
|
|
||||||
|
return post;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const readTag = async (slug: string) => {
|
||||||
|
const tag = await api.tags.read({ slug });
|
||||||
|
|
||||||
|
return tag;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const readAuthor = async (slug: string) => {
|
||||||
|
const author = await api.authors.read({ slug });
|
||||||
|
|
||||||
|
return author;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const browseLatestPost = async () => {
|
||||||
|
const post = await api.posts.browse({ limit: 1 });
|
||||||
|
|
||||||
|
return post[0];
|
||||||
|
}
|
||||||
|
export const browseLatestTag = async () => {
|
||||||
|
const tag = await api.tags.browse({ limit: 1, order: 'updated_at DESC' })
|
||||||
|
}
|
||||||
|
export const browseLatestAuthor = async () => {
|
||||||
|
const tag = await api.authors.browse({ limit: 1, order: 'updated_at DESC' })
|
||||||
|
}
|
||||||
|
export const browseSettings = async () => {
|
||||||
|
return {
|
||||||
|
codeinjection_head: `<script async defer data-domain="blog.nanao.moe" src="https://stats.nanao.moe/js/plausible.js"></script>`,
|
||||||
|
codeinjection_foot: ``,
|
||||||
|
};
|
||||||
|
}
|
||||||
15
src/lib/content/searchApi.ts
Normal file
15
src/lib/content/searchApi.ts
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
|
||||||
|
|
||||||
|
export const search = async (q: string, page = 1) => {
|
||||||
|
const yurikoEndpoint = 'https://search.blog.nanao.moe';
|
||||||
|
const apiEndpoint = '/api/article/search?';
|
||||||
|
const queryString = 'q=';
|
||||||
|
const pageString = '&page=';
|
||||||
|
|
||||||
|
const search = await fetch(
|
||||||
|
`${yurikoEndpoint}${apiEndpoint}${queryString}${q}${pageString}${page}`
|
||||||
|
);
|
||||||
|
const result = await search.json();
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
132
src/routes/[tag]/[slug].svelte
Normal file
132
src/routes/[tag]/[slug].svelte
Normal file
@ -0,0 +1,132 @@
|
|||||||
|
<script lang="ts" context="module">
|
||||||
|
export const load: Load = async ({ params }) => {
|
||||||
|
const postSlug = params.slug;
|
||||||
|
const post = await readPost(postSlug);
|
||||||
|
|
||||||
|
return {
|
||||||
|
props: {
|
||||||
|
post: post
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
import fitvids from 'fitvids';
|
||||||
|
|
||||||
|
import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
|
||||||
|
import PostHeader from '@damillora/plachta/components/Post/PostHeader.svelte';
|
||||||
|
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
|
||||||
|
import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
|
||||||
|
import PostNavigator from '@damillora/plachta/components/Post/PostNavigator.svelte';
|
||||||
|
import Container from '@damillora/plachta/components/Container/Container.svelte';
|
||||||
|
import PostRelated from '@damillora/plachta/components/Post/PostRelated.svelte';
|
||||||
|
import PostCard from '@damillora/plachta/components/PostCard/PostCard.svelte';
|
||||||
|
import type { Load } from '@sveltejs/kit';
|
||||||
|
import { readPost } from '$lib/content/contentApi';
|
||||||
|
import { browser } from '$app/env';
|
||||||
|
import PostSeo from '$lib/components/SEO/PostSEO.svelte';
|
||||||
|
|
||||||
|
export let post: any;
|
||||||
|
|
||||||
|
if (browser) {
|
||||||
|
fitvids();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>{post.title}</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<PostSeo post={post} />
|
||||||
|
<Hero background={post.feature_image ?? `/images/default-feature.jpg`} />
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
<Post>
|
||||||
|
<PostHeader
|
||||||
|
title={post.title}
|
||||||
|
authors={post.authors}
|
||||||
|
primary_tag={post.primary_tag}
|
||||||
|
date={dayjs(post.published_at).format('DD MMM YYYY')}
|
||||||
|
reading_time={`${post.reading_time} min read`}
|
||||||
|
/>
|
||||||
|
<PostMain>
|
||||||
|
{@html post.html}
|
||||||
|
<svelte:fragment slot="comments" />
|
||||||
|
</PostMain>
|
||||||
|
<PostNavigator
|
||||||
|
prev_post={{
|
||||||
|
url: '/examples/post-page',
|
||||||
|
title: 'Sophie!'
|
||||||
|
}}
|
||||||
|
next_post={{
|
||||||
|
url: '/examples/post-page',
|
||||||
|
title: 'Sophie!'
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Post>
|
||||||
|
|
||||||
|
<PostRelated name="Sophie" url="https://google.com" accent_color="#3b34dc">
|
||||||
|
<PostCard
|
||||||
|
authors={[
|
||||||
|
{
|
||||||
|
profile_image: 'https://images.nanao.moe/r/GDuirR.jpg',
|
||||||
|
url: '/examples/post-page',
|
||||||
|
name: 'Sophie Neuenmuller'
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
date="2022 November 2020"
|
||||||
|
excerpt="Sophie!"
|
||||||
|
feature_image="https://images.nanao.moe/r/7jETH3.png"
|
||||||
|
primary_tag={{
|
||||||
|
accent_color: '#3b7b9c',
|
||||||
|
name: 'Sound Voltex',
|
||||||
|
url: '/examples/post-page'
|
||||||
|
}}
|
||||||
|
reading_time="3 min"
|
||||||
|
title="Sophie!"
|
||||||
|
url="/examples/post-page"
|
||||||
|
/>
|
||||||
|
<PostCard
|
||||||
|
authors={[
|
||||||
|
{
|
||||||
|
profile_image: 'https://images.nanao.moe/r/GDuirR.jpg',
|
||||||
|
url: '/examples/post-page',
|
||||||
|
name: 'Sophie Neuenmuller'
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
date="2022 November 2020"
|
||||||
|
excerpt="Sophie!"
|
||||||
|
feature_image="https://images.nanao.moe/r/7jETH3.png"
|
||||||
|
primary_tag={{
|
||||||
|
accent_color: '#3b7b9c',
|
||||||
|
name: 'Sound Voltex',
|
||||||
|
url: '/examples/post-page'
|
||||||
|
}}
|
||||||
|
reading_time="3 min"
|
||||||
|
title="Sophie!"
|
||||||
|
url="/examples/post-page"
|
||||||
|
/>
|
||||||
|
<PostCard
|
||||||
|
authors={[
|
||||||
|
{
|
||||||
|
profile_image: 'https://images.nanao.moe/r/GDuirR.jpg',
|
||||||
|
url: '/examples/post-page',
|
||||||
|
name: 'Sophie Neuenmuller'
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
date="2022 November 2020"
|
||||||
|
excerpt="Sophie!"
|
||||||
|
feature_image="https://images.nanao.moe/r/7jETH3.png"
|
||||||
|
primary_tag={{
|
||||||
|
accent_color: '#3b7b9c',
|
||||||
|
name: 'Sound Voltex',
|
||||||
|
url: '/examples/post-page'
|
||||||
|
}}
|
||||||
|
reading_time="3 min"
|
||||||
|
title="Sophie!"
|
||||||
|
url="/examples/post-page"
|
||||||
|
/>
|
||||||
|
</PostRelated>
|
||||||
|
</Container>
|
||||||
87
src/routes/[tag]/index.svelte
Normal file
87
src/routes/[tag]/index.svelte
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
<script lang="ts" context="module">
|
||||||
|
export const load: Load = async ({ params }) => {
|
||||||
|
const tagSlug = params.tag;
|
||||||
|
const tagObj = await readTag(tagSlug);
|
||||||
|
const posts = await browsePostWithTag(tagSlug);
|
||||||
|
|
||||||
|
return {
|
||||||
|
props: {
|
||||||
|
tag: tagObj,
|
||||||
|
posts: posts
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
|
||||||
|
import PostCard from '@damillora/plachta/components/PostCard/PostCard.svelte';
|
||||||
|
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
|
||||||
|
import TagHeader from '@damillora/plachta/components/Post/TagHeader.svelte';
|
||||||
|
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
|
||||||
|
import Container from '@damillora/plachta/components/Container/Container.svelte';
|
||||||
|
import { browsePostWithTag, readTag } from '$lib/content/contentApi';
|
||||||
|
import type { Load } from '@sveltejs/kit';
|
||||||
|
import { onMount } from 'svelte';
|
||||||
|
import { browser } from '$app/env';
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
import TagSeo from '$lib/components/SEO/TagSEO.svelte';
|
||||||
|
|
||||||
|
export let tag: any;
|
||||||
|
export let posts: any[];
|
||||||
|
let newPosts: any[] = [];
|
||||||
|
let page = 1;
|
||||||
|
$: posts = [...posts, ...newPosts];
|
||||||
|
|
||||||
|
async function loadPage() {
|
||||||
|
const posts = await browsePostWithTag(tag.slug, page);
|
||||||
|
newPosts = posts;
|
||||||
|
}
|
||||||
|
|
||||||
|
let footer: HTMLElement;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
if (browser) {
|
||||||
|
const handleIntersect: IntersectionObserverCallback = (entries, observer) => {
|
||||||
|
const first = entries[0];
|
||||||
|
if (first.isIntersecting) {
|
||||||
|
page++;
|
||||||
|
loadPage();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const options = { threshold: 0.125, rootMargin: '-100% 0% 100%' };
|
||||||
|
const observer = new IntersectionObserver(handleIntersect, options);
|
||||||
|
observer.observe(footer);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Tag: {tag.name} - Damillora's Virtual Memoir</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<TagSeo {tag} />
|
||||||
|
|
||||||
|
<Hero background={tag.feature_image ?? `/images/default-feature.jpg`} />
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
<Post>
|
||||||
|
<TagHeader accent_color={tag.accent_color} name={tag.name} description={tag.description} />
|
||||||
|
</Post>
|
||||||
|
|
||||||
|
<Index>
|
||||||
|
{#each posts as post}
|
||||||
|
<PostCard
|
||||||
|
title={post.title}
|
||||||
|
authors={post.authors}
|
||||||
|
primary_tag={post.primary_tag}
|
||||||
|
date={dayjs(post.published_at).format('DD MMM YYYY')}
|
||||||
|
reading_time={`${post.reading_time} min read`}
|
||||||
|
excerpt={post.excerpt}
|
||||||
|
feature_image={post.feature_image ?? '/images/default-feature.jpg'}
|
||||||
|
url={post.url}
|
||||||
|
/>
|
||||||
|
{/each}
|
||||||
|
<div bind:this={footer} />
|
||||||
|
</Index>
|
||||||
|
</Container>
|
||||||
58
src/routes/__layout.svelte
Normal file
58
src/routes/__layout.svelte
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
<script lang="ts" context="module">
|
||||||
|
export const load: Load = async () => {
|
||||||
|
const settings = await browseSettings();
|
||||||
|
|
||||||
|
return {
|
||||||
|
props: {
|
||||||
|
header: settings.codeinjection_head,
|
||||||
|
footer: settings.codeinjection_foot
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { goto } from '$app/navigation';
|
||||||
|
import { browseSettings } from '$lib/content/contentApi';
|
||||||
|
|
||||||
|
import Base from '@damillora/plachta/components/Base/Base.svelte';
|
||||||
|
import Footer from '@damillora/plachta/components/Footer.svelte/Footer.svelte';
|
||||||
|
import Header from '@damillora/plachta/components/Header/Header.svelte';
|
||||||
|
import NavDarkMode from '@damillora/plachta/components/Nav/NavDarkMode.svelte';
|
||||||
|
import NavMenu from '@damillora/plachta/components/Nav/NavMenu.svelte';
|
||||||
|
import NavSearch from '@damillora/plachta/components/Nav/NavSearch.svelte';
|
||||||
|
import type { Load } from '@sveltejs/kit';
|
||||||
|
|
||||||
|
const doSearch = (e: any) => {
|
||||||
|
if (e.detail.query) {
|
||||||
|
goto('/search?q=' + e.detail.query, { replaceState: true, keepfocus: true });
|
||||||
|
} else {
|
||||||
|
goto('/', { replaceState: true, keepfocus: true });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export let header = '';
|
||||||
|
export let footer = '';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
{@html header}
|
||||||
|
</svelte:head>
|
||||||
|
<Base>
|
||||||
|
<Header>
|
||||||
|
<svelte:fragment slot="title">
|
||||||
|
<a href="/"> <strong>Damillora</strong>'s Virtual Memoir </a>
|
||||||
|
</svelte:fragment>
|
||||||
|
<svelte:fragment slot="nav">
|
||||||
|
<NavMenu label="Home" url="/" />
|
||||||
|
<NavDarkMode />
|
||||||
|
<NavSearch on:search={doSearch} />
|
||||||
|
</svelte:fragment>
|
||||||
|
</Header>
|
||||||
|
|
||||||
|
<slot />
|
||||||
|
{@html footer}
|
||||||
|
<Footer>
|
||||||
|
<p>Copyright (c) 2021 Damillora</p>
|
||||||
|
</Footer>
|
||||||
|
</Base>
|
||||||
95
src/routes/author/[author].svelte
Normal file
95
src/routes/author/[author].svelte
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<script lang="ts" context="module">
|
||||||
|
export const load: Load = async ({ params }) => {
|
||||||
|
const authorSlug = params.author;
|
||||||
|
const authorObj = await readAuthor(authorSlug);
|
||||||
|
const posts = await browsePostWithAuthor(authorSlug);
|
||||||
|
|
||||||
|
return {
|
||||||
|
props: {
|
||||||
|
author: authorObj,
|
||||||
|
posts: posts
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import PostCard from '@damillora/plachta/components/PostCard/PostCard.svelte';
|
||||||
|
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
|
||||||
|
import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
|
||||||
|
import AuthorHeader from '@damillora/plachta/components/Post/AuthorHeader.svelte';
|
||||||
|
import Container from '@damillora/plachta/components/Container/Container.svelte';
|
||||||
|
import type { Load } from '@sveltejs/kit';
|
||||||
|
import { browsePostWithAuthor, readAuthor } from '$lib/content/contentApi';
|
||||||
|
import { onMount } from 'svelte';
|
||||||
|
import { browser } from '$app/env';
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
import AuthorSeo from '$lib/components/SEO/AuthorSEO.svelte';
|
||||||
|
import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
|
||||||
|
|
||||||
|
export let author: any;
|
||||||
|
|
||||||
|
export let posts: any[];
|
||||||
|
let newPosts: any[] = [];
|
||||||
|
let page = 1;
|
||||||
|
$: posts = [...posts, ...newPosts];
|
||||||
|
|
||||||
|
async function loadPage() {
|
||||||
|
const posts = await browsePostWithAuthor(author.slug, page);
|
||||||
|
newPosts = posts;
|
||||||
|
}
|
||||||
|
|
||||||
|
let footer: HTMLElement;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
if (browser) {
|
||||||
|
const handleIntersect: IntersectionObserverCallback = (entries, observer) => {
|
||||||
|
const first = entries[0];
|
||||||
|
if (first.isIntersecting) {
|
||||||
|
page++;
|
||||||
|
loadPage();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const options = { threshold: 0.125, rootMargin: '-100% 0% 100%' };
|
||||||
|
const observer = new IntersectionObserver(handleIntersect, options);
|
||||||
|
observer.observe(footer);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Author: {author.name} - Damillora's Virtual Memoir</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<Hero background={author.cover_image ?? `/images/default-feature.jpg`} />
|
||||||
|
|
||||||
|
<AuthorSeo {author} />
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
<Post>
|
||||||
|
<AuthorHeader
|
||||||
|
profile_image={author.profile_image}
|
||||||
|
name={author.name}
|
||||||
|
bio={author.bio}
|
||||||
|
website={author.website}
|
||||||
|
facebook={author.facebook}
|
||||||
|
twitter={author.twitter}
|
||||||
|
/>
|
||||||
|
</Post>
|
||||||
|
|
||||||
|
<Index>
|
||||||
|
{#each posts as post}
|
||||||
|
<PostCard
|
||||||
|
title={post.title}
|
||||||
|
authors={post.authors}
|
||||||
|
primary_tag={post.primary_tag}
|
||||||
|
date={dayjs(post.published_at).format('DD MMM YYYY')}
|
||||||
|
reading_time={`${post.reading_time} min read`}
|
||||||
|
excerpt={post.excerpt}
|
||||||
|
feature_image={post.feature_image ?? '/images/default-feature.jpg'}
|
||||||
|
url={post.url}
|
||||||
|
/>
|
||||||
|
{/each}
|
||||||
|
<div bind:this={footer} />
|
||||||
|
</Index>
|
||||||
|
</Container>
|
||||||
77
src/routes/index.svelte
Normal file
77
src/routes/index.svelte
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<script lang="ts" context="module">
|
||||||
|
import { browsePost } from '$lib/content/contentApi';
|
||||||
|
|
||||||
|
export async function load() {
|
||||||
|
const posts = await browsePost();
|
||||||
|
|
||||||
|
return {
|
||||||
|
props: {
|
||||||
|
posts: posts
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { browser } from '$app/env';
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
|
import Container from '@damillora/plachta/components/Container/Container.svelte';
|
||||||
|
import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
|
||||||
|
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
|
||||||
|
import PostCard from '@damillora/plachta/components/PostCard/PostCard.svelte';
|
||||||
|
import { onMount } from 'svelte';
|
||||||
|
import IndexSeo from '$lib/components/SEO/IndexSEO.svelte';
|
||||||
|
|
||||||
|
export let posts: any[] = [];
|
||||||
|
let newPosts: any[] = [];
|
||||||
|
let page = 1;
|
||||||
|
$: posts = [...posts, ...newPosts];
|
||||||
|
|
||||||
|
async function loadPage() {
|
||||||
|
const posts = await browsePost(page);
|
||||||
|
newPosts = posts;
|
||||||
|
}
|
||||||
|
|
||||||
|
let footer: HTMLElement;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
if (browser) {
|
||||||
|
const handleIntersect: IntersectionObserverCallback = (entries, observer) => {
|
||||||
|
const first = entries[0];
|
||||||
|
if (first.isIntersecting) {
|
||||||
|
page++;
|
||||||
|
loadPage();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const options = { threshold: 0.125, rootMargin: '-100% 0% 100%' };
|
||||||
|
const observer = new IntersectionObserver(handleIntersect, options);
|
||||||
|
observer.observe(footer);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Damillora's Virtual Memoir</title>
|
||||||
|
</svelte:head>
|
||||||
|
<IndexSeo />
|
||||||
|
|
||||||
|
<Hero background="/images/default-feature.jpg" />
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
<Index>
|
||||||
|
{#each posts as post}
|
||||||
|
<PostCard
|
||||||
|
title={post.title}
|
||||||
|
authors={post.authors}
|
||||||
|
primary_tag={post.primary_tag}
|
||||||
|
date={dayjs(post.published_at).format('DD MMM YYYY')}
|
||||||
|
reading_time={`${post.reading_time} min read`}
|
||||||
|
excerpt={post.excerpt}
|
||||||
|
feature_image={post.feature_image ?? '/images/default-feature.jpg'}
|
||||||
|
url={post.url}
|
||||||
|
/>
|
||||||
|
{/each}
|
||||||
|
</Index>
|
||||||
|
<div bind:this={footer} />
|
||||||
|
</Container>
|
||||||
79
src/routes/search.svelte
Normal file
79
src/routes/search.svelte
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
<script lang="ts" context="module">
|
||||||
|
export const load: Load = async ({ url, fetch }) => {
|
||||||
|
const yurikoEndpoint = 'https://search.blog.nanao.moe';
|
||||||
|
const apiEndpoint = '/api/article/search?';
|
||||||
|
const queryString = 'q=';
|
||||||
|
const pageString = '&page=';
|
||||||
|
|
||||||
|
const q = url.searchParams.get('q') ?? '';
|
||||||
|
const page = url.searchParams.get('page') ?? 1;
|
||||||
|
|
||||||
|
const search = await fetch(
|
||||||
|
`${yurikoEndpoint}${apiEndpoint}${queryString}${q}${pageString}${page}`
|
||||||
|
);
|
||||||
|
const result = await search.json();
|
||||||
|
|
||||||
|
return {
|
||||||
|
props: {
|
||||||
|
query: q,
|
||||||
|
posts: result.result
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { browser } from '$app/env';
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
|
import Container from '@damillora/plachta/components/Container/Container.svelte';
|
||||||
|
import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
|
||||||
|
import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
|
||||||
|
import SearchCard from '@damillora/plachta/components/PostCard/SearchCard.svelte';
|
||||||
|
import { onMount } from 'svelte';
|
||||||
|
import { search } from '$lib/content/searchApi';
|
||||||
|
import type { Load } from '@sveltejs/kit';
|
||||||
|
export let query = '';
|
||||||
|
export let posts: any[] = [];
|
||||||
|
let newPosts: any[] = [];
|
||||||
|
let page = 1;
|
||||||
|
$: posts = [...posts, ...newPosts];
|
||||||
|
|
||||||
|
async function loadPage() {
|
||||||
|
const posts = await search(query, page);
|
||||||
|
|
||||||
|
newPosts = posts.result;
|
||||||
|
}
|
||||||
|
|
||||||
|
let footer: HTMLElement;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
if (browser) {
|
||||||
|
const handleIntersect: IntersectionObserverCallback = (entries, observer) => {
|
||||||
|
const first = entries[0];
|
||||||
|
if (first.isIntersecting) {
|
||||||
|
page++;
|
||||||
|
loadPage();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const options = { threshold: 0.125, rootMargin: '-100% 0% 100%' };
|
||||||
|
const observer = new IntersectionObserver(handleIntersect, options);
|
||||||
|
observer.observe(footer);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Damillora's Virtual Memoir</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<Hero background="/images/default-feature.jpg" />
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
<Index>
|
||||||
|
{#each posts as post}
|
||||||
|
<SearchCard title={post.title} url={post.url} excerpt={post.excerpt} />
|
||||||
|
{/each}
|
||||||
|
</Index>
|
||||||
|
<div bind:this={footer} />
|
||||||
|
</Container>
|
||||||
39
src/routes/sitemap.xml.ts
Normal file
39
src/routes/sitemap.xml.ts
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
import { browseAllPost } from "$lib/content/contentApi";
|
||||||
|
|
||||||
|
export async function GET() {
|
||||||
|
|
||||||
|
const allPosts = await browseAllPost();
|
||||||
|
|
||||||
|
|
||||||
|
/** @type {import('@sveltejs/kit').RequestHandler} */
|
||||||
|
const createSitemap = () => {
|
||||||
|
|
||||||
|
let xml = ''
|
||||||
|
xml += '<?xml version="1.0" encoding="UTF-8"?>'
|
||||||
|
xml += '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">'
|
||||||
|
|
||||||
|
|
||||||
|
allPosts.map((_post) => {
|
||||||
|
xml += '<url>'
|
||||||
|
xml += `<loc>${_post.url}</loc>`
|
||||||
|
xml += `<lastmod>${_post.updated_at}</lastmod>`
|
||||||
|
xml += `<changefreq>always</changefreq>`
|
||||||
|
xml += `<priority>0.5</priority>`
|
||||||
|
xml += '</url>'
|
||||||
|
});
|
||||||
|
|
||||||
|
xml += '</urlset>'
|
||||||
|
|
||||||
|
console.log(`Wrote Sitemap`);
|
||||||
|
return xml;
|
||||||
|
|
||||||
|
}
|
||||||
|
const xml = createSitemap();
|
||||||
|
return {
|
||||||
|
status: 200,
|
||||||
|
headers: {
|
||||||
|
'access-control-allow-origin': '*'
|
||||||
|
},
|
||||||
|
body: xml,
|
||||||
|
};
|
||||||
|
}
|
||||||
BIN
static/favicon.png
Normal file
BIN
static/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 263 KiB |
BIN
static/images/default-feature.jpg
Normal file
BIN
static/images/default-feature.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 493 KiB |
15
svelte.config.js
Normal file
15
svelte.config.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import adapter from '@sveltejs/adapter-node';
|
||||||
|
import preprocess from 'svelte-preprocess';
|
||||||
|
|
||||||
|
/** @type {import('@sveltejs/kit').Config} */
|
||||||
|
const config = {
|
||||||
|
// Consult https://github.com/sveltejs/svelte-preprocess
|
||||||
|
// for more information about preprocessors
|
||||||
|
preprocess: preprocess(),
|
||||||
|
|
||||||
|
kit: {
|
||||||
|
adapter: adapter()
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
13
tsconfig.json
Normal file
13
tsconfig.json
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"extends": "./.svelte-kit/tsconfig.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"allowJs": true,
|
||||||
|
"checkJs": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"strict": true
|
||||||
|
}
|
||||||
|
}
|
||||||
11
vite.config.js
Normal file
11
vite.config.js
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import { sveltekit } from '@sveltejs/kit/vite';
|
||||||
|
import preprocess from 'svelte-preprocess';
|
||||||
|
|
||||||
|
/** @type {import('vite').UserConfig} */
|
||||||
|
const config = {
|
||||||
|
plugins: [sveltekit({
|
||||||
|
useVitePreprocess: true,
|
||||||
|
})],
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
Loading…
Reference in New Issue
Block a user