本文最后更新于 156 天前，其中的信息可能已经有所发展或是发生改变。

0.前言

刷到了一个别人搭建博客的教程，心血来潮也跟着搞了。为此记录一下我的搭建过程。搭建完成后也可以随便写写文章，吹吹牛逼。

本人纯小白，如果有什么地方描述错了见谅。

1.准备域名和服务器

1.1准备域名

根据我是个纯小白的情况，可以买便宜的先试试手。

域名选择了在腾讯云购买，以下列出的都是较为便宜的域名，在其它网站购买相同域名，价格也大差不差

其中，注册这一栏，可以选择你一次性交几年，你就获得了几年的域名使用权。

当域名要过期时，查看续费这一栏，可以了解你每年要交多少money

选择好要哪个后，点击前往注册选择你想要的域名。注意：域名唯一且被别人注册后你就不能注册名字一样的

名字不重复即可注册。点击立即加购

选择购买时长后。填写你的信息模板，等待认证成功后，点击提交订单。

进入控制台，出现当前域名即可

1.2准备服务器

这里选择的是彩虹云服务器。选择香港高防一区，基础版。（为什么选香港服务器？因为服务器在大陆外不需要备案，节省时间，在香港也保证了网站速度，不会太卡）

成功登录服务器面板

2.导入wordpress到服务器

点击此处下载wordpress

进入控制面板，ftp文件管理，把下载的压缩包上传到服务器，并且解压到wwwroot目录下

3.添加域名解析

登录你购买的域名控制台，点击解析。添加解析出现如图选项

目标域名来自你服务器的控制台。红色字段。点击确定后，在绑定域名处填写你购买的域名，www.xxxxx.cn。再次点击确定

4.网站初始化和基本设置

上面操作完成后就可以进入网站了。

如图即可

点击现在就开始后，填入服务器面板右侧的信息即可，接着填入你的用户名，密码等等用来登录后台

进入到wordpress主界面后，浏览器输入我们的网址，即可成功访问网站！

5.美化和简单设置，让网站变得更好看

这里我提供了几个主题，方便网站的快速设计，有需要的自取即可

点我下载

下载完成后，在这里导入

导入完成后，我以argon主题为例，快速构建网站成形

5.1argon主题选项

来到左侧边栏的主题选项，这里大多自定义选项自行选择喜欢的，这里只讲部分选项

建议开启顶栏毛玻璃效果

效果如图

建议设置页面背景（背景图全局的）

添加页头和页尾脚本，功能是在下滑的时候，背景图会逐渐模糊

页头：

 <style>
     #content::before {
         transition: filter .3s ease, transform .3s ease !important;
         filter: blur(0px);
         transform: scale(1.02);
     }
     #content.scrolled::before {
         filter: blur(6px);
         transform: scale(1.02);
     }
 </style>

页尾：

 <script>
     const banner = document.querySelector('#banner');
     const content = document.querySelector('#content');
     
     window.addEventListener('scroll', () => {
         if(window.scrollY > banner.offsetHeight / 3) {
             content.classList.add('scrolled');
         } else {
             content.classList.remove('scrolled');
         }
     });
 </script>