/**
 * Plugin Name: WP文章自动刷新插件
 * Plugin URI: https://www.imwpweb.com/
 * Description: 真正意义上的文章翻新插件，模拟手工重新发布，让老旧文章重新获得搜索引擎青睐，提升网站流量
 * Version: 1.0.0
 * Author: IMWPWEB
 * Author URI: https://www.imwpweb.com/
 * Text Domain: wp-article-refresh
 * Domain Path: /languages
 * License: GPL v2 or later
 */

if (!defined('ABSPATH')) {
    exit;
}

// 插件常量定义
define('WP_ARTICLE_REFRESH_VERSION', '1.0.0');
define('WP_ARTICLE_REFRESH_PLUGIN_DIR', plugin_dir_path(__FILE__));
define('WP_ARTICLE_REFRESH_PLUGIN_URL', plugin_dir_url(__FILE__));

/**
 * 主插件类
 */
class WP_Article_Refresh {
    
    /**
     * 单例实例
     */
    private static $instance = null;
    
    /**
     * 获取单例实例
     */
    public static function get_instance() {
        if (null === self::$instance) {
            self::$instance = new self();
        }
        return self::$instance;
    }
    
    /**
     * 构造函数
     */
    private function __construct() {
        // 注册激活/停用钩子
        register_activation_hook(__FILE__, array($this, 'activate'));
        register_deactivation_hook(__FILE__, array($this, 'deactivate'));
        
        // 初始化插件
        add_action('init', array($this, 'init'));
        
        // 添加定时任务钩子
        add_action('wp_article_refresh_event', array($this, 'do_refresh'));
    }
    
    /**
     * 插件激活
     */
    public function activate() {
        // 设置默认选项
        $default_options = array(
            'enabled' => 1,
            'refresh_interval' => 60, // 分钟
            'days_range' => 365, // 1年内
            'daily_limit' => 10, // 每天最多翻新10篇
            'time_window_start' => '00:00',
            'time_window_end' => '23:59',
            'categories' => array(), // 空数组表示所有分类
            'exclude_categories' => array(),
            'refresh_mode' => 'today', // today:今天, random:随机前几天, gradual:逐渐递增
            'refreshed_today' => 0,
            'last_refresh_date' => date('Y-m-d'),
            'total_refreshed' => 0
        );
        
        if (!get_option('wp_article_refresh_options')) {
            add_option('wp_article_refresh_options', $default_options);
        }
        
        // 设置定时任务
        if (!wp_next_scheduled('wp_article_refresh_event')) {
            wp_schedule_event(time(), 'wp_article_refresh_interval', 'wp_article_refresh_event');
        }
        
        // 刷新重写规则
        flush_rewrite_rules();
    }
    
    /**
     * 插件停用
     */
    public function deactivate() {
        // 清除定时任务
        wp_clear_scheduled_hook('wp_article_refresh_event');
        
        // 刷新重写规则
        flush_rewrite_rules();
    }
    
    /**
     * 初始化插件
     */
    public function init() {
        // 加载文本域
        load_plugin_textdomain('wp-article-refresh', false, dirname(plugin_basename(__FILE__)) . '/languages');
        
        // 添加自定义定时间隔
        add_filter('cron_schedules', array($this, 'add_cron_interval'));
        
        // 添加管理菜单
        add_action('admin_menu', array($this, 'add_admin_menu'));
        
        // 注册AJAX处理
        add_action('wp_ajax_wp_article_refresh', array($this, 'handle_ajax'));
        
        // 添加设置链接
        add_filter('plugin_action_links_' . plugin_basename(__FILE__), array($this, 'add_settings_link'));
        
        // 加载前端资源（仅在插件页面加载）
        add_action('admin_enqueue_scripts', array($this, 'enqueue_assets'));
    }
    
    /**
     * 添加自定义Cron间隔
     */
    public function add_cron_interval($schedules) {
        $options = get_option('wp_article_refresh_options');
        $interval = isset($options['refresh_interval']) ? $options['refresh_interval'] : 60;
        
        $schedules['wp_article_refresh_interval'] = array(
            'interval' => $interval * 60,
            'display'  => sprintf(__('每 %d 分钟', 'wp-article-refresh'), $interval)
        );
        
        return $schedules;
    }
    
    /**
     * 添加管理菜单
     */
    public function add_admin_menu() {
        add_menu_page(
            __('文章自动刷新', 'wp-article-refresh'),
            __('文章刷新', 'wp-article_refresh'),
            'manage_options',
            'wp-article-refresh',
            array($this, 'render_admin_page'),
            'dashicons-update',
            30
        );
    }
    
    /**
     * 渲染管理页面
     */
    public function render_admin_page() {
        // 处理表单提交
        if (isset($_POST['wp_article_refresh_nonce']) && wp_verify_nonce($_POST['wp_article_refresh_nonce'], 'wp_article_refresh_save')) {
            $this->save_options();
            echo '<div class="notice notice-success is-dismissible"><p>' . __('设置已保存！', 'wp-article-refresh') . '</p></div>';
        }
        
        // 处理手动刷新
        if (isset($_POST['wp_article_refresh_manual']) && wp_verify_nonce($_POST['wp_article_refresh_manual_nonce'], 'wp_article_refresh_manual')) {
            $result = $this->do_refresh();
            if ($result) {
                echo '<div class="notice notice-success is-dismissible"><p>' . sprintf(__('成功刷新了 %d 篇文章！', 'wp-article-refresh'), $result) . '</p></div>';
            } else {
                echo '<div class="notice notice-warning is-dismissible"><p>' . __('没有找到符合条件的文章或已达今日上限！', 'wp-article-refresh') . '</p></div>';
            }
        }
        
        $options = get_option('wp_article_refresh_options');
        $stats = $this->get_statistics();
        $categories = get_categories(array('hide_empty' => false));
        
        include WP_ARTICLE_REFRESH_PLUGIN_DIR . 'templates/admin-page.php';
    }
    
    /**
     * 保存设置选项
     */
    private function save_options() {
        $options = array(
            'enabled' => isset($_POST['enabled']) ? 1 : 0,
            'refresh_interval' => absint($_POST['refresh_interval']),
            'days_range' => absint($_POST['days_range']),
            'daily_limit' => absint($_POST['daily_limit']),
            'time_window_start' => sanitize_text_field($_POST['time_window_start']),
            'time_window_end' => sanitize_text_field($_POST['time_window_end']),
            'categories' => isset($_POST['categories']) ? array_map('absint', $_POST['categories']) : array(),
            'exclude_categories' => isset($_POST['exclude_categories']) ? array_map('absint', $_POST['exclude_categories']) : array(),
            'refresh_mode' => sanitize_text_field($_POST['refresh_mode']),
            'refreshed_today' => isset($_POST['reset_count']) ? 0 : get_option('wp_article_refresh_options', array())
        );
        
        // 获取之前的设置
        $prev_options = get_option('wp_article_refresh_options', array());
        $options['refreshed_today'] = isset($prev_options['refreshed_today']) ? $prev_options['refreshed_today'] : 0;
        $options['last_refresh_date'] = isset($prev_options['last_refresh_date']) ? $prev_options['last_refresh_date'] : date('Y-m-d');
        $options['total_refreshed'] = isset($prev_options['total_refreshed']) ? $prev_options['total_refreshed'] : 0;
        
        update_option('wp_article_refresh_options', $options);
        
        // 重新设置定时任务
        wp_clear_scheduled_hook('wp_article_refresh_event');
        if ($options['enabled']) {
            wp_schedule_event(time(), 'wp_article_refresh_interval', 'wp_article_refresh_event');
        }
    }
    
    /**
     * 执行文章刷新
     */
    public function do_refresh() {
        $options = get_option('wp_article_refresh_options');
        
        // 检查插件是否启用
        if (!$options['enabled']) {
            return 0;
        }
        
        // 检查时间窗口
        $current_time = current_time('H:i');
        if ($current_time < $options['time_window_start'] || $current_time > $options['time_window_end']) {
            return 0;
        }
        
        // 重置每日计数
        $today = date('Y-m-d');
        if ($options['last_refresh_date'] !== $today) {
            $options['refreshed_today'] = 0;
            $options['last_refresh_date'] = $today;
        }
        
        // 检查每日限制
        if ($options['refreshed_today'] >= $options['daily_limit']) {
            return 0;
        }
        
        // 获取符合条件的文章
        $args = array(
            'post_type' => 'post',
            'post_status' => 'publish',
            'posts_per_page' => $options['daily_limit'] - $options['refreshed_today'],
            'date_query' => array(
                'before' => date('Y-m-d H:i:s', strtotime('-1 day')),
                'after' => date('Y-m-d H:i:s', strtotime('-' . $options['days_range'] . ' days'))
            ),
            'orderby' => 'rand',
            'no_found_rows' => true
        );
        
        // 分类筛选
        if (!empty($options['categories'])) {
            $args['category__in'] = $options['categories'];
        }
        
        if (!empty($options['exclude_categories'])) {
            $args['category__not_in'] = $options['exclude_categories'];
        }
        
        $query = new WP_Query($args);
        $refreshed = 0;
        
        if ($query->have_posts()) {
            foreach ($query->posts as $post) {
                // 更新文章日期
                $new_date = $this->calculate_new_date($post->post_date, $options['refresh_mode']);
                
                wp_update_post(array(
                    'ID' => $post->ID,
                    'post_date' => $new_date,
                    'post_date_gmt' => get_gmt_from_date($new_date),
                    'post_modified' => current_time('mysql'),
                    'post_modified_gmt' => current_time('mysql', 1)
                ));
                
                // 清理缓存
                clean_post_cache($post->ID);
                
                $refreshed++;
            }
            wp_reset_postdata();
        }
        
        // 更新统计
        $options['refreshed_today'] += $refreshed;
        $options['total_refreshed'] += $refreshed;
        update_option('wp_article_refresh_options', $options);
        
        return $refreshed;
    }
    
    /**
     * 计算新日期
     */
    private function calculate_new_date($original_date, $mode) {
        $original = strtotime($original_date);
        $now = time();
        
        switch ($mode) {
            case 'today':
                // 设置为今天
                return date('Y-m-d H:i:s', time());
                
            case 'random':
                // 随机1-7天前
                $random_days = wp_rand(1, 7);
                $new_time = strtotime("-{$random_days} days");
                return date('Y-m-d H:i:s', $new_time);
                
            case 'gradual':
                // 逐渐递增（基于原日期递减）
                $days_diff = floor(($now - $original) / 86400);
                if ($days_diff > 7) {
                    $new_time = strtotime('-7 days');
                } else {
                    $new_time = $original + 86400; // 往后推一天
                }
                return date('Y-m-d H:i:s', $new_time);
                
            default:
                return date('Y-m-d H:i:s', time());
        }
    }
    
    /**
     * 获取统计信息
     */
    public function get_statistics() {
        $options = get_option('wp_article_refresh_options');
        
        // 统计文章总数
        $total_posts = wp_count_posts('post');
        
        // 统计符合条件的文章数量
        $args = array(
            'post_type' => 'post',
            'post_status' => 'publish',
            'date_query' => array(
                'before' => date('Y-m-d H:i:s', strtotime('-1 day')),
                'after' => date('Y-m-d H:i:s', strtotime('-' . $options['days_range'] . ' days'))
            ),
            'no_found_rows' => true
        );
        
        if (!empty($options['categories'])) {
            $args['category__in'] = $options['categories'];
        }
        
        if (!empty($options['exclude_categories'])) {
            $args['category__not_in'] = $options['exclude_categories'];
        }
        
        $query = new WP_Query($args);
        $eligible_posts = $query->found_posts;
        
        return array(
            'total_posts' => $total_posts->publish,
            'eligible_posts' => $eligible_posts,
            'refreshed_today' => $options['refreshed_today'],
            'daily_limit' => $options['daily_limit'],
            'total_refreshed' => $options['total_refreshed'],
            'is_enabled' => $options['enabled'],
            'next_refresh' => wp_next_scheduled('wp_article_refresh_event') 
                ? date('Y-m-d H:i:s', wp_next_scheduled('wp_article_refresh_event')) 
                : __('未设置', 'wp-article-refresh')
        );
    }
    
    /**
     * 处理AJAX请求
     */
    public function handle_ajax() {
        if (!current_user_can('manage_options') || !wp_verify_nonce($_POST['nonce'], 'wp_article_refresh_ajax')) {
            wp_die(__('无权限', 'wp-article-refresh'));
        }
        
        $action = sanitize_text_field($_POST['sub_action']);
        
        switch ($action) {
            case 'get_stats':
                $stats = $this->get_statistics();
                wp_send_json_success($stats);
                break;
                
            case 'refresh_now':
                $result = $this->do_refresh();
                wp_send_json_success(array('refreshed' => $result));
                break;
                
            default:
                wp_send_json_error(__('未知操作', 'wp-article-refresh'));
        }
    }
    
    /**
     * 添加设置链接
     */
    public function add_settings_link($links) {
        $settings_link = '<a href="' . admin_url('admin.php?page=wp-article-refresh') . '">' . __('设置', 'wp-article-refresh') . '</a>';
        array_unshift($links, $settings_link);
        return $links;
    }
    
    /**
     * 加载资源文件
     */
    public function enqueue_assets($hook) {
        if ('toplevel_page_wp-article-refresh' !== $hook) {
            return;
        }
        
        wp_enqueue_style('wp-article-refresh-admin', WP_ARTICLE_REFRESH_PLUGIN_URL . 'assets/css/admin.css', array(), WP_ARTICLE_REFRESH_VERSION);
        wp_enqueue_script('wp-article-refresh-admin', WP_ARTICLE_REFRESH_PLUGIN_URL . 'assets/js/admin.js', array('jquery'), WP_ARTICLE_REFRESH_VERSION, true);
        
        wp_localize_script('wp-article-refresh-admin', 'wpArticleRefresh', array(
            'ajaxUrl' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('wp_article_refresh_ajax'),
            'strings' => array(
                'confirm' => __('确定要手动刷新吗？', 'wp-article-refresh'),
                'refreshing' => __('刷新中...', 'wp-article-refresh'),
                'success' => __('刷新成功！', 'wp-article-refresh'),
                'error' => __('刷新失败！', 'wp-article-refresh')
            )
        ));
    }
}

// 初始化插件
WP_Article_Refresh::get_instance();

// 创建模板目录
function wp_article_refresh_create_templates_dir() {
    $dir = WP_ARTICLE_REFRESH_PLUGIN_DIR . 'templates';
    if (!file_exists($dir)) {
        mkdir($dir, 0755, true);
    }
}
add_action('admin_init', 'wp_article_refresh_create_templates_dir');
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
    <title>Python模块安装失败提示TypeError: cannot use a bytes pattern on a string-like object怎么办？_创想鸟</title>
    <meta name="keywords" content="pycharm,python,电脑,解决方法">
<meta name="description" content="Python模块安装失败，报错“TypeError: cannot use a bytes pattern on a string-like object”的解决方案很多Python开发者在安装第三方库时，都会遇到恼人的TypeError: cannot use a bytes pattern on a string-">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.chuangxiangniao.com/p/1358034.html">
<meta property="og:site_name" content="创想鸟">
<meta property="og:title" content="Python模块安装失败提示TypeError: cannot use a bytes pattern on a string-like object怎么办？">
<meta property="og:image" content="https://cdn.chuangxiangniao.com/www/2025/12/174089593283717.jpg">
<meta property="og:description" content="Python模块安装失败，报错“TypeError: cannot use a bytes pattern on a string-like object”的解决方案很多Python开发者在安装第三方库时，都会遇到恼人的TypeError: cannot use a bytes pattern on a string-">
<link rel="canonical" href="https://www.chuangxiangniao.com/p/1358034.html">
<meta name="applicable-device" content="pc,mobile">
<meta http-equiv="Cache-Control" content="no-transform">
<link rel="shortcut icon" href="https://cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg">
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='stylesheet-css' href='https://www.chuangxiangniao.com/wp-content/themes/justnews/css/style.css?ver=6.22.3' type='text/css' media='all' />
<link rel='stylesheet' id='material-icons-css' href='https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/css/material-icons.css?ver=6.22.3' type='text/css' media='all' />
<link rel='stylesheet' id='remixicon-css' href='https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/css/remixicon.css?ver=4.6.0' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/css/font-awesome.css?ver=6.22.3' type='text/css' media='all' />
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='wwa-css' href='https://www.chuangxiangniao.com/wp-content/plugins/justweapp/css/style.css?ver=3.16.1' type='text/css' media='all' />
<link rel='stylesheet' id='wpcom-member-css' href='https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/css/style.css?ver=1.7.21' type='text/css' media='all' />
<link rel='stylesheet' id='wpcom-member-pro-css' href='https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member-pro/css/style.css?ver=2.4.2' type='text/css' media='all' />
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.chuangxiangniao.com/xmlrpc.php?rsd" />
<style>:root{--theme-color: #3CA5F6; --action-color: #3CA5F6; --logo-height: 25px; --logo-height-mobile: 25px; --menu-item-gap: 22px; --mobile-menu-color: rgba(255, 255, 255, .98); --mobile-menu-active-color: #fff; --mobile-menu-bg-color: var(--theme-color); --member-login-bg: url('https://bing.img.run/rand_uhd.php'); --theme-border-radius-s: 3px; --theme-border-radius-m: 5px; --theme-border-radius-l: 8px; --theme-border-radius-xl: 12px; --thumb-ratio-default: 480 / 300; --thumb-ratio-post: 480 / 300; --post-video-ratio: 860 / 484; --dark-style-logo: url('https://cdn.chuangxiangniao.com/www/2025/10/logo.png');}.post-loop .item-sticky .item-title a{-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.post-loop .item-sticky .item-title a, .post-loop .item-sticky .item-title a .sticky-post,.post-loop-card .item-sticky .item-title .sticky-post{background-color: #3ca5f6;background-image: linear-gradient(90deg, #3ca5f6 0%, rgba(245,166,35,0.67) 100%);}
 /*! 图片居中代码*/
.entry-content img {
display: flex;
margin: 0 auto;
}
/*! 广告样式代码*/

.money_vip_popup {
    width: 280px;
    margin: 0 auto;
    position: relative;
}

.money_vip_popup a {
    margin: 0 !important;
}

.money_login {
    margin: 20px auto;
    position: relative;
}

.money_login_cont {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 460px;
}

.money_left {
    position: fixed;
    top: 50%;
    margin: -175px 0 0 -710px;
    left: 50%;
    width: 100px;
    height: 360px;
    z-index: 10;
}

.money_right {
    position: fixed;
    top: 50%;
    margin: -175px -710px 0 0;
    right: 50%;
    width: 100px;
    height: 360px;
    z-index: 10;
}

.money_box {
    margin: 5px auto;
    overflow: hidden;
    position: relative;
    width: 1180px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.money_box .money_item {
    position: relative;
    display: inline-flex;
}

.money_head_nav {
    position: relative;
    font-size: 16px;
}

.money_box .money_item span, .money_text span, .money_left span, .money_right span, .money_banner span, .money_head_nav span, .money_vip_popup span, .money_login span {
    z-index: 2;
    font-size: 12px;
    position: absolute !important;
    right: 0;
    top: 0;
    display: inline-block;
    padding: 3px 5px;
    line-height: 12px;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.money_text {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #fff;
    padding: 8px 0;
    position: relative;
    width: 100%;
}

.money_text a {
    width: 20%;
    display: block;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #595855;
}

.money_text a.red {
    color: #e10000;
}

.money_text a.blue {
    color: #00f;
}

.money_box .psText {
    padding-top: 4px;
    color: #999;
    text-align: right;
    font-size: 12px;
    width: 100%;
    line-height: 32px;
}



.index-top-long {
    width: 100%;
    background: #ccc;
    position: relative;
    top: 0;
    z-index: 12;
}

.index-top-long .money_item {
    position: relative;
    display: block;
    text-align: center;
}

.index-top-long .money_item span {
    display: none;
}

@media (max-width: 767px) {
    .money_box,.money_left,.money_right {
        display: none;
    }
}</style>
<link rel="icon" href="https://cdn.chuangxiangniao.com/www/2025/10/2025102208472691-1536x1536.jpg" sizes="32x32" />
<link rel="icon" href="https://cdn.chuangxiangniao.com/www/2025/10/2025102208472691-1536x1536.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cdn.chuangxiangniao.com/www/2025/10/2025102208472691-1536x1536.jpg" />
<meta name="msapplication-TileImage" content="https://cdn.chuangxiangniao.com/www/2025/10/2025102208472691-1536x1536.jpg" />
</head>
<body class="wp-singular post-template-default single single-post postid-1358034 single-format-standard wp-theme-justnews lang-cn el-boxed header-fixed style-by-toggle">
<header class="header">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Toggle navigation">
                <span class="icon-bar icon-bar-1"></span>
                <span class="icon-bar icon-bar-2"></span>
                <span class="icon-bar icon-bar-3"></span>
            </button>
                        <div class="logo">
                <a href="https://www.chuangxiangniao.com/" rel="home">
                    <img src="https://cdn.chuangxiangniao.com/www/2025/10/2025102208471390.png" alt="创想鸟" width="270" height="80" decoding="async" fetchpriority="high">                </a>
            </div>
        </div>
        <div class="collapse navbar-collapse mobile-style-0">
            <nav class="primary-menu"><ul id="menu-justnews-menu" class="nav navbar-nav wpcom-adv-menu"><li class="menu-item"><a href="https://www.chuangxiangniao.com">首页</a></li>
<li class="menu-item"><a href="https://www.chuangxiangniao.com/kms">激活工具</a></li>
<li class="menu-item dropdown"><a href="https://www.chuangxiangniao.com/win" class="dropdown-toggle">系统资讯</a>
<ul class="dropdown-menu menu-item-wrap menu-item-col-5">
	<li class="menu-item"><a href="https://www.chuangxiangniao.com/win/xp">XP纯净版系统教程</a></li>
	<li class="menu-item"><a href="https://www.chuangxiangniao.com/win/chunjing">纯净版系统安装教程</a></li>
	<li class="menu-item"><a href="https://www.chuangxiangniao.com/win/win7">win7纯净版系统教程</a></li>
	<li class="menu-item"><a href="https://www.chuangxiangniao.com/win/win10">win10纯净版系统教程</a></li>
	<li class="menu-item"><a href="https://www.chuangxiangniao.com/win/win11">win11纯净版系统教程</a></li>
</ul>
</li>
<li class="menu-item current-post-ancestor current-post-parent active"><a href="https://www.chuangxiangniao.com/page">用户投稿</a></li>
<li class="menu-item"><a href="https://www.chuangxiangniao.com/sites">网址导航</a></li>
</ul></nav>            <div class="navbar-action">
                                    <div class="dark-style-toggle">
                        <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-sun-fill"></use></svg></i>                    </div>
                    <script> if (window.localStorage) { var dark = localStorage.getItem('darkStyle'); var toggle = document.querySelector('.dark-style-toggle');if(dark == 1 && !toggle.classList.contains('active')){ document.body.classList.add('style-for-dark');toggle.classList.add('active'); toggle.querySelector('use').setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#wi-moon-fill'); }else if(dark == 0 && toggle.classList.contains('active')){ document.body.classList.remove('style-for-dark'); toggle.classList.remove('active'); toggle.querySelector('use').setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#wi-sun-fill'); } } </script>
                <div class="navbar-search-icon j-navbar-search"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-search"></use></svg></i></div><form class="navbar-search" action="https://www.chuangxiangniao.com/" method="get" role="search"><div class="navbar-search-inner"><i class="wpcom-icon wi navbar-search-close"><svg aria-hidden="true"><use xlink:href="#wi-close"></use></svg></i><input type="text" name="s" class="navbar-search-input" autocomplete="off" maxlength="100" placeholder="输入关键词搜索..." value=""><button class="navbar-search-btn" type="submit" aria-label="搜索"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-search"></use></svg></i></button></div></form>                    <div id="j-user-wrap">
                        <a class="login" href="https://www.chuangxiangniao.com/login?modal-type=login">登录</a>
                        <a class="login register" href="https://www.chuangxiangniao.com/register?modal-type=register">注册</a>
                    </div>
                                            <a class="wpcom-btn btn-primary btn-xs publish" href="https://www.chuangxiangniao.com/tougao">
                            投稿获客                        </a>
                                </div>
        </div>
    </div><!-- /.container -->
</header>

<div id="wrap">    <div class="wrap container">
        <ol class="breadcrumb" vocab="https://schema.org/" typeof="BreadcrumbList"><li class="home" property="itemListElement" typeof="ListItem"><a href="https://www.chuangxiangniao.com" property="item" typeof="WebPage"><span property="name" class="hide">创想鸟</span>首页</a><meta property="position" content="1"></li><li property="itemListElement" typeof="ListItem"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-3"></use></svg></i><a href="https://www.chuangxiangniao.com/page" property="item" typeof="WebPage"><span property="name">用户投稿</span></a><meta property="position" content="2"></li></ol>        <main class="main">
                            <article id="post-1358034" class="post-1358034 post type-post status-publish format-standard has-post-thumbnail hentry category-page tag-pycharm tag-python tag-diannao tag-jiejuefangfa entry">
                    <div class="entry-main">
                                                                        <div class="entry-head">
                            <h1 class="entry-title">Python模块安装失败提示TypeError: cannot use a bytes pattern on a string-like object怎么办？</h1>
                            <div class="entry-info">
                                                                    <span class="vcard">
                                        <a class="nickname url fn j-user-card" data-user="3" href="https://www.chuangxiangniao.com/user/3">程序猿</a>
                                    </span>
                                    <span class="dot">•</span>
                                                                <time class="entry-date published" datetime="2025-12-13T21:29:03+08:00" pubdate>
                                    2025年12月13日 21:29:03                                </time>
                                <span class="dot">•</span>
                                <a href="https://www.chuangxiangniao.com/page" rel="category tag">用户投稿</a>                                                                        <span class="dot">•</span>
                                        <span>阅读 0</span>
                                                                </div>
                        </div>
                        
                                                <div class="entry-content text-justify">
                            <p><img decoding="async" src="https://cdn.chuangxiangniao.com/www/2025/12/174089593283717.jpg" alt="python模块安装失败提示typeerror: cannot use a bytes pattern on a string-like object怎么办？"></p>
<p>Python模块安装失败，报错“TypeError: cannot use a bytes pattern on a string-like object”的解决方案</p>
<p>很多Python开发者在安装第三方库时，都会遇到恼人的<code>TypeError: cannot use a bytes pattern on a string-like object</code>错误。此错误通常表示Python解释器在安装过程中无法正确处理字符串和字节对象间的转换。本文将结合实际案例，提供有效的<span class="wpcom_tag_link"><a href="https://www.chuangxiangniao.com/p/tag/jiejuefangfa" title="解决方法" target="_blank">解决方法</a></span>。</p>
<p>一位用户反馈：其<span class="wpcom_tag_link"><a href="https://www.chuangxiangniao.com/p/tag/diannao" title="电脑" target="_blank">电脑</a></span>之前能正常安装Python模块，但最近却频繁出现此错误，无论使用PyCharm还是命令行，都无法安装成功，甚至运行程序也会报错。</p>
<p>问题根源可能多样，但常见原因是系统环境或Python解释器本身存在问题，导致字符串编码处理异常。直接套用网上解决方案往往无效，因为根本问题未解决。</p>
<p>立即学习“Python免费学习笔记（深入）”；</p>
<p>推荐的解决方法：<strong>创建虚拟环境</strong>。 使用<code>venv</code>模块创建一个独立的虚拟环境，并在该环境中重新安装所需的模块。这能有效隔离系统环境中可能存在的冲突或问题。</p>
<p>创建虚拟环境是解决<code>TypeError: cannot use a bytes pattern on a string-like object</code>错误的有效手段，因为它提供了一个干净的Python环境，避免了系统环境配置问题对模块安装的影响。  这通常意味着系统某些组件可能未更新或存在冲突，而虚拟环境巧妙地规避了这些问题。</p>
<p>以上就是Python模块安装失败提示TypeError: cannot use a bytes pattern on a string-like object怎么办？的详细内容，更多请关注创想鸟其它相关文章！</p>
<div class="entry-readmore"><div class="entry-readmore-btn"></div></div>                                                        <div class="entry-copyright"><p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。<br>
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。<br>
发布者：程序猿，转转请注明出处：<span>https://www.chuangxiangniao.com/p/1358034.html</span></p></div>                        </div>

                        <div class="entry-tag"><a href="https://www.chuangxiangniao.com/p/tag/pycharm" rel="tag">pycharm</a><a href="https://www.chuangxiangniao.com/p/tag/python" rel="tag">python</a><a href="https://www.chuangxiangniao.com/p/tag/diannao" rel="tag">电脑</a><a href="https://www.chuangxiangniao.com/p/tag/jiejuefangfa" rel="tag">解决方法</a></div>
                        <div class="entry-action">
                            <div class="btn-zan" data-id="1358034"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div>
                                                            <div class="btn-dashang">
                                    <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-cny-circle-fill"></use></svg></i> 打赏                                    <span class="dashang-img dashang-img2">
                                                                                    <span>
                                                <img src="//cdn.chuangxiangniao.com/me/2025/10/wx.jpg" alt="微信扫一扫"/>
                                                    微信扫一扫                                            </span>
                                                                                                                            <span>
                                                <img src="//cdn.chuangxiangniao.com/me/2025/10/zfb.jpg" alt="支付宝扫一扫"/>
                                                    支付宝扫一扫                                            </span>
                                                                            </span>
                                </div>
                                                    </div>

                        <div class="entry-bar">
                            <div class="entry-bar-inner">
                                                                <div class="entry-bar-info entry-bar-info2">
                                    <div class="info-item meta">
                                                                                    <a class="meta-item j-heart" href="javascript:;" data-id="1358034"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i> <span class="data">0</span></a>                                        <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a>                                                                            </div>
                                    <div class="info-item share">
                                                                                    <a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="1358034" data-qrcode="https://www.chuangxiangniao.com/p/1358034.html">
                                                <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报                                            </a>
                                                                                    <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow noopener noreferrer" href="#">
                                                <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i>                                            </a>
                                                                                    <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow noopener noreferrer" href="#">
                                                <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i>                                            </a>
                                                                                    <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow noopener noreferrer" href="#">
                                                <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i>                                            </a>
                                                                                    <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow noopener noreferrer" href="#">
                                                <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i>                                            </a>
                                                                                    <a class="meta-item douban" data-share="douban" target="_blank" rel="nofollow noopener noreferrer" href="#">
                                                <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-douban"></use></svg></i>                                            </a>
                                                                            </div>
                                    <div class="info-item act">
                                        <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="entry-author">
    <h3 class="entry-author-title">关于作者</h3>    <div class="entry-author-inner">
        <div class="entry-author-avatar">
            <a class="avatar j-user-card" href="https://www.chuangxiangniao.com/user/3" target="_blank" data-user="3"><img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-120 photo' height='120' width='120' decoding='async'/></a>
        </div>
        <div class="entry-author-content">
            <div class="entry-author-info">
                <h4 class="entry-author-name">
                    <a class="j-user-card" href="https://www.chuangxiangniao.com/user/3" target="_blank" data-user="3">程序猿<span class="user-group">签约作者</span></a>
                </h4>
                <div class="entry-author-action">
                    <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button><button type="button" class="wpcom-btn btn-primary btn-xs btn-message j-message" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信</button>                </div>
            </div>
                            <div class="entry-author-stats">            <div class="user-stats-item">
                <b>414.1K</b>
                <span>文章</span>
            </div>
                    <div class="user-stats-item">
                <b>0</b>
                <span>评论</span>
            </div>
                    <div class="user-stats-item">
                <b>2</b>
                <span>粉丝</span>
            </div>
        </div>
                        <div class="entry-author-description">这个人很懒，什么都没有留下～</div>        </div>
    </div>
</div>                        <div class="entry-page">
                    <div class="entry-page-prev">
                <img src="https://cdn.chuangxiangniao.com/www/2025/12/174089641330349.jpg?imageMogr2/crop/480x300/gravity/center" alt="Python文件编码声明：多种写法是否有效？" decoding="async" loading="lazy">                <a href="https://www.chuangxiangniao.com/p/1358032.html" title="Python文件编码声明：多种写法是否有效？" rel="prev">
                    <span>Python文件编码声明：多种写法是否有效？</span>
                </a>
                <div class="entry-page-info">
                    <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span>
                    <span class="pull-right">2025年12月13日 21:28:57</span>
                </div>
            </div>
                            <div class="entry-page-next">
                <img src="https://cdn.chuangxiangniao.com/www/2025/12/174089583562837.jpg?imageMogr2/crop/480x300/gravity/center" alt="Redis更新键值的同时如何保持其生存时间不变？" decoding="async" loading="lazy">                <a href="https://www.chuangxiangniao.com/p/1358036.html" title="Redis更新键值的同时如何保持其生存时间不变？" rel="next">
                    <span>Redis更新键值的同时如何保持其生存时间不变？</span>
                </a>
                <div class="entry-page-info">
                    <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span>
                    <span class="pull-left">2025年12月13日 21:29:12</span>
                </div>
            </div>
            </div>
                                                                <div class="entry-related-posts">
                            <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1632470.html" title="如何解决本地图片在使用 mask JS 库时出现的跨域错误？" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/173112858449243-1.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="如何解决本地图片在使用 mask JS 库时出现的跨域错误？" decoding="async" fetchpriority="high" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1632470.html" target="_blank" rel="bookmark">
                                 如何解决本地图片在使用 mask JS 库时出现的跨域错误？            </a>
        </h3>
        <div class="item-excerpt">
            <p>如何跨越localhost使用本地图片？ 问题: 在本地使用mask js库时，引入本地图片会报跨域错误。 解决方案: 要解决此问题，需要使用本地服务器启动文件，以http或https协议访问图片，而不是使用file://协议。例如： python -m http.server 8000 然后，可以…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>4</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1632470.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1632281.html" title="使用 Mask 导入本地图片时，如何解决跨域问题？" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/173097181774496-1.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="使用 Mask 导入本地图片时，如何解决跨域问题？" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1632281.html" target="_blank" rel="bookmark">
                                 使用 Mask 导入本地图片时，如何解决跨域问题？            </a>
        </h3>
        <div class="item-excerpt">
            <p>跨域疑难：如何解决 mask 引入本地图片产生的跨域问题？ 在使用 mask 导入本地图片时，你可能会遇到令人沮丧的跨域错误。为什么会出现跨域问题呢？让我们深入了解一下： mask 框架假设你以 http(s) 协议加载你的 html 文件，而当使用 file:// 协议打开本地文件时，就会产生跨域…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>8</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1632281.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1630114.html" title="正则表达式在文本验证中的常见问题有哪些？" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/172955579034023.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="正则表达式在文本验证中的常见问题有哪些？" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1630114.html" target="_blank" rel="bookmark">
                                 正则表达式在文本验证中的常见问题有哪些？            </a>
        </h3>
        <div class="item-excerpt">
            <p>正则表达式助力文本输入验证 在文本输入框的验证中，经常遇到需要限定输入内容的情况。例如，输入框只能输入整数，第一位可以为负号。对于不会使用正则表达式的人来说，这可能是个难题。下面我们将提供三种正则表达式，分别满足不同的验证要求。 1. 可选负号，任意数量数字 如果输入框中允许第一位为负号，后面可输入…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1630114.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1630034.html" title="我在学习编程的第一周学到的工具" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/172886545673062.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="我在学习编程的第一周学到的工具" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1630034.html" target="_blank" rel="bookmark">
                                 我在学习编程的第一周学到的工具            </a>
        </h3>
        <div class="item-excerpt">
            <p>作为一个刚刚完成中学教育的女孩和一个精通技术并热衷于解决问题的人，几周前我开始了我的编程之旅。我的名字是OKESANJO FATHIA OPEYEMI。我很高兴能分享我在编码世界中的经验和发现。拥有计算机科学背景的我一直对编程提供的无限可能性着迷。在这篇文章中，我将反思我在学习编程的第一周中获得的关…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>5</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1630034.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1629805.html" title="为什么多年的经验让我选择全栈而不是平均栈" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/172562958440744.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="为什么多年的经验让我选择全栈而不是平均栈" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1629805.html" target="_blank" rel="bookmark">
                                 为什么多年的经验让我选择全栈而不是平均栈            </a>
        </h3>
        <div class="item-excerpt">
            <p>在全栈和平均栈开发方面工作了 6 年多，我可以告诉您，虽然这两种方法都是流行且有效的方法，但它们满足不同的需求，并且有自己的优点和缺点。这两个堆栈都可以帮助您创建 Web 应用程序，但它们的实现方式却截然不同。如果您在两者之间难以选择，我希望我在两者之间的经验能给您一些有用的见解。 在这篇文章中，我…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1629805.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1629719.html" title="姜戈顺风" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/172488960745756.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="姜戈顺风" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1629719.html" target="_blank" rel="bookmark">
                                 姜戈顺风            </a>
        </h3>
        <div class="item-excerpt">
            <p>本教程演示如何在新项目中从头开始配置 django 和 tailwindcss。 django 设置 创建一个名为 .venv 的新虚拟环境。 # windows$ python -m venv .venv$ .venvscriptsactivate.ps1(.venv) $# macos/linu…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1629719.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1629404.html" title="花 $o 学习这些编程语言或免费" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/172075598013087.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="花 $o 学习这些编程语言或免费" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1629404.html" target="_blank" rel="bookmark">
                                 花 $o 学习这些编程语言或免费            </a>
        </h3>
        <div class="item-excerpt">
            <p>→ Python → JavaScript → Java → C# → 红宝石 → 斯威夫特 → 科特林 → C++ → PHP → 出发 → R → 打字稿 []https://x.com/e_opore/status/1811567830594388315?t=_j4nncuiy2wfbm7ic…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>5</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1629404.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1628300.html" title="黏性定位的失效原因及解决方法" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/170640619826990.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="黏性定位的失效原因及解决方法" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1628300.html" target="_blank" rel="bookmark">
                                 黏性定位的失效原因及解决方法            </a>
        </h3>
        <div class="item-excerpt">
            <p>粘性定位为什么会失效？原因及解决方法 一、引言在前端开发中，粘性定位（sticky position）是一种常见的布局方式。通过设置元素的定位属性为sticky，可以实现在指定的滚动范围内，元素在页面上的位置保持固定不变，直到达到指定的偏移量。然而，有时候我们会发现粘性定位失效的情况，本文将探讨其原…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1628300.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1628137.html" title="分析与解决绝对定位故障的原因" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/170597485143952.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="分析与解决绝对定位故障的原因" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1628137.html" target="_blank" rel="bookmark">
                                 分析与解决绝对定位故障的原因            </a>
        </h3>
        <div class="item-excerpt">
            <p>绝对定位故障的原因分析及解决方法 概述：绝对定位是前端开发中常见的一种布局方式，它可以让元素在页面中精确地定位。但是，在实际的开发过程中，我们可能会遇到绝对定位出现故障的情况。本文将分析绝对定位故障的原因，并提供解决方法，同时附上具体的代码示例。 一、原因分析： 定位元素和参照元素的父元素未设置定位…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1628137.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1627749.html" title="CSS主框架偏移的原因及解决方法推导" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/170445536726250.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="CSS主框架偏移的原因及解决方法推导" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1627749.html" target="_blank" rel="bookmark">
                                 CSS主框架偏移的原因及解决方法推导            </a>
        </h3>
        <div class="item-excerpt">
            <p>解析CSS主框架偏移的原因及解决方法，需要具体代码示例 标题：CSS主框架偏移问题的分析与解决方案 引言：随着Web开发的不断发展，CSS作为前端开发的重要工具之一，被广泛应用于页面布局和样式设计。然而，在实际开发中，我们可能会遇到CSS主框架偏移的问题，即页面元素无法按预期位置显示。本文将深入分析…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>4</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1627749.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1612866.html" title="CSS中IE浏览器最基本的一些bug以及解决方法" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/1540619526113783.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="CSS中IE浏览器最基本的一些bug以及解决方法" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1612866.html" target="_blank" rel="bookmark">
                                 CSS中IE浏览器最基本的一些bug以及解决方法            </a>
        </h3>
        <div class="item-excerpt">
            <p>css如何解决bug？相信有很多刚刚接触css中ie浏览器的朋友都会有这样的疑问。本章就给大家介绍css中ie浏览器最基本的一些bug以及解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 一、IE6双倍边距bug 当页面上的元素使用float浮动时，不管是向左还是向右浮动；…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月24日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>3</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1612866.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607521.html" title="html5怎么导视频_html5用video标签导出或Canvas转DataURL获视频【导出】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176649265067346.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="html5怎么导视频_html5用video标签导出或Canvas转DataURL获视频【导出】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607521.html" target="_blank" rel="bookmark">
                                 html5怎么导视频_html5用video标签导出或Canvas转DataURL获视频【导出】            </a>
        </h3>
        <div class="item-excerpt">
            <p>HTML5无法直接导出video标签内容，需借助Canvas捕获帧并结合MediaRecorder API、FFmpeg.wasm或服务端协同实现。MediaRecorder适用于WebM格式前端录制；FFmpeg.wasm支持MP4等格式及精细编码控制；服务端方案适合高负载场景。 如果您希望在网页…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>7</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607521.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607519.html" title="如何查看编写的html_查看自己编写的HTML文件效果【效果】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176649270270024.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="如何查看编写的html_查看自己编写的HTML文件效果【效果】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607519.html" target="_blank" rel="bookmark">
                                 如何查看编写的html_查看自己编写的HTML文件效果【效果】            </a>
        </h3>
        <div class="item-excerpt">
            <p>要查看HTML文件的浏览器渲染效果，需确保文件以.html为扩展名保存、用浏览器直接打开、利用开发者工具调试、必要时启用本地HTTP服务器、或使用编辑器实时预览插件。 如果您编写了HTML代码，但无法直观看到其在浏览器中的实际渲染效果，则可能是由于文件未正确保存、未使用浏览器打开或文件扩展名设置错误…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>8</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607519.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607486.html" title="html5怎么打包运行_HT5用Webpack或Gulp打包后浏览器打开运行【打包】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176649054288861.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="html5怎么打包运行_HT5用Webpack或Gulp打包后浏览器打开运行【打包】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607486.html" target="_blank" rel="bookmark">
                                 html5怎么打包运行_HT5用Webpack或Gulp打包后浏览器打开运行【打包】            </a>
        </h3>
        <div class="item-excerpt">
            <p>应通过 HTTP 服务运行打包后的 HTML5 页面，而非双击打开：一、Webpack 配 webpack-dev-server 启动本地服务；二、Gulp 配 BrowserSync 提供实时重载；三、用 Python/Node.js 轻量 HTTP 工具托管 dist 目录；四、仅当必须双击运行…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607486.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607481.html" title="html5文件运行不出来怎么回事_析html5文件运行失败原因【解析】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176649144247671.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="html5文件运行不出来怎么回事_析html5文件运行失败原因【解析】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607481.html" target="_blank" rel="bookmark">
                                 html5文件运行不出来怎么回事_析html5文件运行失败原因【解析】            </a>
        </h3>
        <div class="item-excerpt">
            <p>首先检查文件扩展名和编码格式，确保为.html且使用UTF-8编码；接着验证HTML5结构完整性，包含及正确闭合的标签；然后排查外部资源路径是否正确，利用开发者工具查看404错误；排除浏览器兼容性问题，优先在现代浏览器中测试并避免未广泛支持的API；检查JavaScript语法错误与执行顺序，确保脚…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607481.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607463.html" title="html5怎么插入文档_HT5用object或iframe嵌入PDF/Word文档显示【插入】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176648790381219.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="html5怎么插入文档_HT5用object或iframe嵌入PDF/Word文档显示【插入】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607463.html" target="_blank" rel="bookmark">
                                 html5怎么插入文档_HT5用object或iframe嵌入PDF/Word文档显示【插入】            </a>
        </h3>
        <div class="item-excerpt">
            <p>可在HTML5中用iframe或object标签嵌入PDF，需设宽高及可访问路径；Word文档需借OneDrive等第三方服务代理渲染；须处理跨域限制并提供下载降级方案。 如果您希望在HTML5页面中嵌入PDF或Word文档并直接显示，可以使用或标签实现。以下是几种可行的嵌入方法： 一、使用ifra…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>8</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607463.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607437.html" title="html5怎么引用图标_html5用iconfont或img标签引用图标文件显示【引用】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176648310991119.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="html5怎么引用图标_html5用iconfont或img标签引用图标文件显示【引用】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607437.html" target="_blank" rel="bookmark">
                                 html5怎么引用图标_html5用iconfont或img标签引用图标文件显示【引用】            </a>
        </h3>
        <div class="item-excerpt">
            <p>HTML5图标显示异常可因路径错误、引用不当或字体未加载，解决方法包括：一、用iconfont类名引用；二、用Unicode字符引用；三、用img标签引用位图；四、内联SVG图标；五、预加载字体文件。 如果您在HTML5页面中需要显示图标，但图标无法正常加载或显示效果不符合预期，则可能是由于图标文件…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>3</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607437.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607423.html" title="如何运行html代码_html代码运行方法【步骤】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176648501976317.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="如何运行html代码_html代码运行方法【步骤】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607423.html" target="_blank" rel="bookmark">
                                 如何运行html代码_html代码运行方法【步骤】            </a>
        </h3>
        <div class="item-excerpt">
            <p>HTML代码需保存为.html文件并用浏览器打开才能正确显示；若含AJAX或外部资源则需本地服务器；临时测试可用开发者工具；在线编辑器支持即时预览。 如果您编写了一段HTML代码，但无法在浏览器中正确显示效果，则可能是由于文件未以正确的格式保存或未通过浏览器打开。以下是运行HTML代码的具体步骤： …</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607423.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607313.html" title="safari怎么打开html5_Safari浏览器直接输入html5链接自动渲染打开【打开】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176646354222018.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="safari怎么打开html5_Safari浏览器直接输入html5链接自动渲染打开【打开】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607313.html" target="_blank" rel="bookmark">
                                 safari怎么打开html5_Safari浏览器直接输入html5链接自动渲染打开【打开】            </a>
        </h3>
        <div class="item-excerpt">
            <p>Safari中正确渲染HTML5内容需采用file://协议、禁用本地限制、启用HTTP服务器或更新版本并开启实验性功能。具体包括：一、用file:///绝对路径打开本地HTML文件；二、勾选高级设置中的“显示开发菜单”并禁用本地文件限制；三、用Python启动本地HTTP服务，通过http://l…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>3</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607313.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
<li class="item item2">
        <div class="item-img">
        <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1607258.html" title="浏览器怎么运行html文件路径_浏览器运html文件路径方法【教程】" target="_blank" rel="bookmark">
            <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2025/12/176643547211746.png?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="浏览器怎么运行html文件路径_浏览器运html文件路径方法【教程】" decoding="async" loading="lazy" />        </a>
                <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
            </div>
        <div class="item-content">
                <h3 class="item-title">
            <a href="https://www.chuangxiangniao.com/p/1607258.html" target="_blank" rel="bookmark">
                                 浏览器怎么运行html文件路径_浏览器运html文件路径方法【教程】            </a>
        </h3>
        <div class="item-excerpt">
            <p>拖拽HTML文件到浏览器可直接加载页面；2. 通过菜单“打开文件”或快捷键Ctrl+O选择文件；3. 地址栏输入file:///加路径访问，注意斜杠格式；4. 双击文件用默认浏览器打开，推荐新手使用拖拽或Ctrl+O方式。 要让浏览器运行HTML文件，关键是正确打开并加载本地的HTML文件路径。操作…</p>
        </div>
        <div class="item-meta">
                        <div class="item-meta-li author">
                                <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card">
                    <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/>                    <span>程序猿</span>
                </a>
            </div>
                                    <span class="item-meta-li date">2025年12月23日</span>
            <div class="item-meta-right">
                <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>5</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1607258.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
        </div>
    </div>
</li>
</ul>                        </div>
                    
<div id="comments" class="entry-comments">
    	<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title">发表回复 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/p/1358034.html#respond" style="display:none;"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-close"></use></svg></i></a></small></h3><div class="comment-form"><div class="comment-must-login">请登录后评论...</div><div class="form-submit"><div class="form-submit-text pull-left"><a href="https://www.chuangxiangniao.com/login?modal-type=login">登录</a>后才能评论</div> <button name="submit" type="submit" id="must-submit" class="wpcom-btn btn-primary btn-xs submit">提交</button></div></div>	</div><!-- #respond -->
		</div><!-- .comments-area -->
                </article>
                    </main>
            <aside class="sidebar">
        <div class="widget widget_profile"><div class="profile-cover"><img src="//bing.img.run/rand_uhd.php" alt="程序猿" decoding="async" loading="lazy"></div>            <div class="avatar-wrap">
                <a target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar-link"><img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' decoding='async'/></a></div>
            <div class="profile-info">
                <a target="_blank" href="https://www.chuangxiangniao.com/user/3" class="profile-name"><span class="author-name">程序猿</span><span class="user-group">签约作者</span></a>
                <p class="author-description">这个人很懒，什么都没有留下～</p>
                        <div class="profile-stats">
            <div class="profile-stats-inner">
                            <div class="user-stats-item">
                <b>414.1K</b>
                <span>文章</span>
            </div>
                    <div class="user-stats-item">
                <b>0</b>
                <span>评论</span>
            </div>
                    <div class="user-stats-item">
                <b>2</b>
                <span>粉丝</span>
            </div>
                    </div>
        </div>
    <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button><button type="button" class="wpcom-btn btn-primary btn-xs btn-message j-message" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信</button>            </div>
                        <div class="profile-posts">
                <h3 class="widget-title"><span>最近文章</span></h3>
                <ul>                    <li><a href="https://www.chuangxiangniao.com/p/1632537.html" title="如何使用正则表达式完整匹配HTML中Script标签的中间内容？">如何使用正则表达式完整匹配HTML中Script标签的中间内容？</a></li>
                                    <li><a href="https://www.chuangxiangniao.com/p/1632535.html" title="CSS mask属性无法获取图片：为什么我的图片不见了？">CSS mask属性无法获取图片：为什么我的图片不见了？</a></li>
                                    <li><a href="https://www.chuangxiangniao.com/p/1632533.html" title="如何用dom2img解决网页打印样式不显示的问题？">如何用dom2img解决网页打印样式不显示的问题？</a></li>
                                    <li><a href="https://www.chuangxiangniao.com/p/1632531.html" title="如何用 CSS 模拟不影响其他元素的链接移入效果？">如何用 CSS 模拟不影响其他元素的链接移入效果？</a></li>
                                    <li><a href="https://www.chuangxiangniao.com/p/1632529.html" title="如何调整Flexbox布局中项目对齐方式？">如何调整Flexbox布局中项目对齐方式？</a></li>
                </ul>            </div>
                        </div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>最新发布</span></h3>            <ul>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737694.html" title="win10纯净版提示由于找不到hhctrl.ocx怎么办">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425135143-58.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10纯净版提示由于找不到hhctrl.ocx怎么办" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737694.html" title="win10纯净版提示由于找不到hhctrl.ocx怎么办">win10纯净版提示由于找不到hhctrl.ocx怎么办</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737692.html" title="win10怎么清除dns缓存">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425135100-66.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10怎么清除dns缓存" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737692.html" title="win10怎么清除dns缓存">win10怎么清除dns缓存</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737689.html" title="win10系统压缩文件损坏无法修复怎么办">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425135055-19.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10系统压缩文件损坏无法修复怎么办" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737689.html" title="win10系统压缩文件损坏无法修复怎么办">win10系统压缩文件损坏无法修复怎么办</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737684.html" title="win10纯净版系统怎么创建bat文件">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134937-52.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10纯净版系统怎么创建bat文件" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737684.html" title="win10纯净版系统怎么创建bat文件">win10纯净版系统怎么创建bat文件</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737678.html" title="win10系统如何安装CAD">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134910-76.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10系统如何安装CAD" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737678.html" title="win10系统如何安装CAD">win10系统如何安装CAD</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737666.html" title="win10笔记本电脑键盘键盘失灵怎么办">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134812-35.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10笔记本电脑键盘键盘失灵怎么办" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737666.html" title="win10笔记本电脑键盘键盘失灵怎么办">win10笔记本电脑键盘键盘失灵怎么办</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737662.html" title="windows10专业版密钥">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134642-79.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="windows10专业版密钥" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737662.html" title="windows10专业版密钥">windows10专业版密钥</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737660.html" title="笔记本独立显卡能换吗">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134545-22.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="笔记本独立显卡能换吗" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737660.html" title="笔记本独立显卡能换吗">笔记本独立显卡能换吗</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737655.html" title="win10纯净版怎么设置用户密码">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134531-78.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10纯净版怎么设置用户密码" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737655.html" title="win10纯净版怎么设置用户密码">win10纯净版怎么设置用户密码</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                                    <li class="item">
                                                    <div class="item-img">
                                <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1737650.html" title="win10系统激活密钥">
                                    <img width="480" height="300" src="https://cdn.chuangxiangniao.com/www/2026/04/20260425134512-63.jpg?imageMogr2/crop/480x300/gravity/center" class="attachment-default size-default wp-post-image" alt="win10系统激活密钥" decoding="async" loading="lazy" />                                </a>
                            </div>
                                                <div class="item-content">
                            <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1737650.html" title="win10系统激活密钥">win10系统激活密钥</a></p>
                            <p class="item-date">2026年4月25日</p>
                        </div>
                    </li>
                            </ul>
        </div><div class="widget widget_tags"><h3 class="widget-title"><span>热门标签</span></h3>        <div class="tagcloud">
                            <a href="https://www.chuangxiangniao.com/p/tag/ai" title="ai">ai</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/gongju" title="工具">工具</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/liulanqi" title="浏览器">浏览器</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/app" title="app">app</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/java" title="java">java</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/php" title="php">php</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/css" title="css">css</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/windows" title="windows">windows</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/html" title="html">html</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/go" title="go">go</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/js" title="js">js</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/win" title="win">win</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/diannao" title="电脑">电脑</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/javascript" title="javascript">javascript</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/linux" title="linux">linux</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/red" title="red">red</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/python" title="python">python</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/c%20%20" title="c++">c++</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/o" title="o">o</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/mysql" title="mysql">mysql</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/a" title="a">a</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/caozuoxitong" title="操作系统">操作系统</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/weishenme" title="为什么">为什么</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/2025" title="2025">2025</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/json" title="json">json</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/git" title="git">git</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/qubie" title="区别">区别</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/jiaoyisuo" title="交易所">交易所</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/qianduan" title="前端">前端</a>
                            <a href="https://www.chuangxiangniao.com/p/tag/bian-4" title="币安">币安</a>
                    </div>
        </div><div class="widget widget_links"><h3 class="widget-title"><span>旗下站点</span></h3>
	<ul class='xoxo blogroll'>
<li><a href="https://www.chuangxiangniao.com/xin/" target="_blank">信用人生</a></li>
<li><a href="https://www.ankegu.com/" target="_blank">免费在线测八字</a></li>
<li><a href="https://www.chuangxiangniao.com/" target="_blank">创想鸟</a></li>
<li><a href="https://www.chuangxiangniao.com/pay/">复利引擎</a></li>
<li><a href="https://www.chuangxiangniao.com/she/" target="_blank">奢社</a></li>
<li><a href="https://www.chuangxiangniao.com/law/" target="_blank">法外狂徒</a></li>
<li><a href="https://www.chuangxiangniao.com/wifi/" target="_blank">玩转路由网</a></li>

	</ul>
</div>
    </aside>
    </div>
</div>
<footer class="footer">
    <div class="container">
        <div class="footer-col-wrap footer-with-icon">
                        <div class="footer-col footer-col-copy">
                <ul class="footer-nav hidden-xs"><li id="menu-item-4095" class="menu-item menu-item-4095"><a target="1" href="https://www.chuangxiangniao.com/falyushengming">法律声明</a></li>
<li id="menu-item-4099" class="menu-item menu-item-4099"><a target="1" href="https://www.chuangxiangniao.com/about">关于我们</a></li>
<li id="menu-item-4098" class="menu-item menu-item-4098"><a target="1" href="https://www.chuangxiangniao.com/contact">联系我们</a></li>
<li id="menu-item-4097" class="menu-item menu-item-4097"><a target="1" href="https://www.chuangxiangniao.com/yonghuxieyi">用户协议</a></li>
<li id="menu-item-4094" class="menu-item menu-item-privacy-policy menu-item-4094"><a target="1" rel="privacy-policy" href="https://www.chuangxiangniao.com/yinsizhengce">隐私政策</a></li>
<li id="menu-item-4096" class="menu-item menu-item-4096"><a target="1" href="https://www.chuangxiangniao.com/mianzeshengming">版权及免责声明</a></li>
</ul>                <div class="copyright">
                    <p>版权声明：本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。</p>
<p>如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao#163.com （请把#更换@）举报，一经查实，本站将立刻删除。</p>
<p>Copyright © 2019-2025 <a href="https://www.chuangxiangniao.com/" target="_blank" rel="noopener noreferrer">创想鸟</a> 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer">皖ICP备2024035995号-1</a></p>
                </div>
            </div>
                        <div class="footer-col footer-col-sns">
                <div class="footer-sns">
                                                <a href="https://www.chuangxiangniao.com/sitemap/sitemap.xml" target="_blank" aria-label="icon">
                                <i class="wpcom-icon fa fa-sitemap sns-icon"></i>                                                            </a>
                                                    <a class="sns-wx" href="javascript:;" aria-label="icon">
                                <i class="wpcom-icon fa fa-wechat sns-icon"></i>                                <span style="background-image:url('//cdn.chuangxiangniao.com/me/2025/10/wechat.jpg');"></span>                            </a>
                                        </div>
            </div>
                    </div>
    </div>
</footer>
            <div class="action action-style-0 action-color-1 action-pos-1" style="bottom:450px;">
                                                <div class="action-item">
                                    <i class="wpcom-icon fa fa-wechat action-item-icon"></i>                                                                        <div class="action-item-inner action-item-type-1">
                                        <img class="action-item-img" src="//cdn.chuangxiangniao.com/me/2025/10/wechat.jpg" alt="关注微信" decoding="async" loading="lazy">                                    </div>
                                </div>
                                                                                        <div class="action-item j-share">
                        <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i>                                            </div>
                                    <div class="action-item gotop j-top">
                        <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i>                                            </div>
                            </div>
        <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/www/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/justnews/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="imwpf-this-page">
var g_this_page = {
    "type": "post",
    "id": 1358034,
    "terms": [{"id":1,"tax":"category"},{"id":2050,"tax":"post_tag"},{"id":284,"tax":"post_tag"},{"id":286,"tax":"post_tag"},{"id":308,"tax":"post_tag"}]
};console.log(g_this_page);
</script><div class="imwpcache_status_ok"></div><script type="text/javascript" id="main-js-extra">
/* <![CDATA[ */
var _wpcom_js = {"webp":"","ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","theme_url":"https://www.chuangxiangniao.com/wp-content/themes/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"share":"1","share_items":{"weibo":{"title":"\u5fae\u535a","icon":"weibo"},"wechat":{"title":"\u5fae\u4fe1","icon":"wechat"},"qq":{"title":"QQ\u597d\u53cb","icon":"qq"},"qzone":{"title":"QQ\u7a7a\u95f4","icon":"qzone"},"douban":{"name":"douban","title":"\u8c46\u74e3","icon":"douban"},"mail":{"title":"\u90ae\u4ef6","icon":"mail-fill"},"linkedin":{"title":"LinkedIn","icon":"linkedin"},"facebook":{"title":"Facebook","icon":"facebook"},"x":{"title":"X","icon":"twitter-x"},"twitter":{"title":"Twitter","icon":"twitter"},"tumblr":{"title":"Tumblr","icon":"tumblr"},"whatsapp":{"title":"WhatsApp","icon":"whatsapp"},"pinterest":{"title":"Pinterest","icon":"pinterest"},"line":{"title":"LINE","icon":"line"},"telegram":{"title":"Telegram","icon":"telegram"}},"lightbox":"1","post_id":"1358034","user_card_height":"356","poster":{"notice":"\u8bf7\u300c\u70b9\u51fb\u4e0b\u8f7d\u300d\u6216\u300c\u957f\u6309\u4fdd\u5b58\u56fe\u7247\u300d\u540e\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"484","fixed_sidebar":"1","dark_style":"0","font_url":"//fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500&display=swap","follow_btn":"\u003Ci class=\"wpcom-icon wi\"\u003E\u003Csvg aria-hidden=\"true\"\u003E\u003Cuse xlink:href=\"#wi-add\"\u003E\u003C/use\u003E\u003C/svg\u003E\u003C/i\u003E\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"};
//# sourceURL=main-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/main.js?ver=6.22.3" id="main-js"></script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/icons-2.8.9.js?ver=2.8.9" id="wpcom-icons-js"></script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/comment-reply.js?ver=6.22.3" id="comment-reply-js"></script>
<script type="text/javascript" id="wwa-js-extra">
/* <![CDATA[ */
var _wwa_js = {"ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","post_id":"1358034","rewarded":"wx"};
//# sourceURL=wwa-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/justweapp/js/script.js?ver=3.16.1" id="wwa-js"></script>
<script type="text/javascript" id="wp-postviews-cache-js-extra">
/* <![CDATA[ */
var viewsCacheL10n = {"admin_ajax_url":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","nonce":"685b892ded","post_id":"1358034"};
//# sourceURL=wp-postviews-cache-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.78" id="wp-postviews-cache-js"></script>
<script type="text/javascript" id="wp-postviews-cache-js-after">
/* <![CDATA[ */
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
jQuery(document).ready(function($) {
                $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) {
                    $('.ajax-views').html(data);
                });
            });
//# sourceURL=wp-postviews-cache-js-after
/* ]]> */
</script>
<script type="text/javascript" id="wpcom-member-js-extra">
/* <![CDATA[ */
var _wpmx_js = {"ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","plugin_url":"https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/","ver":"1.7.21","max_upload_size":"52428800","post_id":"1358034","pro_ver":"2.4.2","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https://www.chuangxiangniao.com/login?modal-type=login","register_url":"https://www.chuangxiangniao.com/register?modal-type=register","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u624b\u673a\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"},"hidden_content":"1","copy_post":"1","copy_post_text":"\u4ed8\u8d39\u89e3\u9501\u5f53\u524d\u6587\u7ae0\u590d\u5236\u6743\u9650","copy_post_container":".entry-content"};
//# sourceURL=wpcom-member-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/js/index.js?ver=1.7.21" id="wpcom-member-js"></script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member-pro/js/index.js?ver=2.4.2" id="wpcom-member-pro-js"></script>
<script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/wp-embed.js?ver=6.22.3" id="wp-embed-js"></script>
 <!--百度自动推送代码开始-->
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<!--百度自动推送代码结束-->
<!--360自动推送代码开始-->
<script>
(function(){
   var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?d7af82f5d5a7d431d4b53f4d0069f989":"https://jspassport.ssl.qhimg.com/11.0.1.js?d7af82f5d5a7d431d4b53f4d0069f989";
   document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script>
<!--360自动推送代码结束-->
<!--头条自动推送代码开始-->
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?e1627df632cb7d8422ff5a171866ae673d0a9fd8a088d803a9d0f3c3bef0aa6adb92f43d4b1c8ff14071b55e1e71da09d918f66d1949fb3b81012c4e4e9e4a34644f149b0c276c07ebf664bf3622e408";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
<!--头条自动推送代码结束-->
<!--百度统计代码开始-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?357b28aff465596d316075fdd7393426";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!--百度统计代码结束-->
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","@id":"https://www.chuangxiangniao.com/p/1358034.html","url":"https://www.chuangxiangniao.com/p/1358034.html","headline":"Python模块安装失败提示TypeError: cannot use a bytes pattern on a string-like object怎么办？","description":"Python模块安装失败，报错“TypeError: cannot use a bytes pattern on a string-like object”的解决方案 很多Python开发者在安装第三方库时，都会遇到恼人的TypeError: cannot use a bytes pattern o…","datePublished":"2025-12-13T21:29:03+08:00","dateModified":"2025-12-13T21:29:03+08:00","author":{"@type":"Person","name":"程序猿","url":"https://www.chuangxiangniao.com/user/3","image":"http://cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg"},"image":["https://cdn.chuangxiangniao.com/www/2025/12/174089593283717.jpg"]}</script>
<script>console.log('命中缓存\n缓存页加载耗时: 0.0035s\n缓存页生成时间: 2026-05-10 18:25:15')</script></body>
</html><!--cached by imwpcache 2026-05-10 18:25:15-->