From 532d74effd9b8748845d056453b9a08e4ef1b0e7 Mon Sep 17 00:00:00 2001 From: michael Date: Fri, 16 Aug 2019 11:06:49 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0blog=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 0 -> 6148 bytes components/BackGround.js | 18 + components/Footer.js | 71 ++++ components/Header.js | 13 +- components/Layout.js | 2 + pages/_app.js | 30 ++ pages/_document.js | 20 + pages/{about.jsx => about.js} | 0 pages/blog.js | 381 ++++++++++++++++++ pages/{index.jsx => index.js} | 111 ++--- pages/{post.jsx => post.js} | 0 readme.md | 9 + static/img/blog.jpg | Bin 0 -> 2185216 bytes ...3M004C9DwKgBOV1QLUSACpB8AAGXwF1Yrlw824.jpg | Bin 0 -> 486346 bytes ...3M004FA5wKgBOV1RTiuAZ4lYAALxKzVe0xQ305.jpg | Bin 0 -> 192811 bytes 15 files changed, 572 insertions(+), 83 deletions(-) create mode 100644 .DS_Store create mode 100644 components/BackGround.js create mode 100644 components/Footer.js create mode 100644 pages/_app.js create mode 100644 pages/_document.js rename pages/{about.jsx => about.js} (100%) create mode 100644 pages/blog.js rename pages/{index.jsx => index.js} (83%) rename pages/{post.jsx => post.js} (100%) create mode 100644 static/img/blog.jpg create mode 100644 static/img/g3M004C9DwKgBOV1QLUSACpB8AAGXwF1Yrlw824.jpg create mode 100644 static/img/g3M004FA5wKgBOV1RTiuAZ4lYAALxKzVe0xQ305.jpg diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..66544f017c880eea9e05fd2d544a58a0a328c19d GIT binary patch literal 6148 zcmeHKOKQU~5S>X)F?8c)m%2i3AWV9KT%aX^PzWxxN!DKVTsd0ad^X1I&e?=FFnZEx zo`l}Q;}H?<&-=AVCn7D}P=0Ngo9&y=Y?ToO!g0o@>@M5y;rKNiX4!uSjQcD4-ZW$e#hzg+>MLt-uXFauu5Z literal 0 HcmV?d00001 diff --git a/components/BackGround.js b/components/BackGround.js new file mode 100644 index 0000000..a40c518 --- /dev/null +++ b/components/BackGround.js @@ -0,0 +1,18 @@ +const BackGround = () => { + return
+ +
+} +export default BackGround diff --git a/components/Footer.js b/components/Footer.js new file mode 100644 index 0000000..c2cd295 --- /dev/null +++ b/components/Footer.js @@ -0,0 +1,71 @@ +import Link from 'next/link'; +const CopyRight = () => { + return ( +
+
+
+
+

关于Blog

+

此Blog诞生的原因是想记录一些日常踩到的坑,也希望借此可以结交到其他的小伙伴啦,分享技术,一起进步.

+
+
+

友情链接

+ +
+
+

Design & Code by Blue.use Mongodb + Next.js

+
+ +
+ ) +} +export default CopyRight diff --git a/components/Header.js b/components/Header.js index f0679d8..14775e0 100644 --- a/components/Header.js +++ b/components/Header.js @@ -55,8 +55,9 @@ const Header = (props) => {
- 博文 + 博文 实验室 + 作品展 留言 关于
@@ -116,7 +117,7 @@ const Header = (props) => { border-radius: 1px; } - @media(max-width:500px){ + @media(max-width:700px){ .arrow.active{ top: 5px; transform: translateY(0); @@ -170,7 +171,7 @@ const Header = (props) => { opacity: 0; visibility: hidden; } - @media(max-width:500px){ + @media(max-width:700px){ .nav{ height: auto; } @@ -186,7 +187,7 @@ const Header = (props) => { justify-content: space-between; transition: 0.3s; } - @media(max-width:500px){ + @media(max-width:700px){ .w1500{ flex-direction:column; width: 100%; @@ -203,7 +204,7 @@ const Header = (props) => { padding: 0 10px; line-height: 56px; } - @media(max-width:500px){ + @media(max-width:700px){ .brand a{ display: inline-block; } @@ -221,7 +222,7 @@ const Header = (props) => { .links a:hover{ color: #1890ff; } - @media(max-width:500px){ + @media(max-width:700px){ .links{ overflow-x: scroll; -webkit-overflow-scrolling: touch; diff --git a/components/Layout.js b/components/Layout.js index b3aa308..6f58d77 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -4,6 +4,7 @@ import { createRef } from 'react'; import Header from './Header'; +import Footer from './Footer'; const Layout = props => { const [blur, setBlur] = useState(false); @@ -12,6 +13,7 @@ const Layout = props => {
{props.children} +
{/* background: rgba(255,255,255,0.6) */} + +} +const Aside = () => { + const SpaceBorder = (props) => { + return
+ {props.children} + +
+ } + return +} +const Card = () => { + return
+

美女

+ + +
+} +const UserInfo = () => { + return
+ +

Blue

+ +
+} +const List = () => { + const Item = () => { + return + +
+
+ +
+
+
+

[几天前]JavaScript 数据结构与算法之美 - 桶排序、计数排序、基数排序

+

之所以把计数排序、桶排序、基数排序 放在一起比较，是因为它们的平均时间复杂度都为 O(n)。

+
+
+
查看242评论3赞12019-07-30 22:54:16
+
+
+
+ + + + + } + const Page = () => { + return
+ + + + + + 1 + 2 + 3 + 4 + ... + 100 + + + + + + +
+ } + return
+ + + +
+} +const Label = () => { + let list = [{ title: '全部标签', value: 5 }, { title: 'javascript', value: 50, select: true }, { title: 'jQuery', value: 0 }, { title: '分享', value: 0 }, { title: '前端', value: 0 }] + const Item = (props) => { + const { item } = props; + return <> +
+ {item.title} + {item.value ? {item.value} : ''} +
+ + ; + } + return
+ {list.map((value, index) => { + return + })} + {/* .container{ + padding: 10px 0 0; + } */} + +
+} diff --git a/pages/index.jsx b/pages/index.js similarity index 83% rename from pages/index.jsx rename to pages/index.js index c33cd62..0e7ed70 100644 --- a/pages/index.jsx +++ b/pages/index.js @@ -4,87 +4,18 @@ import React, { } from 'react'; import Link from 'next/link'; import Layout from '../components/Layout'; -import '../css/reset.styl'; // back = #1890ff // color = #333 export default (props) => { + const [mask, setMask] = useState(false); return - - + + - } -const CopyRight = () => { - return ( -
-
-
-
-

关于Blog

-

此Blog诞生的原因是想记录一些日常踩到的坑,也希望借此可以结交到其他的小伙伴啦,分享技术,一起进步.

-
-
-

友情链接

- -
-
-

Design & Code by Blue.use Mongodb + Next.js

-
- -
- ) -} + const Drive = () => { return

Next.js强力驱动

@@ -115,6 +46,7 @@ const Drive = () => { color: #fff; text-align: left; padding: 5px 10px; + border-radius: 5px; } a{ color: #1890ff; @@ -332,9 +264,9 @@ const Design = () => {
) } -const Home = () => { +const Home = (props) => { return
-
+
{/*
*/}

你好!

@@ -350,6 +282,22 @@ const Home = () => {