chore: update examples

Je · Je · commit 34c05cb167c6 · 2020-10-09T22:39:19.000+08:00
diff --git a/examples/hello-world/app.tsx b/examples/hello-world/app.tsx
@@ -1,7 +1,7 @@
 import React, { ComponentType } from 'https://esm.sh/react'
 import { Head } from 'https://deno.land/x/aleph/mod.ts'
 
-export default function App({ Page }: { Page: ComponentType<any> }) {
+export default function App({ Page }: { Page: ComponentType }) {
     return (
         <>
             <Head>
diff --git a/examples/markdown-blog/pages/blog.tsx b/examples/markdown-blog/pages/blog.tsx
@@ -1,12 +1,24 @@
-import React, { ComponentType } from 'https://esm.sh/react'
 import { Head } from 'https://deno.land/x/aleph/mod.ts'
+import React, { ComponentType } from 'https://esm.sh/react'
+
+interface Metadata {
+    title: string
+    author: string
+    date: string
+}
 
-export default function Blog({ Page, pageProps }: { Page: ComponentType<any>, pageProps: { title: string } }) {
+export default function Blog({ Page }: { Page: ComponentType & { meta: Metadata } }) {
     return (
         <>
             <Head>
-                <title>{pageProps.title}</title>
+                <title>{Page.meta.title}</title>
             </Head>
+            <h1>{Page.meta.title}</h1>
+            <p style={{ color: 'gray', border: '1px solid #ddd', padding: 12, borderRadius: 6 }}>
+                <small>
+                    <em>{Page.meta.author}, {Page.meta.date}</em>
+                </small>
+            </p>
             <Page />
         </>
     )
diff --git a/examples/markdown-blog/pages/blog/index.md b/examples/markdown-blog/pages/blog/index.md
@@ -1,7 +1,7 @@
 ---
-title: Hello World
+title: Hello World!
 author: postUI Lab.
 date: 2020-10-01
 ---
-# Hello World
+
 Welcome to use **Aleph.js**!
diff --git a/examples/markdown-blog/pages/blog/readme.md b/examples/markdown-blog/pages/blog/readme.md
@@ -0,0 +1,45 @@
+---
+title: Aleph.js
+author: postUI Lab.
+date: 2020-10-01
+---
+
+The React Framework in [Deno](https://deno.land), inspired by [next.js](https://nextjs.org) and [snowpack](https://www.snowpack.dev).
+
+## Features
+- Zero Config
+- Typescript in Deno
+- ES Module Ready
+- HMR with Fast Refresh
+- File-system Routing
+- Markdown Page
+- Built-in CSS(Less) Support
+- SSR/SSG
+
+## Usage
+```bash
+# install aleph.js command
+deno install --allow-read --allow-write --allow-net -f -n aleph https://deno.land/x/aleph/cli.ts
+
+# initiate a new app
+$ aleph init hello
+$ cd hello
+
+# start app in development mode
+$ aleph
+
+# start app in production mode
+$ aleph start
+
+# build app
+$ aleph build
+
+# help message
+$ aleph -h
+```
+
+## Documentation
+Please visit https://alephjs.org/docs to view the documentation.
+
+## Contributing
+Please read the [contributing.md](CONTRIBUTING.md).
diff --git a/examples/markdown-blog/pages/index.tsx b/examples/markdown-blog/pages/index.tsx
@@ -1,12 +1,16 @@
-import { Import, Link } from 'https://deno.land/x/aleph/mod.ts'
+import { Head, Link } from 'https://deno.land/x/aleph/mod.ts'
 import React from 'https://esm.sh/react'
 
 export default function Home() {
     return (
         <div className="wrapper">
+             <Head>
+                <title>My Blog.</title>
+            </Head>
             <h1>My Blog.</h1>
             <ul>
-                <li><Link to="/blog/hello-world">Hello World</Link></li>
+                <li><Link to="/blog">Hello World</Link></li>
+                <li><Link to="/blog/readme">Aleph.js</Link></li>
             </ul>
         </div>
     )
