diff --git a/_config.yml b/_config.yml
deleted file mode 100644
index c419263..0000000
--- a/_config.yml
+++ /dev/null
@@ -1 +0,0 @@
-theme: jekyll-theme-cayman
\ No newline at end of file
diff --git a/dnomd343.jpg b/dnomd343.jpg
new file mode 100644
index 0000000..01805d9
Binary files /dev/null and b/dnomd343.jpg differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..9016a83
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d3f0546
--- /dev/null
+++ b/index.html
@@ -0,0 +1,85 @@
+<!-- <!DOCTYPE html> -->
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <title>Dnomd343</title>
+    <link rel="shortcut icon" href="favicon.ico">
+	<style>
+		html,
+		body {
+			background-color: #fff;
+			color: #636b6f;
+			font-family: 'Raleway';
+			font-weight: 100;
+			height: 100vh;
+			margin: 0;
+		}
+		.full-height {
+			height: 100vh;
+		}
+		.flex-center {
+			align-items: center;
+			display: flex;
+			justify-content: center;
+		}
+		.position-ref {
+			position: relative;
+		}
+		.top-right {
+			position: absolute;
+			right: 10px;
+			top: 18px;
+		}
+		.content {
+			text-align: center;
+		}
+		.title {
+			font-size: 84px;
+		}
+		.links > a {
+			color: #636b6f;
+			padding: 0 25px;
+			font-size: 12px;
+			font-weight: 600;
+			letter-spacing: .1rem;
+			text-decoration: none;
+		}
+		.m-b-md {
+			margin-bottom: 30px;
+		}
+		.title a img {
+			max-height: none!important;
+			width: 120px;
+			height: 120px;
+			overflow: hidden;
+			border-radius: 50%;
+			background: #FFF;
+			box-shadow: rgba(255,255,255,1) 0 0 0 5px, rgba(0,0,0,1) 0 0 5px 4px;
+			-webkit-transition: -webkit-transform 600ms;
+			-moz-transition: -moz-transform 600ms;
+			transition: transform 600ms;
+		}
+		.title a img:hover {
+			-webkit-transform: rotate(360deg);
+			-moz-transform: rotate(360deg);
+			transform: rotate(360deg);
+		}
+	</style>
+</head>
+<body>
+	<div class="flex-center position-ref full-height">
+		<div class="content">
+			<div class="title m-b-md">
+				<a href="/">
+					<img src="dnomd343.jpg" alt="dnomd343">
+				</a>
+			</div>
+			<div class="links">
+				<a target="_blank" href="https://www.zhihu.com/people/lin-ju-cong">知乎</a>
+				<a target="_blank" href="https://space.bilibili.com/32477702">哔哩哔哩</a>
+				<a target="_blank" href="https://github.com/dnomd343">GitHub</a>
+			</div>
+		</div>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.md b/index.md
deleted file mode 100644
index 04f4169..0000000
--- a/index.md
+++ /dev/null
@@ -1,37 +0,0 @@
-## Welcome to GitHub Pages
-
-You can use the [editor on GitHub](https://github.com/dnomd343/dnomd343.github.io/edit/master/index.md) to maintain and preview the content for your website in Markdown files.
-
-Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files.
-
-### Markdown
-
-Markdown is a lightweight and easy-to-use syntax for styling your writing. It includes conventions for
-
-```markdown
-Syntax highlighted code block
-
-# Header 1
-## Header 2
-### Header 3
-
-- Bulleted
-- List
-
-1. Numbered
-2. List
-
-**Bold** and _Italic_ and `Code` text
-
-[Link](url) and ![Image](src)
-```
-
-For more details see [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/).
-
-### Jekyll Themes
-
-Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/dnomd343/dnomd343.github.io/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file.
-
-### Support or Contact
-
-Having trouble with Pages? Check out our [documentation](https://help.github.com/categories/github-pages-basics/) or [contact support](https://github.com/contact) and we’ll help you sort it out.
