Gatsby静态站点生成实战

工作中用到了这个技术，把学习和实践过程记录一下。代码都在本地跑通过了，环境是Python 3.11。

先搞清楚原理

Gatsby的底层原理涉及安全加固。用代码演示比画图更直观：

<?php
function custom_meta_description_59() {
    if (is_single()) {
        global $post;
        $excerpt = get_the_excerpt($post);
        $desc = mb_substr(wp_strip_all_tags($excerpt), 0, 155);
        echo '<meta name="description" content="' . esc_attr($desc) . '">' . "\n";
    }
}
add_action('wp_head', 'custom_meta_description_59', 1);

function add_schema_markup_59() {
    if (is_single()) {
        global $post;
        $schema = array(
            '@context' => 'https://schema.org',
            '@type' => 'Article',
            'headline' => get_the_title($post),
            'datePublished' => get_the_date('c', $post),
            'dateModified' => get_the_modified_date('c', $post),
        );
        echo '<script type="application/ld+json">' . wp_json_encode($schema, JSON_UNESCAPED_UNICODE) . '</script>' . "\n";
    }
}
add_action('wp_head', 'add_schema_markup_59', 99);

实际怎么用

实际用的时候有几个注意点。首先是配置问题，不同环境参数可能不一样。其次是性能，数据量大的时候要注意安全加固。看这段实际运行的代码：

<?php
class LoginLimiter_66 {
    private static $max_attempts = 5;
    private static $lockout_time = 900;

    public static function check() {
        $ip = $_SERVER['REMOTE_ADDR'];
        $attempts = get_transient('login_attempts_' . md5($ip));
        if ($attempts !== false && $attempts >= self::$max_attempts) {
            wp_die('登录尝试过多，请15分钟后再试');
        }
    }

    public static function increment() {
        $ip = $_SERVER['REMOTE_ADDR'];
        $key = 'login_attempts_' . md5($ip);
        $attempts = (int) get_transient($key);
        set_transient($key, $attempts + 1, self::$lockout_time);
    }

    public static function reset() {
        $ip = $_SERVER['REMOTE_ADDR'];
        delete_transient('login_attempts_' . md5($ip));
    }
}

add_action('wp_login_failed', array('LoginLimiter_66', 'increment'));
add_action('wp_login', array('LoginLimiter_66', 'reset'));
add_action('login_form', array('LoginLimiter_66', 'check'));

remove_action('wp_head', 'wp_generator');
add_filter('xmlrpc_enabled', '__return_false');

进阶一点的用法

有些场景下Gatsby的常规写法不够用，需要做安全加固。这个改动涉及的地方不多，但要注意顺序：

容易踩的坑

说几个容易踩的坑。第一个是安全加固的问题，很多人在这上面栽过跟头。第二个是版本兼容性，不同版本行为可能不一样。第三个是边界情况，空值和异常输入要处理好。

写在最后

总结一下，Gatsby的关键在于安全防护层。掌握了这个，其他用法都是在这个基础上扩展。建议多写几个小demo练手，光看不动手容易忘。