加入收藏 | 设为首页 | 会员中心 | 我要投稿 徐州站长网 (https://www.0516zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 安全 > 正文

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

发布时间:2023-01-09 15:05:18 所属栏目:安全 来源:互联网
导读: 1.目标分解。
1.先购买云服务器,2.配置端口安全组,3.配置宝塔面板。4.配置wordpress,5.学习html,css,php,6.分析并修改网页模板。7.域名,备案,解析。
2.云服务器
首先得有服务器,其

1.目标分解。

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

2.云服务器

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

网站安全图标_服务器安全狗和网站安全狗_qq安全达人图标

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

服务器安全狗和网站安全狗_网站安全图标_qq安全达人图标

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

网站安全图标_服务器安全狗和网站安全狗_qq安全达人图标

3.宝塔面板

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

网站安全图标_服务器安全狗和网站安全狗_qq安全达人图标

4.wordpress建站

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

qq安全达人图标_网站安全图标_服务器安全狗和网站安全狗

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

网站安全图标_qq安全达人图标_服务器安全狗和网站安全狗

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

qq安全达人图标_服务器安全狗和网站安全狗_网站安全图标

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

服务器安全狗和网站安全狗_qq安全达人图标_网站安全图标

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

qq安全达人图标_服务器安全狗和网站安全狗_网站安全图标

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

网站安全图标_服务器安全狗和网站安全狗_qq安全达人图标

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

服务器安全狗和网站安全狗_网站安全图标_qq安全达人图标

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

网站安全图标_qq安全达人图标_服务器安全狗和网站安全狗

然后我们在浏览器输入公网ip即可浏览我们建设好的网页。

5.网页编程知识学习

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

6.用基础知识分析并修改网页模板的方法

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

qq安全达人图标_服务器安全狗和网站安全狗_网站安全图标

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

qq安全达人图标_服务器安全狗和网站安全狗_网站安全图标

相对应的css代码部分

qq安全达人图标_服务器安全狗和网站安全狗_网站安全图标

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

服务器安全狗和网站安全狗_qq安全达人图标_网站安全图标

如果不是同名记得修改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' ) );
}

网站安全图标_qq安全达人图标_服务器安全狗和网站安全狗

然后重新打开网站即可看到自定义的图片效果。

7.域名-备案-解析

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

网站安全图标_服务器安全狗和网站安全狗_qq安全达人图标

(编辑:徐州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!