1.申请域名
使用华为云 服务的域名注册服务,新用户1块钱
2.本地windows搭建官网方案(wordpress(框架)+astra(主题)+phpstudy(运行环境))
搭建官网有两个方式,一种采用云服务器提供的模板,在其模板上搭建,另外一种采用开源免费的网站框架,在其框架下进行搭建,本文介绍的是第二种。
WordPress是一个免费的开源项目,在GNU通用公共许可证下授权发布,WordPress 是世界上使用最广泛的博客系统之一,是一款开源的PHP软件,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。
wordpress有非常多的主题(上万种)且是免费的,笔者选取了一个比较合适官网外观也比较现代化的主题风格astra主题,当然也可以更换其他的风格主题。
由于wordpress使用PHP语言,需要用到数据库等,推荐使用phpStudy,phpStudy是一个PHP调试环境的程序集成包,下载和安装都是一件搞定,非常方便。
WordPress介绍
中文网址:https://cn.wordpress.org/
Astra主题介绍
Astra是一个速度快、可定制的漂亮主题,适合博客、个人作品集、商业网站和WooCommerce店面。 它非常轻巧(前端小于50KB),给您的网站带来无与伦比的速度。 Astra专为SEO而生,集成了Schema.org代码,会让搜索引擎喜欢您的网站。 它提供了特殊的功能和模板,可以与所有的页面构建器(如Elementor、Beaver Builder、Visual Composer、SiteOrigin、Divi等)完美协作。其他特点还包括:#支持WooCommerce #响应式设计 #支持RTL和翻译 #可通过高级插件扩展 #定期更新 #由Brainstorm Force设计,开发,维护和支持。您在寻找一个完美的基础主题?不用再考虑了。您可以使用Astra这个速度快、可定制、支持WooCommerce的主题来构建任何类型的网站!
phpStudy环境集成包
中文网址:https://m.xp.cn/
phpStudy是一个PHP调试环境的程序集成包。该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装,无须配置即可使用,是非常方便、好用的PHP调试环境。该程序不仅包括PHP调试环境,还包括了开发工具、开发手册等。
注意:默认phpStudy中php环境版本是php7.3.4,需要在软件管理中配置设置一下(下文安装中会具体截图操作)
3.下载、安装、运行
a.下载2个相关文件
1.下载wordpress中文版:https://cn.wordpress.org/latest-zh_CN.zip
2.下载phpStudy中文版(64位):http://public.xp.cn/upgrades/phpStudy_64.7z
b.安装phpStudy软件(修改PHP版本)
①解压下载的phpStudy中文版,然后以此下一步完成安装,安装路径默认在电脑最后一个磁盘的"phpstudy_pro"文件夹,例如笔者安装后的位置如下图所示:
②同时在桌面有个软件的快捷方式,打开软件,进去主界面,修改php版本为最新版本的php8.0.2。操作如下图所示(软件设置>php8.0.2nts>安装)
③安装完最新版本的PHP后,在“网站>管理>php版本”中选中刚安装的php8.0.2nts版本
④给wordpress创建数据库账号,记住账号名称,在后面的wordpress运行时候需要的。操作如下图所示:(第一次会提示需要修改root密码,修改后再创建数据库)
⑤将刚下载wordpress中文版文件解压到phpstudy安装路径的www文件夹下,解压后的效果如下图所示:
⑥运行phpstudy,操作如下图所示:(首页)
b.运行WordPress
①输入数据库信息
在浏览器中输入127.0.0.1/admin,由于没有设置数据库数据,会弹出数据库的信息,按照在上面步骤中创建的数据库名称和账号正确填写。剩下的步骤按照流程完成。
②选择主板模板astra,在后台界面选择 外观>主题>安装主题,在页面中选中astra主题,也可以通过右上角的搜索框。选择下载和启用,然后选择这个主题下自己喜欢的模板。
注意:下载应用模板时可能第一次会失败,点击重试按钮就行。
4.拖拽生成网页(无需编码)
5.发布成静态网页
参考:https://www.boke8.net/wordpress-simply-static-plugin.html
wordpress比较占用服务器资源以及运行较慢的事实,。提高wordpress运行速度的方法有多种,比如优化服务器、优化代码、使用cdn、缓存插件或者生成静态html等,由于使用的是虚拟主机,所以我选择生成静态html,使用的是wordpress静态生成插件simply-static,实实在在的生成html文件。
simply-static是一个简单的一键生成全站静态html文件的wordpress插件,支持生成或不生成指定url的html文件,生成文件的资源路径可选相对路径、绝对路径和脱机文件,html文件可以直接生成在服务器或zip压缩包下载。
①安装simply-static插件(右上次有搜索框,输入simply-static),点击立即安装并启用。
②设置参数
启用插件后,进入Simply Static——Settings可对插件进行设置
General(基础设置)
③生成静态html并下载