首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >手把手教你用轻量云服务器 + 宝塔面板搭建个人wordpress网站:从购买到上线全流程

手把手教你用轻量云服务器 + 宝塔面板搭建个人wordpress网站:从购买到上线全流程

作者头像
Undoom
发布2025-08-14 08:35:34
发布2025-08-14 08:35:34
5910
举报
文章被收录于专栏:学习学习

前言

想拥有一个完全属于自己的网站,但被服务器配置、环境搭建等技术门槛吓住?本文将带你走一条「捷径」—— 只需借助轻量云服务器和宝塔面板,无需复杂代码基础,就能从零开始快速部署一个功能完善的网站(以 WordPress 为例)。从服务器购买到网站上线,每一步都有清晰指引,让你轻松完成从「小白」到「站长」的跨越。

获取轻量云服务器

腾讯云轻量云服务器面板进行服务器的构建

image.png
image.png

应用创建方式选择基于操作系统镜像中的Ubuntu,版本是Ubuntu 24.04 LTS

image.png
image.png

购买好了之后,稍等一会儿服务器就初始化好了,来到服务器面板,点击上方导航栏进行重置密码

image.png
image.png

重置密码面板如下,输入你的新密码即可进行重置,重置方式我们选择在线重置即可

image.png
image.png
链接服务器

登录服务器的方式如下:

  • 你可以直接在腾讯云控制台进行登录
  • 也可以在本地使用xshell以及终端进行登录
image.png
image.png

登录的账号用户名初始化都是ubuntu 打开终端或者xshell,这里示范的是xshell 点击新建->输入名称->输入你的服务器公网IP->点击确定

image.png
image.png

在会话中选中刚刚新建的链接,点击右下角确定进行连接

image.png
image.png

点击接受并保存

image.png
image.png

输入用户名ubuntu,点击确定

image.png
image.png

输入密码点击确定

image.png
image.png

登录成功界面如下:

image.png
image.png

安装宝塔面板

点击宝塔面板下载,免费全能的服务器运维软件来到官方界面

在这里插入图片描述
在这里插入图片描述

复制安装命令

代码语言:javascript
复制
wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh && sudo bash install_panel.sh ed8484bec
image.png
image.png

在服务器中输入上方命令 这里系统询问我们是否需要进行宝塔面板的安装,我们输入命令y回车进行确认

image.png
image.png

然后就进行下载各种配置了,稍等片刻就行了 宝塔安装好了后,这里会显示登录地址以及账号密码的,记得保存

image.png
image.png
设置防火墙

先在你的轻量云服务器打开你对应的端口号 在服务器控制台的防火墙,进行添加规则,开放你对应的端口

image.png
image.png

登录宝塔

输入账号密码进行登录

image.png
image.png

宝塔界面如下:

image.png
image.png

在左侧导航栏点击软件商店,在上方导航栏点击一键部署 第一个就是WordPress,点击右边的一键部署

image.png
image.png

这里出现报错缺少被支持的PHP版本,请安装

image.png
image.png

官方应用搜索PHP,在跳出的面板点击极速安装

image.png
image.png

安装好了,重新点击WordPress一键部署 这里提示我们安装数据库,点击立即安装

image.png
image.png
image.png
image.png

再次进行部署又提醒我们安装Nginx,那我们就进行安装操作

image.png
image.png
image.png
image.png

输入你对应的域名信息

image.png
image.png

然后宝塔就帮我们自动进行部署操作了

image.png
image.png

部署成功后,将用户、Miami、访问站点进行复制

image.png
image.png

到这里我们的网站就部署好了

image.png
image.png

打开我们的网站链接如下:

image.png
image.png

在界面输入对应的数据库名,数据库用户名和数据库密码,然后点击提交,可到宝塔面板的数据库里查看详情。

image.png
image.png

数据库没错的话就会出现下图界面,点击现在安装。

image.png
image.png

你可以自己设置站点标题、用户名、密码和邮箱信息。设置完毕后点击“安装WordPress”

image.png
image.png

然后后续你就可以针对你的网站进行diy了 我的网站如下:

27648e24ef83c4d09b3d5cf75e38a982.jpg
27648e24ef83c4d09b3d5cf75e38a982.jpg
7813bcb4cb1ba3f75898f1bd5e691664.jpg
7813bcb4cb1ba3f75898f1bd5e691664.jpg

你可以把我的代码复制过去,直接导入你的网站

代码语言:javascript
复制
/*
* 提示:该行代码过长,系统自动注释不进行高亮。一键复制会移除系统注释 
* {"argon_theme_color":"#009688","argon_theme_color_hex_preview":"#009688","argon_show_customize_theme_color_picker":true,"argon_enable_immersion_color":"true","argon_darkmode_autoswitch":"time","argon_enable_amoled_dark":"false","argon_card_radius":"15","argon_card_shadow":"default","argon_page_layout":"double","argon_article_list_waterflow":"2","argon_article_list_layout":"1","argon_font":"serif","argon_assets_path":"jsdelivr_fastly","argon_custom_assets_path":"","argon_wp_path":"/","argon_dateformat":"YMD","argon_enable_headroom":"true","argon_toolbar_title":"Undoom","argon_toolbar_icon":"","argon_toolbar_icon_link":" ","argon_toolbar_blur":"true","argon_banner_title":"Undoom","argon_banner_subtitle":"惊蛰时节风入梦,愿化春雷唤卿心。","argon_banner_size":"fullscreen","argon_page_background_banner_style":"transparent","argon_show_toolbar_mask":true,"argon_banner_background_url":"--bing--","argon_banner_background_color_type":"shape-primary","argon_banner_background_hide_shapes":true,"argon_enable_banner_title_typing_effect":"true","argon_banner_typing_effect_interval":"100","argon_page_background_url":"http://deepseek.hyk52syx.club/wp-content/uploads/2025/03/【哲风壁纸】漫画风大草原-绿色护眼-scaled.jpg","argon_page_background_dark_url":"http://deepseek.hyk52syx.club/wp-content/uploads/2025/03/【哲风壁纸】你的名字-流星.png","argon_page_background_opacity":"1","argon_sidebar_banner_title":"Undoom","argon_sidebar_banner_subtitle":"祝你天天开心","argon_sidebar_auther_name":"Undoom","argon_sidebar_auther_image":"http://deepseek.hyk52syx.club/wp-content/uploads/2025/03/cropped-头像.jpg","argon_sidebar_author_description":"一个小登","argon_sidebar_announcement":"惊蛰祝你天天开心","argon_fab_show_settings_button":"true","argon_fab_show_darkmode_button":"true","argon_fab_show_gotocomment_button":"false","argon_seo_description":"","argon_seo_keywords":"CSDN博客网站搭建","argon_article_meta":"time|categories|views","argon_show_readingtime":"true","argon_reading_speed":"580","argon_reading_speed_en":"80","argon_reading_speed_code":"10","argon_show_thumbnail_in_banner_in_content_page":"false","argon_first_image_as_thumbnail_by_default":"true","argon_reference_list_title":"参考","argon_show_sharebtn":"true","argon_show_headindex_number":"false","argon_donate_qrcode_url":"http://deepseek.hyk52syx.club/wp-content/uploads/2025/03/7c4d17c1fd301f8fa498cfbf42ed230.jpg","argon_additional_content_after_post":"文末附加内容","argon_related_post":"category,tag","argon_related_post_sort_orderby":"meta_value_num","argon_related_post_sort_order":"DESC","argon_related_post_limit":"10","argon_article_header_style":"article-header-style-2","argon_outdated_info_time_type":"createdtime","argon_outdated_info_days":"1","argon_outdated_info_tip_type":"inpost","argon_outdated_info_tip_content":"本文最后更新于%modify_date_delta% 天前,其中的信息可能已经过时,如有错误请发送邮件到big_fw@foxmail.com","argon_archives_timeline_show_month":"true","argon_archives_timeline_url":"","argon_footer_html":"<!DOCTYPE html>\n<html lang=\"zh\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>页面标题</title>\n\n    <!-- 引入外部 CSS 文件,实现文字抖动特效 -->\n    <link href=\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/css/myface.css\" rel=\"stylesheet\">\n\n    <style>\n        /* 核心样式 */\n        .github-badge {\n            display: inline-block;\n            border-radius: 4px;\n            text-shadow: none;\n            font-size: 13.1px;\n            color: #fff;\n            line-height: 15px;\n            margin-bottom: 5px;\n            font-family: \"Open Sans\", sans-serif;\n        }\n        .github-badge .badge-subject {\n            display: inline-block;\n            background-color: #4d4d4d;\n            padding: 4px 4px 4px 6px;\n            border-top-left-radius: 4px;\n            border-bottom-left-radius: 4px;\n            font-family: \"Open Sans\", sans-serif;\n        }\n        .github-badge .badge-value {\n            display: inline-block;\n            padding: 4px 6px 4px 4px;\n            border-top-right-radius: 4px;\n            border-bottom-right-radius: 4px;\n            font-family: \"Open Sans\", sans-serif;\n        }\n        .github-badge-big {\n            display: inline-block;\n            border-radius: 6px;\n            text-shadow: none;\n            font-size: 14.1px;\n            color: #fff;\n            line-height: 18px;\n            margin-bottom: 7px;\n        }\n        .github-badge-big .badge-subject {\n            display: inline-block;\n            background-color: #4d4d4d;\n            padding: 4px 4px 4px 6px;\n            border-top-left-radius: 4px;\n            border-bottom-left-radius: 4px;\n        }\n        .github-badge-big .badge-value {\n            display: inline-block;\n            padding: 4px 6px 4px 4px;\n            border-top-right-radius: 4px;\n            border-bottom-right-radius: 4px;\n        }\n        .bg-orange {\n            background-color: #ec8a64 !important;\n        }\n        .bg-red {\n            background-color: #cb7574 !important;\n        }\n        .bg-apricots {\n            background-color: #f7c280 !important;\n        }\n        .bg-casein {\n            background-color: #dfe291 !important;\n        }\n        .bg-shallots {\n            background-color: #97c3c6 !important;\n        }\n        .bg-ogling {\n            background-color: #95c7e0 !important;\n        }\n        .bg-haze {\n            background-color: #9aaec7 !important;\n        }\n        .bg-mountain-terrier {\n            background-color: #99a5cd !important;\n        }\n    </style>\n</head>\n<body>\n    <!-- 添加备案号部分 -->\n    <div class=\"github-badge-big\">\n        <span class=\"badge-subject\"><i class=\"fa fa-id-card\"></i> 备案号 </span>\n        <span class=\"badge-value bg-orange\">\n            <a href=\"https://beian.miit.gov.cn/\" target=\"_blank\" one-link-mark=\"yes\">鄂ICP备2024070826号-2</a>\n            |\n            <a href=\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32072202010255\" target=\"_blank\" one-link-mark=\"yes\">鄂ICP备2024070826号-2</a>\n        </span>\n    </div>\n\n    <!-- 添加新版权部分,并应用文字抖动特效 -->\n    <div class=\"\">\n        <span class=\"my-face\">小破站 ©2025 版权所有 Undoom ୧(๑•̀⌄•́๑)\n        ೩</span>\n    </div>\n\n    <!-- 添加版权信息 -->\n    <div class=\"github-badge-big\">\n        <span class=\"badge-subject\">Copyright </span>\n        <span class=\"badge-value bg-red\">\n            2025-2025\n            <i class=\"fa fa-copyright\"></i> Echo\n        </span>\n    </div>\n\n    <!-- 小破站运行时间 -->\n    <div class=\"github-badge-big\">\n        <span class=\"badge-subject\"><i class=\"fa fa-clock-o\"></i> 小破站运行时间</span>\n        <span class=\"badge-value bg-apricots\">\n            <span id=\"blog_running_days\" class=\"odometer odometer-auto-theme\"></span> days\n            <span id=\"blog_running_hours\" class=\"odometer odometer-auto-theme\"></span> H\n            <span id=\"blog_running_mins\" class=\"odometer odometer-auto-theme\"></span> M\n            <span id=\"blog_running_secs\" class=\"odometer odometer-auto-theme\"></span> S\n        </span>\n    </div>\n\n    <script no-pjax=\"\">\n        var blog_running_days = document.getElementById(\"blog_running_days\");\n        var blog_running_hours = document.getElementById(\"blog_running_hours\");\n        var blog_running_mins = document.getElementById(\"blog_running_mins\");\n        var blog_running_secs = document.getElementById(\"blog_running_secs\");\n\n        function refresh_blog_running_time() {\n            var time = new Date() - new Date(2025, 2, 27, 0, 0, 0);\n            var d = parseInt(time / 24 / 60 / 60 / 1000);\n            var h = parseInt((time % (24 * 60 * 60 * 1000)) / 60 / 60 / 1000);\n            var m = parseInt((time % (60 * 60 * 1000)) / 60 / 1000);\n            var s = parseInt((time % (60 * 1000)) / 1000);\n\n            blog_running_days.innerHTML = d;\n            blog_running_hours.innerHTML = h;\n            blog_running_mins.innerHTML = m;\n            blog_running_secs.innerHTML = s;\n        }\n        refresh_blog_running_time();\n\n        if (typeof bottomTimeIntervalHasSet == \"undefined\") {\n            var bottomTimeIntervalHasSet = true;\n            setInterval(function () {\n                refresh_blog_running_time();\n            }, 500);\n        }\n    </script>\n<script>\n$.getScript(\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/onfocus.js\");\n</script>\n<script src=\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/input-with-fire.js\"></script>\n\n</body>\n</html>\n\n","argon_enable_code_highlight":"true","argon_code_theme":"vs2015","argon_code_highlight_hide_linenumber":"true","argon_code_highlight_break_line":"false","argon_code_highlight_transparent_linenumber":"false","argon_math_render":"none","argon_mathjax_cdn_url":"//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js","argon_mathjax_v2_cdn_url":"//cdn.jsdelivr.net/npm/mathjax@2.7.5/MathJax.js?config=TeX-AMS_HTML","argon_katex_cdn_url":"//cdn.jsdelivr.net/npm/katex@0.11.1/dist/","argon_enable_lazyload":"true","argon_lazyload_threshold":"800","argon_lazyload_effect":"fadeIn","argon_lazyload_loading_style":"1","argon_enable_fancybox":"true","argon_enable_zoomify":"false","argon_zoomify_duration":"200","argon_zoomify_easing":"cubic-bezier(0.4,0,0,1)","argon_zoomify_scale":"0.9","argon_enable_pangu":"article","argon_custom_html_head":"<!--全页特效开始-->\n<script src=\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/mobile-detect.js\"></script>\n<script type=\"text/javascript\">\n    // 设备检测\n    var md = new MobileDetect(window.navigator.userAgent);\n \n    // PC生效,手机/平板不生效\n    // md.mobile(); md.phone(); \n    if(!md.phone()){\n        if(!md.tablet()){\n            // 雪花\n            //$.getScript(\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/xiaxue.js\");\n \n            // 樱花\n            $.getScript(\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/yinghua.js\");\n \n            // 小烟花特效\n            // $.getScript(\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/js/mouse-click.js\");\n \n            // 大烟花特效\n            $.getScript(\"https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/mouse/mouse-click-02/mouse-canvas.js\");\n            document.write('<style>#mouse-canvas {z-index:217483647; pointer-events: none;  box-sizing: border-box !important; display: block !important; position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vh;}</style>')\n \n            // 鼠标移动的仙女棒特效\n            $.getScript(\"https://bensz.onmicrosoft.cn/bloghelper/mouse/halo-dream/fairyDustCursor.min.js\");\n \n            // 鼠标移动的泡泡特效\n            $.getScript(\"https://bensz.onmicrosoft.cn/bloghelper/mouse/joe/censor10.js\");\n            \n\n        }   \n    }\n</script>\n<!--全页特效结束-->","argon_custom_html_foot":"<!DOCTYPE html>\n<html lang=\"zh\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>页面标题</title>\n\n    <!-- 设置字体 -->\n    <style>\n        /* 设置网站字体 */\n        /* 原则上你可以设置多个字体,然后在不同的部位使用不同的字体 */\n        @font-face {\n            font-family: btfFont;\n            src: url(https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/fonts/13.woff2) format('woff2');\n        }\n\n        /* 全站使用 btfFont 字体 */\n        body {\n            font-family: \"btfFont\", sans-serif !important;\n        }\n\n        /* 可选:为不同的部分使用不同的字体 */\n        .header {\n            font-family: \"Arial\", sans-serif;\n        }\n\n        .footer {\n            font-family: \"Courier New\", monospace;\n        }\n\n        /* 动态字体大小调整 */\n        .font-size-adjuster {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            background: #fff;\n            border: 1px solid #000;\n            padding: 10px;\n            border-radius: 5px;\n            z-index: 1000;\n        }\n\n        /* Github卡片样式 */\n        .github-info-card-header a {\n            /* Github卡片抬头颜色 */\n            color: black !important;\n            font-size: 1.5rem;\n        }\n\n        html.darkmode .github-info-card-header a {\n            /* Github卡片抬头颜色——夜间 */\n            color: #FAAB78 !important;\n            font-size: 1.5rem;\n        }\n\n        .github-info-card {\n            /* Github卡片文字(非链接) */\n            font-size: 1rem;\n            color: black !important;\n        }\n\n        html.darkmode .github-info-card {\n            /* Github卡片文字(非链接)——夜间 */\n            font-size: 1rem;\n            color: #FAAB78 !important;\n        }\n\n        .github-info-card.github-info-card-full.card.shadow-sm {\n            /* Github卡片背景色 */\n            background-color: rgba(var(--themecolor-rgbstr), 0.1) !important;\n        }\n    </style>\n\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css\">\n    <script src=\"https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js\"></script>\n    <script src=\"https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js\"></script>\n    <script src=\"https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js\"></script>\n</head>\n<body>\n    <!-- 页面内容 -->\n\n    <!-- 音乐播放器 -->\n    <meting-js\n        server=\"netease\"\n        type=\"playlist\"\n        id=\"7761129140\"\n        fixed=\"true\"\n        mini=\"true\"\n        order=\"list\"\n        loop=\"all\"\n        preload=\"auto\"\n        list-folded=\"true\"\n        lrc-type=\"0\"\n    ></meting-js>\n\n    \n\n</body>\n</html>\n\n","argon_enable_smoothscroll_type":"1_pulse","argon_enable_into_article_animation":"true","argon_disable_pjax_animation":"false","argon_comment_pagination_type":"page","argon_comment_emotion_keyboard":"true","argon_hide_name_email_site_input":"false","argon_comment_need_captcha":"false","argon_get_captcha_by_ajax":"false","argon_comment_allow_markdown":"true","argon_comment_allow_editing":"true","argon_comment_allow_privatemode":"true","argon_comment_allow_mailnotice":"true","argon_comment_mailnotice_checkbox_checked":true,"argon_comment_enable_qq_avatar":"true","argon_comment_avatar_vcenter":"false","argon_who_can_visit_comment_edit_history":"commentsender","argon_enable_comment_pinning":"true","argon_enable_comment_upvote":"true","argon_comment_ua":"platform,browser","argon_show_comment_parent_info":"true","argon_fold_long_comments":"true","argon_gravatar_cdn":"gravatar.pho.ink/avatar/","argon_text_gravatar":"true","argon_enable_search_filters":"true","argon_search_filters_type":"*post,*page,shuoshuo","argon_pjax_disabled":"false","argon_hide_categories":"","argon_enable_login_css":"true","argon_home_show_shuoshuo":"false","argon_fold_long_shuoshuo":"true","argon_enable_timezone_fix":"false","argon_hide_shortcode_in_preview":"true","argon_trim_words_count":"0","argon_enable_mobile_scale":"false","argon_disable_googlefont":"false","argon_disable_codeblock_style":"false","argon_update_source":"github","argon_hide_footer_author":"true"}
*/

总结

通过本文的步骤,你已掌握了使用腾讯云轻量云服务器(Ubuntu 系统)搭配宝塔面板搭建网站的核心流程:从服务器购买与密码重置、通过 Xshell 远程连接,到安装宝塔面板并开放端口,再到一键部署 WordPress 并完成基础配置。最终,你不仅能拥有一个可访问的网站,还能通过提供的 JSON 配置代码自定义网站主题、特效和功能(如音乐播放器、动态背景等)。按照指引操作,即使是新手也能在短时间内完成网站搭建,开启你的线上展示之旅。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-08-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 获取轻量云服务器
    • 链接服务器
  • 安装宝塔面板
    • 设置防火墙
  • 登录宝塔
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档