代码高亮渲染使用的是 highlightjs。双击代码块可全屏,你发现了吗?

import matplotlib
import matplotlib.pyplot as plt
import numpy as np
import pandas as pd
import sklearn

# Load the data
oecd_bli = pd.read_csv("oecd_bli_2015.csv", thousands=',')
gdp_per_capita = pd.read_csv("gdp_per_capita.csv",thousands=',',delimiter='t',
                            encoding='latin1', na_values="n/a")

# Prepare the data
country_stats = prepare_country_stats(oecd_bli, gdp_per_capita)
X = np.c_[country_stats["GDP per capita"]]
y = np.c_[country_stats["Life satisfaction"]]
.post-title h3 {
    font-size: 18px;
}

.body{font-family: Arial, Helvetica, sans-serif;}

a {
    text-decoration: none!important;
}


.focusinfo {
    position: relative;
    max-width: 800px;
    padding: 0 10px;
    top: 49.3%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
    z-index: 99;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
    width: 270px;
    height: 270px;
    background-color: #fdfdfd;
    border-radius: 10px;
    box-shadow: 0px 5px 30px 2px #d1cfcf;
}

.header-info {
    width: 63%;
    margin: auto;
    font-size: 16px;
    color: #eaeadf;
    /* background: rgba(0,0,0,.5); */
       background: rgba(255, 255, 255, 0)!important;
       padding: 55px 0px 0px 0px;
    margin-top: 22px;
    letter-spacing: 0;
    line-height: 30px;
    border-radius: 10px;
    box-sizing: initial;
    white-space: nowrap;

}


.header-tou img {
    width: 100px;
    height: 100px;
  box-shadow: 0px 0px 3px #d1cfcf!important;
padding:0px!important;
}


.header-tou {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -20%;
    left: 30%;
}
.centerbg {
    padding-top: 30px!important;}

.header-info p {

    font-family: "Microsoft YaHei";
    color: #696969!important;
}

.header-info h3 {
    font-size: 35px;
    color: #ffa3a3;
    font-weight: 900;
    font-family: "Microsoft YaHei";
}

.header-info h3:hover {
    font-size: 35px;
    color: #13c4a5;
    font-weight: 900;
    font-family: "Microsoft YaHei";
}



.top-social img {
    background-color: #feffff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);

}

#output-wrap {
    padding-top: 25px;
}

@media only screen and (max-width: 1200px){

#output-wrap h2 {
    font-size: 18px;
}

}

.top-social_v2 {
    margin-left: -30px!important;
   width: 300px;

    margin-bottom: -35px;
}
.top-social_v2  img {
    background-color: #ffffffa6;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}

.post-title h3 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        padding: 5px 0px 0px 0px;
}

.float-content p {
    line-height: 2;
    height: 90px;
}
body{font-family: Arial, Helvetica, sans-serif!important;}
.entry-content p {
    font-weight: 300;
}