一· 购买服务器
首先先从阿里云或腾讯云等厂商申请买一个服务器或虚拟主机,有一些有学生优惠,或是没有申请过的,可以有免费试用一个月(域名同理)
我这里是白嫖土云数据的虚拟主机,还是比较推荐的
官网链接: soilcloud.cn
b站链接: https://b23.tv/fiOF3V3
打开链接注册即可,进入页面
按照步骤进行下方虚拟主机的选择,使用白嫖码白嫖,具体使用方法可看下b站视频
申请下来之后,可在其他栏里看到
不过一般都是未激活,需要提交一下工单让他们激活一下即可使用,点击操作,可以登录控制面板
二· 申请域名
同上，可以在阿里或腾讯云购买域名,我这里申请的是一个永久的域名
b站视频: https://b23.tv/Ho30tR1
申请完毕后,我们得到一个域名,并且把域名托管到cloudflare
三· 搭建个人博客
下面就可以在申请的虚拟主机上做点事情
登录控制面板,找到默认首页位置,只保留一个index.php 或者把想要优先显示的页面修改优先级
然后找到域名绑定,根据上方视频进行域名解析
然后找到在线文件管理器,把从官网下载的wordpress传到wwwroot目录中,随后解压,再把wordpress压缩包删除
wordpress官网链接: https://cn.wordpress.org/latest-zh_CN.zip
弄完之后,就可以通过你的域名访问wordpress站点注册数据库, https://域名/wp-admin
信息都在申请的虚拟主机上可以找到,如数据库名，用户名，密码等,注册完成后就可以访问你的站点
直接访问你的域名,访问到站点说明搭建成功,到此博客搭建完成
四· 博客上传主题
推荐使用argon和boxmoe-dove,因为已经使用过,效果不错,其他的主题后续文章续写
github(argon): https://github.com/solstice23/argon-theme
boxmoe: https://www.boxmoe.com
上传主题可在站点左侧栏找到,随后上传即可
argon主题一键导入
{"argon_theme_color":"#607d8b","argon_theme_color_hex_preview":"#607d8b","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":"1","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":"原子の犬窝","argon_toolbar_icon":"https://s2.loli.net/2024/09/18/sRroOPyiZJh81VS.png","argon_toolbar_icon_link":" http://openpyt.us.kg/","argon_toolbar_blur":"true","argon_banner_title":"原子&blog","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-default","argon_banner_background_hide_shapes":true,"argon_enable_banner_title_typing_effect":"true","argon_banner_typing_effect_interval":"100","argon_page_background_url":"https://s2.loli.net/2024/09/18/IFypmJ62cGTBHCf.jpg","argon_page_background_dark_url":"https://s2.loli.net/2024/09/19/tUCeJa9rjbsVM3k.png","argon_page_background_opacity":"0.6","argon_sidebar_banner_title":"心跳","argon_sidebar_banner_subtitle":"假如就在眼前,我不敢与你相认","argon_sidebar_auther_name":"原子","argon_sidebar_auther_image":"https://s2.loli.net/2024/09/18/o8jJgACTYG74VLq.webp","argon_sidebar_author_description":"作者在地球上查无此人,如有需要请去其他星球查找","argon_sidebar_announcement":"","argon_fab_show_settings_button":"true","argon_fab_show_darkmode_button":"false","argon_fab_show_gotocomment_button":"true","argon_seo_description":"作为记录技术和生活的一种方式","argon_seo_keywords":"搜索引擎关键词（Keywords Meta 标签）","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://www.openpyt.us.kg/wp-content/uploads/2024/08/chats.jpg","argon_additional_content_after_post":"<font color=\"#FF66CC\">觉得有帮助可以投喂下博主哦~ 一分也是爱！感谢！</font>\n转载请注明文章地址及作者哦~","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":"100","argon_outdated_info_tip_type":"inpost","argon_outdated_info_tip_content":"本文最后更新于%modify_date_delta% 天前，其中的信息可能已经过时，如有错误请发送邮件到[email protected]","argon_archives_timeline_show_month":"true","argon_archives_timeline_url":"https://www.openpyt.us.kg/index.php/category/time_machine/","argon_footer_html":"<style>\n/* 核心样式 */\n.github-badge {\ndisplay: inline-block;\nborder-radius: 4px;\ntext-shadow: none;\nfont-size: 13.1px;\ncolor: #fff;\nline-height: 15px;\nmargin-bottom: 5px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge .badge-subject {\ndisplay: inline-block;\nbackground-color: #4d4d4d;\npadding: 4px 4px 4px 6px;\nborder-top-left-radius: 4px;\nborder-bottom-left-radius: 4px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge .badge-value {\ndisplay: inline-block;\npadding: 4px 6px 4px 4px;\nborder-top-right-radius: 4px;\nborder-bottom-right-radius: 4px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge-big {\ndisplay: inline-block;\nborder-radius: 6px;\ntext-shadow: none;\nfont-size: 14.1px;\ncolor: #fff;\nline-height: 18px;\nmargin-bottom: 7px;\n}\n.github-badge-big .badge-subject {\ndisplay: inline-block;\nbackground-color: #4d4d4d;\npadding: 4px 4px 4px 6px;\nborder-top-left-radius: 4px;\nborder-bottom-left-radius: 4px;\n}\n.github-badge-big .badge-value {\ndisplay: inline-block;\npadding: 4px 6px 4px 4px;\nborder-top-right-radius: 4px;\nborder-bottom-right-radius: 4px;\n}\n.bg-orange {\nbackground-color: #ec8a64 !important;\n}\n.bg-red {\nbackground-color: #cb7574 !important;\n}\n.bg-apricots {\nbackground-color: #f7c280 !important;\n}\n.bg-casein {\nbackground-color: #dfe291 !important;\n}\n.bg-shallots {\nbackground-color: #97c3c6 !important;\n}\n.bg-ogling {\nbackground-color: #95c7e0 !important;\n}\n.bg-haze {\nbackground-color: #9aaec7 !important;\n}\n.bg-mountain-terrier {\nbackground-color: #99a5cd !important;\n}\n</style>\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\"\n>苏ICP备0000000000号</a\n>\n|\n<a\nhref=\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode= 32072202010255\"\ntarget=\"_blank\"\none-link-mark=\"yes\"\n>苏公网安备 00000000000000号</a\n></span\n>\n</div>\n\n \n<div class=\"github-badge\">\n<span class=\"badge-subject\"><i class=\"fa fa-wordpress\"></i> Powered</span\n><span class=\"badge-value bg-green\"\n><a href=\"https://cn.wordpress.org/\" target=\"_blank\" one-link-mark=\"yes\"\n>WordPress</a\n></span\n>\n</div>\n<div class=\"github-badge-big\">\n<span class=\"badge-subject\"><i class=\"fa\"><img src=\"http://openpyt.us.kg/wp-content/uploads/2024/09/Group-765.png\" height=\"20\" width=\"20\"/></i> CDN</span\n><span class=\"badge-value bg-shallots\"\n><a href=\"\" target=\"_blank\" one-link-mark=\"yes\"></a\n><a\nhref=\"https://client.lightcdn.com/\"\ntarget=\"_blank\"\none-link-mark=\"yes\"\n>lightcdn</a\n></span\n>\n<span class=\"badge-subject\">Copyright </span\n><span class=\"badge-value bg-red\">\n2024-2024\n<i class=\"fa fa-copyright\"></i> 原子</span\n>\n</script>\n</div>\n<div class=\"github-badge-big\">\n<span class=\"badge-subject\"><i class=\"fa fa-clock-o\"></i> Running Time</span\n><span class=\"badge-value bg-apricots\"\n><span id=\"blog_running_days\" class=\"odometer odometer-auto-theme\"></span>\ndays\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>\nS</span\n>\n <script no-pjax=\"\">\nvar blog_running_days = document.getElementById(\"blog_running_days\");\nvar blog_running_hours = document.getElementById(\"blog_running_hours\");\nvar blog_running_mins = document.getElementById(\"blog_running_mins\");\nvar blog_running_secs = document.getElementById(\"blog_running_secs\");\nfunction refresh_blog_running_time() {\nvar time = new Date() - new Date(2024, 7,10, 0, 0, 0);\nvar d = parseInt(time / 24 / 60 / 60 / 1000);\nvar h = parseInt((time % (24 * 60 * 60 * 1000)) / 60 / 60 / 1000);\nvar m = parseInt((time % (60 * 60 * 1000)) / 60 / 1000);\nvar s = parseInt((time % (60 * 1000)) / 1000);\nblog_running_days.innerHTML = d;\nblog_running_hours.innerHTML = h;\nblog_running_mins.innerHTML = m;\nblog_running_secs.innerHTML = s;\n}\nrefresh_blog_running_time();\nif (typeof bottomTimeIntervalHasSet == \"undefined\") {\nvar bottomTimeIntervalHasSet = true;\nsetInterval(function () {\nrefresh_blog_running_time();\n}, 500);\n}\n</script>\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":"mathjax3","argon_mathjax_cdn_url":"//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js","argon_mathjax_v2_cdn_url":"//cdn.jsdelivr.net/npm/[email protected]/MathJax.js?config=TeX-AMS_HTML","argon_katex_cdn_url":"//cdn.jsdelivr.net/npm/[email protected]/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<style type=\"text/css\">\na {text-decoration: none;}\ndiv.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba\n(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9;border-radius: 5px;}\ndiv.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}\ndiv.usercm ul li{margin:0px;padding:0px;line-height:35px;}\ndiv.usercm ul li a{color:#666;padding:0 15px;display:block}\ndiv.usercm ul li a:hover{color:#fff;background:rgba(9,145,113,0.88);border-radius: 5px}\ndiv.usercm ul li a i{margin-right:10px}\na.disabled{color:#c8c8c8!important;cursor:not-allowed}\na.disabled:hover{background-color:rgba(255,11,11,0)!important}\ndiv.usercm{background:#fff !important;}\n</style>\n<div class=\"usercm\" style=\"left: 199px; top: 5px; display: none;\">\n<ul>\n<li><a href=\"https://www.xyqiang.top/\"><i class=\"fa fa-home fa-fw\"></i><span>首页</span></a></li>\n<li><a href=\"javascript:void(0);\" onclick=\"getSelect();\"><i class=\"fa fa-file fa-fw\"></i><span>复制</span></a></li>\n<li><a href=\"javascript:void(0);\" onclick=\"baiduSearch();\"><i class=\"fa fa-search fa-fw\"></i><span>Bing一下</span></a></li>\n<li><a href=\"javascript:history.go(1);\"><i class=\"fa fa-arrow-right fa-fw\"></i><span>前进</span></a></li>\n<li><a href=\"javascript:history.go(-1);\"><i class=\"fa fa-arrow-left fa-fw\"></i><span>后退</span></a></li>\n<li style=\"border-bottom:1px solid gray\"><a href=\"javascript:window.location.reload();\"><i class=\"fa fa-refresh fa-fw\"></i><span>刷新</span></a></li>\n</ul>\n</div>\n<script type=\"text/javascript\" src=\"https://cdn.staticfile.org/layer/3.1.1/layer.js\"></script>\n<script type=\"text/javascript\">\n(function(a) {\na.extend({\nmouseMoveShow: function(b) {\nvar d = 0,\nc = 0,\nh = 0,\nk = 0,\ne = 0,\nf = 0;\na(window).mousemove(function(g) {\nd = a(window).width();\nc = a(window).height();\nh = g.clientX;\nk = g.clientY;\ne = g.pageX;\nf = g.pageY;\nh + a(b).width() >= d && (e = e - a(b).width() - 5);\nk + a(b).height() >= c && (f = f - a(b).height() - 5);\na(\"html\").on({\ncontextmenu: function(c) {\n3 == c.which && a(b).css({\nleft: e,\ntop: f\n}).show()\n},\nclick: function() {\na(b).hide()\n}\n})\n})\n},\ndisabledContextMenu: function() {\nwindow.oncontextmenu = function() {\nreturn !1\n}\n}\n})\n})(jQuery);\n \nfunction getSelect() {\n\"\" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg(\"请选择需要复制的内容！\") : document.execCommand(\"Copy\")\n}\nfunction baiduSearch() {\nvar a = window.getSelection ? window.getSelection() : document.selection.createRange().text;\n\"\" == a ? layer.msg(\"请选择需要Bing的内容！\") : window.open(\"https://cn.bing.com/search?q=\" + a)\n}\n$(function() {\nfor (var a = navigator.userAgent, b = \"Android;iPhone;SymbianOS;Windows Phone;iPad;iPod\".split(\";\"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {\nd = !1;\nbreak\n}\nd && ($.mouseMoveShow(\".usercm\"), $.disabledContextMenu())\n});\n</script>","argon_custom_html_foot":"<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css\">\n<script src=\"https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js\"></script>\n \n<meting-js \n server=\"netease\" \n type=\"playlist\" \n id=\"7373135320\"\n fixed=\"true\" \n mini=\"true\"\n order=\"list\"\n loop=\"all\"\n preload=\"auto\"\n list-folded=\"true\"\n lrc-type=\"0\"\n>\n</meting-js>\n<style>\n/* 核心样式 */\n.github-badge {\ndisplay: inline-block;\nborder-radius: 4px;\ntext-shadow: none;\nfont-size: 13.1px;\ncolor: #fff;\nline-height: 15px;\nmargin-bottom: 5px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge .badge-subject {\ndisplay: inline-block;\nbackground-color: #4d4d4d;\npadding: 4px 4px 4px 6px;\nborder-top-left-radius: 4px;\nborder-bottom-left-radius: 4px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge .badge-value {\ndisplay: inline-block;\npadding: 4px 6px 4px 4px;\nborder-top-right-radius: 4px;\nborder-bottom-right-radius: 4px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge-big {\ndisplay: inline-block;\nborder-radius: 6px;\ntext-shadow: none;\nfont-size: 14.1px;\ncolor: #fff;\nline-height: 18px;\nmargin-bottom: 7px;\n}\n.github-badge-big .badge-subject {\ndisplay: inline-block;\nbackground-color: #4d4d4d;\npadding: 4px 4px 4px 6px;\nborder-top-left-radius: 4px;\nborder-bottom-left-radius: 4px;\n}\n.github-badge-big .badge-value {\ndisplay: inline-block;\npadding: 4px 6px 4px 4px;\nborder-top-right-radius: 4px;\nborder-bottom-right-radius: 4px;\n}\n.bg-orange {\nbackground-color: #ec8a64 !important;\n}\n.bg-red {\nbackground-color: #cb7574 !important;\n}\n.bg-apricots {\nbackground-color: #f7c280 !important;\n}\n.bg-casein {\nbackground-color: #dfe291 !important;\n}\n.bg-shallots {\nbackground-color: #97c3c6 !important;\n}\n.bg-ogling {\nbackground-color: #95c7e0 !important;\n}\n.bg-haze {\nbackground-color: #9aaec7 !important;\n}\n.bg-mountain-terrier {\nbackground-color: #99a5cd !important;\n}\n</style>\n\n<script>\n function hexToRgb(hex,op){\n let str = hex.slice(1);\n let arr;\n if (str.length === 3) arr = str.split('').map(d => parseInt(d.repeat(2), 16));\n else arr = [parseInt(str.slice(0, 2), 16), parseInt(str.slice(2, 4), 16), parseInt(str.slice(4, 6), 16)];\n return `rgb(${arr.join(', ')}, ${op})`;\n};\n \n let themeColorHex = getComputedStyle(document.documentElement).getPropertyValue('--themecolor').trim();\n let op1 = 0.6\n let themeColorRgb = hexToRgb(themeColorHex,op1);\n let themecolorGradient = getComputedStyle(document.documentElement).getPropertyValue('--themecolor-gradient')*\n document.documentElement.style.setProperty('--themecolor-gradient',themeColorRgb)\n \n let op2 = 0.8\n // 方法一：\n let colorTint92 = getComputedStyle(document.documentElement).getPropertyValue('--color-tint-92').trim();\n colorTint92 += ', '+op2;\n document.documentElement.style.setProperty('--color-tint-92',colorTint92)\n // 方法二：（无效）\n // let colorForegroundHex = getComputedStyle(document.documentElement).getPropertyValue('--color-foreground').trim();\n // let colorForeground = hexToRgb(colorForegroundHex,op2)\n // 无效的原因是博客里的--color-fpreground是局部变量，不是:root里的全局变量，所以最好的办法是修改--color-tint-92，这个是全局的\n // document.documentElement.style.setPrope。rty('--color-fpreground',colorForeground)\n // 不要用下面这种cssText这种写法，会导致上面--themecolor-gradient的样式修改失效！\n // document.documentElement.style.cssText = '--color-tint-92:'+colorTint92\n \n let op3 = 0.65\n let colorShade90 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-90').trim();\n colorShade90 += ', ' + op3;\n document.documentElement.style.setProperty('--color-shade-90',colorShade90)\n \n let op4 = 0.8\n let colorShade86 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-86').trim();\n colorShade86 += ', ' + op4;\n document.documentElement.style.setProperty('--color-shade-86',colorShade86)\n</script>","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":"true","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"}
