Skip to content
This repository was archived by the owner on Mar 15, 2025. It is now read-only.

Commit 3d4e190

Browse files
committed
layoutをcssで定義できる様になった
Pandacssでも書ける+Config.jsの意味はわからん
1 parent 9e0997f commit 3d4e190

File tree

13 files changed

+252
-23
lines changed

13 files changed

+252
-23
lines changed
8.29 KB
Loading
Lines changed: 67 additions & 0 deletions
Loading

articles/test.md

Lines changed: 0 additions & 13 deletions
This file was deleted.

articles/uploaded/test.md

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
---
2+
tags:
3+
- アニメ
4+
- ゲーム
5+
excalidraw-open-md: false
6+
cssclasses:
7+
---
8+
9+
Blogを表示できたら成功。
10+
11+
# アニメ
12+
13+
![vike-square-gradient.yySbJPh3.svg](..\assets\vike-square-gradient.yySbJPh3.svg)
14+
15+
![Test20240406233811738.jpg](../assets/Test20240406233811738.jpg)
16+
17+
# [笹川真生 - 日本の九月の気層です / Mao Sasagawa - Japan's September Air Layer](https://www.youtube.com/watch?v=4-3Ogspng1I&list=RDRcDBofJ-_oA&index=12)
18+
19+
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/4-3Ogspng1I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
20+
21+
Markdownの構文一覧
22+
23+
> 引用
24+
> > 引用のネスト
25+
> あふぁds
26+
27+
**bold**
28+
29+
*itaric*
30+
31+
`code`
32+
33+
~~cancel~~
34+
35+
---
36+
37+
# タイトル
38+
39+
| test | table |
40+
| ---- | --- |
41+
| row | aaa |
42+
43+
- list
44+
- nest
45+
- aaa
46+
47+
1. number
48+
2. test
49+
1. i
50+
2. ii
51+
3. iii
52+
4. iv
53+
5. v
54+
55+
codeblock
56+
57+
``` typescript
58+
const [number,setNumber] =useState(0)
59+
60+
export default funciton home ():ReactElement {
61+
return(
62+
<h1> home page </h1>
63+
{number}
64+
)
65+
}
66+
```
67+
68+
LinkCard

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@
2525
"react-dom": "^18.2.0",
2626
"react-router-dom": "^6.22.3",
2727
"recharts": "2",
28-
"vike": "^0.4.168"
28+
"vike": "^0.4.168",
29+
"vike-react": "^0.4.6"
2930
},
3031
"devDependencies": {
3132
"@iconify/react": "^4.1.1",

src/global.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
/* @layer reset, base, tokens, recipes, utilities; */
1+
@layer reset, base, tokens, recipes, utilities;

src/pages/blogs/+Layout.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { type ReactElement } from "react";
2+
import { styled as p } from "@panda/jsx";
3+
import "./Layout.css";
4+
5+
6+
7+
function Layout({ children }: { children: ReactElement }): ReactElement {
8+
return (
9+
<p.div
10+
fontFamily="Noto Sans JP, sans-serif"
11+
>
12+
{children}
13+
</p.div>
14+
);
15+
}
16+
export default Layout;

src/pages/blogs/+Page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { type ReactElement } from "react";
22
import { styled as p } from "@panda/jsx";
3-
import Test from "../../../articles/test.md";
3+
import Test from "../../../articles/uploaded/test.md";
44

55
export default function Blogs(): ReactElement {
66
return (

src/pages/blogs/+config.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import vikeReact from "vike-react/config";
2+
3+
export default {
4+
// Install vike-react.
5+
// In technical terms: inherit the configuration set by `vike-react/config`.
6+
extends: vikeReact,
7+
};

src/pages/blogs/@id/index.tsx

Whitespace-only changes.

0 commit comments

Comments
 (0)