超好用的免费网站生成器,零基础也能成为建站高手

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了超好用的免费网站生成器,零基础也能成为建站高手相关的知识,希望对你有一定的参考价值。

参考技术A

如果你是初入开发领域的程序员或者设计师,那么你一定听说过Wix。

Wix是最有名和最常用的网站编辑器之一,尽管它不完美,但却是大多数用户的高效解决方案。

利用Wix,你甚至无需平面设计基础,无需具备计算机知识,就可以轻松创建一个集美观和功能于一体的网站。

进入网站后登录账号,选择你想要创建的网站类型:

然后选择制作网站的方案:一种是ADI自动生成,一种是选择模板后自行编辑。

我们首先说说这个ADI自动生成,因为目前Wix是唯一拥有人工智能助手的网站编辑器。

选择ADI自动生成后,你只需要回答一些基础问题,最后再选择喜欢的主题和设计就ok了。

Wix的ADI可以通过这几个方面来了解你,并以先进的算法在几分钟内为你建立一个漂亮的网站。

网站生成后,你可以像使用其他任何媒体编辑器一样,轻松对网站上的内容进行修改编辑。

操作真的非常非常简单,用户可以轻易上手使用各项功能,只需一遍就能熟练掌握。

如果需要在某个地方增加元素,只需从素材库中拖拽到编辑器内即可。

如果你没有使用ADI,而是选择了自行编辑模板的建设方案,这个过程同样也非常简便。

首先选定喜欢的模板,然后进入编辑器。

Wix的一大优势就是友好的用户操作界面和高度自定义。

在这里,你无需花费精力去研究专业术语和代码。只需要简单的拖拽就能任意添加你喜爱的元素到网站中。

除了优秀的操作界面外,Wix还具备其他一些你不容错过的优点:

1.模板素材更新快

对于一个网站来说,没有什么比过时的设计更糟糕的了。

Wix的开发人员每月都会更新大量素材,方便用户不断美化自己的网站,以保持现代化、 时尚 、美观,且高效的网站建设。

比如动画互动特效、时下流行的图片滤镜等等。

2.拖放操作更便捷

Wix的拖放工具允许你快速将文本、图像、音乐和视频添加到设计中。

只需要鼠标拖动,就能够成功展示、分享和出售你的内容。

4.强大的工具套件

如果你对CSS,Javas cript和数据库有一定了解的话,那么使用Wix无异于如虎添翼。

Wix的高级代码功能允许你从无到有的构建站点,并可以创建Web应用程序、动态页面,甚至数据库集合。

Wix代码可以直接与Wix编辑器相连,当你需要修改网站中的部分代码时,你完全可以使用Wix中现成的代码。

5.应用程序商店

应用程序商店是一个Wix的绝佳功能,它提供了260多个应用程序,可以让你为网站增加更多功能。

6.自动保存

一个没有自动保存功能的编辑器是没有灵魂的。

Wix也提供了实时自动保存的功能,让你放下心来工作,无需担心电脑死机等问题带来的不便。

缺点

尽管Wix的优点丰富,但需要注意的是,如果你选择了免费的创建方案,那么Wix广告将保留在你生成的网站上。

不过这对私人网站来说无伤大雅,但商业网站的建设者就需要谨慎一些了。

地址:https://zh.wix.com/

免费建站?手把手自己从零开始(超详细)

双十一来了,有没有打算自己某云买服务器搭建网站的,现在服务器挺便宜,建站也可以自己“免费”DIY。
本文手把手从零开始搭建,软件选择比较成熟的WordPress,操作系统选择CentOS.

1. 环境准备

官网地址:https://cn.wordpress.org

  • PHP 7.4或更高版本
  • MySQL 5.6或更高版本,或MariaDB 10.1或更高版本
  • Nginx或带mod_rewrite模块的Apache
  • HTTPS支持

2. 安装PHP8

2.1 首先更新一下

dnf upgrade

2.2 查看当前dnf库中的php版本

dnf list php

我这里看到的是7.2版,版本过低,

php.x86_64     7.2.24-1.module_el8.2.0+313+b04d0a66     appstream

需要安装个新的。

2.3 首先安装Remi存储库

dnf install -y https://rpms.remirepo.net/enterprise/remi-release-8.rpm
remi-release-8.rpm           0 kB/s |  26 kB     00:01
依赖关系解决。
===================================================================================== 
软件包              架构               版本            仓库                 大小
=====================================================================================
安装:
 remi-release      noarch             8.4-1.el8.remi  @commandline         26 k
安装依赖关系:
 epel-release      noarch             8-11.el8        extras               24 k

会自动安装依赖epel-release,无需单独安装。

2.4 列出PHP module

dnf module list php

结果类似如下:

CentOS Linux 8 - AppStream
Name        Stream        Profiles                       Summary
php         7.2 [d]       common [d], devel, minimal     PHP scripting language
php         7.3           common [d], devel, minimal     PHP scripting language
php         7.4           common [d], devel, minimal     PHP scripting language

Remi's Modular repository for Enterprise Linux 8 - x86_64
Name        Stream         Profiles                      Summary
php         remi-7.2       common [d], devel, minimal    PHP scripting language
php         remi-7.3       common [d], devel, minimal    PHP scripting language
php         remi-7.4       common [d], devel, minimal    PHP scripting language
php         remi-8.0       common [d], devel, minimal    PHP scripting language
php         remi-8.1       common [d], devel, minimal    PHP scripting language

可以看到已经有了8.0和8.1版本,官网现在8.1还是RC版,准备安装8.0。
期间会询问导入各种公钥,选择“y”即可。

2.5 安装php 8.0

dnf module enable php:remi-8.0
dnf install php
===================================================================================
 软件包            架构     版本                 仓库                  大小
===================================================================================
安装:
 php              x86_64   8.0.12-1.el8.remi     remi-modular         1.6 M
安装依赖关系:
 apr              x86_64   1.6.3-11.el8          AppStream            125 k
 apr-util         x86_64   1.6.1-6.el8           AppStream            105 k
 centos-logos-httpd noarch 85.8-1.el8            base                  75 k
 httpd            x86_64   2.4.37-39.module_el8  AppStream            1.4 M
 httpd-filesystem noarch   2.4.37-39.module_el8  AppStream             39 k
 httpd-tools      x86_64   2.4.37-39.module_el8  AppStream            106 k
 libsodium        x86_64   1.0.18-2.el8          epel                 162 k
 libxslt          x86_64   1.1.32-6.el8          base                 250 k
 mailcap          noarch   2.1.48-3.el8          base                  39 k
 mod_http2        x86_64   1.15.7-3.module_el8   AppStream            154 k
 oniguruma5php    x86_64   6.9.7.1-1.el8.remi    remi-safe            210 k
 php-common       x86_64   8.0.12-1.el8.remi     remi-modular         1.2 M
安装弱的依赖:
 apr-util-bdb     x86_64   1.6.1-6.el8           AppStream             25 k
 apr-util-openssl x86_64   1.6.1-6.el8           AppStream             27 k
 nginx-filesystem noarch   1:1.14.1-9.module_el8 AppStream             24 k
 php-cli          x86_64   8.0.12-1.el8.remi     remi-modular         4.7 M
 php-fpm          x86_64   8.0.12-1.el8.remi     remi-modular         1.6 M
 php-mbstring     x86_64   8.0.12-1.el8.remi     remi-modular         525 k
 php-opcache      x86_64   8.0.12-1.el8.remi     remi-modular         768 k
 php-pdo          x86_64   8.0.12-1.el8.remi     remi-modular         156 k
 php-sodium       x86_64   8.0.12-1.el8.remi     remi-modular          94 k
 php-xml          x86_64   8.0.12-1.el8.remi     remi-modular         238 k
启用模块流:
 httpd                     2.4
 nginx                     1.14

事务概要
================================================================================
安装  23 软件包

选择y,等待安装完成。

2.6 安装php-mysql扩展

dnf install php-mysql

2.7 验证安装

输入命令查看php版本:

 php -v
PHP 8.0.12 (cli) (built: Oct 19 2021 10:34:32) ( NTS gcc x86_64 )
Copyright (c) The PHP Group
Zend Engine v4.0.12, Copyright (c) Zend Technologies
    with Zend OPcache v8.0.12, Copyright (c), by Zend Technologies

3. 安装mysql8.0

3.1 查看dnf库中mysql版本

dnf list mysql
mysql.x86_64        8.0.26-1.module_el8.4.0+915+de215114     appstream

版本8.0,直接安装。

3.2 安装Mysql8.0

输入安装命令,注意有“@”:

dnf install @mysql
依赖关系解决。
========================================================================================
 软件包         架构     版本              仓库                大小
========================================================================================
安装组/模块包:
 mysql-server  x86_64   8.0.26-1.module_el8.4.0+915+de215114   AppStream      25 M
安装依赖关系:
 ...省略....
安装模块配置档案:
 mysql/server
启用模块流:
 perl                   5.26
 perl-IO-Socket-SSL     2.066
 perl-libwww-perl       6.34

事务概要
========================================================================================
安装  54 软件包

选择y等待安装完成。

3.3配置

启动mysql

systemctl start mysqld

查看运行状态

systemctl enable mysqld

设为开机启动

systemctl enable mysqld

运行配置向导

mysql_secure_installation

根据提示进行操作:

[root@localhost mysql]# mysql_secure_installation
## 默认已用空密码登录
Securing the MySQL server deployment.
Connecting to MySQL using a blank password.

##是否安装密码强度验证模块,看自己需求
VALIDATE PASSWORD COMPONENT can be used to test passwords
and improve security. It checks the strength of password
and allows the users to set only those passwords which are
secure enough. Would you like to setup VALIDATE PASSWORD component?
Press y|Y for Yes, any other key for No: no

## 设置root的密码
Please set the password for root here.
New password:
Re-enter new password:

## 是否删除匿名用户,可删
By default, a MySQL installation has an anonymous user,
allowing anyone to log into MySQL without having to have
a user account created for them. This is intended only for
testing, and to make the installation go a bit smoother.
You should remove them before moving into a production
environment.

Remove anonymous users? (Press y|Y for Yes, any other key for No) : y
Success.

## 默认情况下只允许本机访问,是否开启远程访问,按自己需求
Normally, root should only be allowed to connect from
'localhost'. This ensures that someone cannot guess at
the root password from the network.

Disallow root login remotely? (Press y|Y for Yes, any other key for No) : y
Success.

## 是否删除测试数据库,可删
By default, MySQL comes with a database named 'test' that
anyone can access. This is also intended only for testing,
and should be removed before moving into a production
environment.

Remove test database and access to it? (Press y|Y for Yes, any other key for No) : y
 - Dropping test database...
Success.

 - Removing privileges on test database...
Success.

## 是否立即重新加载刚才的配置,选择是
Reloading the privilege tables will ensure that all changes
made so far will take effect immediately.

Reload privilege tables now? (Press y|Y for Yes, any other key for No) : y
Success.
## 配置完毕
All done!

3.4 为WordPress创建数据库

登录数据库

mysql -uroot -p

提示输入密码,输入刚设置的root的密码。
创建数据库,名称自己定,例如wordpress

create database wordpress;

查看现有数据库

show databases;

可以看到新建好的数据库

+--------------------+
| Database           |
+--------------------+
| information_schema |
| mysql              |
| performance_schema |
| sys                |
| wordpress          |
+--------------------+
5 rows in set (0.00 sec)

输入exit退出。

4 安装Nginx

4.1 查看dnf库中Nginx版本

dnf list nginx
nginx.x86_64      1:1.14.1-9.module_el8.0.0+184+e34fea82     appstream

版本有点低,安装新版。

4.2 安装Nginx1.20.1

输入安装命令

dnf install http://nginx.org/packages/centos/8/x86_64/RPMS/nginx-1.20.1-1.el8.ngx.x86_64.rpm
========================================================================================== 
软件包            架构       版本                        仓库                  大小
==========================================================================================
安装:
 nginx           x86_64     1:1.20.1-1.el8.ngx          @commandline          819 k

事务概要
==========================================================================================
安装  1 软件包

选择y等待安装完成。

4.3 查看防火墙

查看是否已开放80端口,修改防火墙设置。某云需要修改安全组设置。

firewall-cmd --query-port=80/tcp

若返回no则未开放。
开放80端口命令:

firewall-cmd --zone=public --add-port=80/tcp --permanent

使设置生效:

 firewall-cmd --reload

4.4 访问默认网站验证安装

启动nginx

systemctl start nginx

查看运行状态

systemctl status nginx

会看到包含“ Active: active (running)”字样的成功提示。

设置开机自动启动

systemctl enable nginx

访问 http://服务器ip, 正常会是如下页面

4.5 启用php支持

修改nginx配置文件

cd /etc/nginx/conf.d

备份默认的配置文件

cp default.conf default.conf.bak

修改default.conf

vi default.conf

按"i"键,找到如下代码块,默认是注释状态,去掉#号,并修改为如下配置

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    location ~ \\.php$ {
        root           /usr/share/nginx/html/;
        fastcgi_pass   unix:/run/php-fpm/www.sock;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
    }

fastcgi_pass对应php-fpm的监听配置, 配置文件为: /etc/php-fpm.d/www.conf,可查看验证。

; The address on which to accept FastCGI requests.
; Valid syntaxes are:
;   'ip.add.re.ss:port'    - to listen on a TCP socket to a specific IPv4 address on
;                            a specific port;
;   '[ip:6:addr:ess]:port' - to listen on a TCP socket to a specific IPv6 address on
;                            a specific port;
;   'port'                 - to listen on a TCP socket to all addresses
;                            (IPv6 and IPv4-mapped) on a specific port;
;   '/path/to/unix/socket' - to listen on a unix socket.
; Note: This value is mandatory.
listen = /run/php-fpm/www.sock

设置默认文件为index.php

    location / {
        root   /usr/share/nginx/html;
        index  index.php index.html index.htm;
    }

修改完毕后,按ESC,输入:wq保存并退出。
重启nginx:

systemctl restart nginx

5. 安装WordPress

5.1 访问网站目录

nginx的默认网站目录在/usr/share/nginx/html/,访问并验证一下

cd /usr/share/nginx/html/
ll

可以看到两个html文件,即默认的“Welcome to nginx!”页面。

-rw-r--r--. 1 root root 494 525 09:41 50x.html
-rw-r--r--. 1 root root 612 525 09:41 index.html

可以删除默认的index.html文件

rm -r index.html

询问是否删除,输入y回车即可。

5.2 下载安装包

安装下载和解压工具,如果已安装则忽略

yum install wget
yum install tar

下载wordpress

wget https://cn.wordpress.org/latest-zh_CN.tar.gz

下载完成之后,解压

tar -zxvf latest-zh_CN.tar.gz

拷贝到当前目录

cp -R wordpress/* /usr/share/nginx/html/

5.3 开始安装

访问"http://服务器ip/wp-admin/install.php",可以看到如下页面:

点击按钮开始配置:

输入准备好的数据库相关信息。
如果提示无法写入wp-config.php,如下图

手动创建wp-config.php文件

cd /usr/share/nginx/html/
vi wp-config.php

按i键,粘贴网页中给出的文件内容。
按ESC,输入:wq回车保存。

继续安装,在新页面设置网站的相关信息

点击按钮开始安装。
安装成功后,访问http://服务器ip即可。
管理后台地址:http://服务器ip/wp-admin

以上是关于超好用的免费网站生成器,零基础也能成为建站高手的主要内容,如果未能解决你的问题,请参考以下文章

用免费自助建站,自己也能制作一个让别人仰望的网站

有建网站高手吗!请进。

各大建站方案

凡科建站免费提供哪些自助建站服务

十大免费cms建站系统介绍推荐

十大免费cms建站系统介绍推荐