个人独立搭建网站的相关学习

是非之夏

1.目标分解。

1.先购买云服务器，2.配置端口安全组，3.配置宝塔面板。4.配置wordpress，5.学习html，css，php，6.分析并修改网页模板。7.域名，备案，解析。
2.云服务器

首先得有服务器，其次你得有公网ip，不然别人访问不到你的服务器，所以我们选择云服务器，阿里云和腾讯云我都有买，相差不大，1核2Gb内存，预装linux性能最优，搭好网站后基本占70%内存。创建好服务器后，在服务商面板重置实例密码。


后面需要登入宝塔面板，所以我们得放行端口，进入安全组


我们需要添加-1/-1端口即全部放行，然后再添加一个8888端口即宝塔面板入口



3.宝塔面板

然后我们得操作服务器，我们就需要操作系统，预装linux可以装宝塔面板，选择linux面板，选择在线安装，输入服务器公网ip及你重置后的密码，其他默认，然后点击安装。安装结束后会弹出宝塔面板入口即：公网ip:8888  ，还有账号密码，记得截图保存。进入宝塔面板后，点击添加网站，输入公网ip，创建ftp及数据库。


4.wordpress建站

我们就可以在该服务器的该网站上面创建页面了，我们先在本地电脑上下载wordpress，得到一个压缩包。点击网站根目录，打开我们网站的根目录


上传我们刚才下载好的压缩包


上传好后，右键压缩包解压，默认当前文件夹。然后我们设置网站运行路径为wordpress文件夹，并点保存。


然后我们就可以在浏览器地址栏输入公网ip即可进入网站，一切顺利的话会出现wordpress主页面，如下图


点击现在就开始，然后填入宝塔创建网站时的数据库名字和密码，点击提交


然后我们按要求输入邮箱注册账号密码，等待安装结束，然后输入账号密码即可进入名为仪表盘的界面，如下图所示


然后我们可以下载网站模板了，鼠标放在外观，点击下拉栏中的主题


点击添加新主题，然后挑选一个主题，下载安装后点击启用


然后我们在浏览器输入公网ip即可浏览我们建设好的网页。
5.网页编程知识学习

这只是一个模板，要修改模板我们就需要基础的网页编程知识，学习路线如下，先学html再学css然后学习php。本人的学习网页（非宣传）html，css，php，三个学完也就半天时间。当然，这是基础知识，但是足够我们分析网站模板了。
6.用基础知识分析并修改网页模板的方法

这篇文章我用Games Online模板做参考，演示修改背景图片的步骤。打开网站检查，鼠标在代码上从上往下滑动搜寻，相对应的网站页面会出现对应border提示，找到你想改动的对应位置，然后点击改代码块，在代码栏下方选择样式可以找到对应的css代码段。如下，比如我要修改背景图片，找到的代码块为class=main-background，找到对应的style.css的第195行代码的url地址。


在wordpress内置编辑器，可以将主题文件夹压缩后下载到本地，然后用ide如vs code打开，然后查询相关字段来查找位置。如下，相对应的php代码部分


相对应的css代码部分


要修改图片，我们需要在宝塔面板上传自己的图片，或删除原图片然后上传同名图片


如果不是同名记得修改css中的引用路径，然后记得点击编辑器下方的更新文件摁钮。
注意，由于文件缓存相关，css修改后不会立刻在网页上生效，作者目前的解决办法是在function.php中获取css文件后执行立刻生效的方法，如下
add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), NULL, filemtime( get_stylesheet_directory() . '/style.css' ) );
}


然后重新打开网站即可看到自定义的图片效果。
7.域名-备案-解析

到这一步我们只能通过公网ip进入网站，我们需要一个域名，通过dns域名解析到该服务器上，可以在阿里云或腾讯云（建议哪家买云服务器就在哪家买域名）购买一个域名。如果你的是国外或香港服务器则不需要将域名备案，如果是中国大陆服务器则需要备案才能解析到国内服务器。按服务方及工信部的要求备案域名后，通过服务方的DNS域名解析服务，将域名解析到云服务器上。然后在宝塔界面添加域名即可完成域名解析，如下