diff --git a/002.txt b/002.txt
new file mode 100644
index 0000000000000000000000000000000000000000..95d09f2b10159347eece71399a7e2e907ea3df4f
--- /dev/null
+++ b/002.txt
@@ -0,0 +1 @@
+hello world
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3ac0fe9b26d04552196b0b496b876cff9006fd59..e44259c2f9567f411cb4b465331e2135722accf0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,8 @@ import 'element-ui/lib/theme-chalk/index.css'
 
 import router from './router'
 // import store from './store'
+import '@/asset/app.css'
+
 
 Vue.use(Buefy)
 Vue.use(ElementUI)
diff --git a/src/view/Home.vue b/src/view/Home.vue
index c0f7fa2ced5b61b29f47f85fe96ecfb5d386d563..ff1a327cd02d0f41e11d5fc202d97b7ed65b7bd5 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -3,14 +3,25 @@
       <div class="box">
           {{billboard.content}}
       </div>
+      <div class="columns">
+      <div class="column is-three-quarters">
+        <TopicList></TopicList>
+      </div>
+      <div class="column">
+        <CardBar></CardBar>
+      </div>
+      </div> 
   </div>
 </template>
 
 <script>
 import {getBillboard} from '@/api/billboard'
+import CardBar from "@/view/card/CardBar"
+import PostList from "@/view/post/index"
 
 export default {
   name: 'Home',
+  components: {CardBar, TopicList: PostList},
   data() {
       return {
           billboard: {