React框架入门学习（四）-----个人博客搭建

    采用 Semantic-UI ，链接是： https://react.semantic-ui.com/

    下面介绍使用方法，Semantic-UI团队已经做好了许多React组件，我们只需要根据官方网页中的提示引入React组件就可以使用。在使用之前，先要在我们本地的React项目里安装Semantic-UI

    打开CMD命令行，读取项目路径，然后输入：

    cnpm i --save-dev semantic-ui-react    

      （cnpm 获取更快，输入npm效果一样）

      （cnpm安装方法输入： npm install -g cnpm --registry=https://registry.npm.taobao.org   ）

    之后输入：

    cnpm install semantic-ui-css --save

需要在index.js文件中导入：import 'semantic-ui-css/semantic.min.css';

对home.js进行修改，导入了Segment组件和Menu组件：

import React from 'react';
import { Link } from 'react-router-dom';
import { Segment, Menu } from 'semantic-ui-react';

class Home extends React.Component{
	render(){
		return(
			

				
This is Home!
					
					    
					        
					            
点击跳转到Page1
					        
					    
					    
					        
					            
点击跳转到Page2
					        
					    
					    
					        
					            
点击跳转到Page3
					        
					    
					
			
		);
	}
}
export default Home;	render(){
		return(
			

				
This is Home!
					
					    
					        
					            
点击跳转到Page1
					        
					    
					    
					        
					            
点击跳转到Page2
					        
					    
					    
					        
					            
点击跳转到Page3
					        
					    
					
			
		);
	}
}
export default Home;

这样，我们就完成了个人博客的搭建，之后我们对其进行完善。