index.php

<?php
get_header(); 
?>
<div class="main">
	<div class="top">
		<h1><?php echo get_bloginfo('name');?><small><?php echo get_bloginfo('description');?></small></h1>
	</div>
	<div class="photography">
		<div class="pic_list">

		</div>
	</div>
	<div class="posts">
		<?php if (have_posts()) :
			$i = 1;
			while (have_posts()) : 
			$i++;
			the_post();?>
		<article class="article <?php if($i%2 != 0){ echo 'odd';}?>">
			<a href="<?php the_permalink();?>"><div class="article-thumb"><?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full');?>
			<img class="post_thumbmail" data-original="<?php echo $thumb[0];?>" />
			</div></a>
			<div class="article-content">
			<?php the_title( sprintf( '<a href="%s" rel="bookmark"><h1>', esc_url( get_permalink() ) ), '</h1></a>' );?>
			<p class="small"><em><i class="fa fa-clock-o"></i>&nbsp;<?php the_time('Y-m-d H:i') ?></em></p>
			<?php the_excerpt();?>
			 <a href="<?php the_permalink();?>" class="more-link">阅读全文</a>
			 </div>
		</article>
			<?php endwhile; ?>
			<?php the_posts_pagination( array(
				'mid_size' => 2,
				'prev_text' => '<i class="fa fa-angle-left" aria-hidden="true"></i>',
				'next_text' => '<i class="fa fa-angle-right" aria-hidden="true"></i>',
				'screen_reader_text' => ''
			) ); ?> 
			<?php endif;?>
		</div>
	</div>
<?php get_footer();?>