超详细建站教程图解：从0搭建一个个人网站，超简单适合新手自己怎么做网站网页

你眼前的这个网站，是我通过 WordPress 搭建起来的，整个搭建过程无比顺利，体验极佳。于是，我便将整个搭建过程以及一些心得记录了下来。

这篇教程是基于 LNMP 搭建 WordPress 个人网站的详细图文教程。基于宝塔面板建站适合纯小白，而基于 LNMP 则适合有一定计算机基础的人。但实践下来会发现，这两种方式本质是一样的，都很简单。大家一定要多动手实践哦。

1. 写在前面

注意：本文是早期所写，iswbm.com这个站点已经从 wordpress 转到了 hugo，下面的图展示的是 wordpress 的效果。

2. 准备工作

一台 Linux 服务器

在搭建网站之前，首先要购买一台属于自己的『服务器』。可以选择一些大厂的服务器，千万别为了便宜去买国外服务器厂商的产品，因为速度很慢，会严重影响体验。

一个专属的域名

买了服务器后，会拥有一个公网 ip，如果网站搭建完成，用这个 ip 就可以访问，但这仅限于开发和测试阶段。要是想真正运营网站，想要获得流量，就需要一个域名，这样方便推广。域名的购买建议和服务器在同一个厂商，这样可以省去一些麻烦。比如在阿里云购买域名，如果要备案，就需要在阿里云有一台服务器。

一个远程登陆软件

因为后面是手工部署的方式，所以需要登陆服务器进行操作。登陆方法有两种：

厂商提供的控制台界面登陆：Workbench 和 VNC，这种方式对于不常进行服务器运维的人来说很不错。

自己下载专业的远程登陆软件：Xshell 或者 CRTSecure。使用这些远程登陆软件时，需要先在服务器厂商控制台获取三个信息。关于 Xshell 的使用方法，可以自行在百度上搜索，教程非常多。服务器可以在阿里云购买，选择最低配置就行，后续访问量增加了再扩容升级。

2. 部署方式选择

部署方式主要有两种：手动登陆远程服务器实现脚本化部署。那么该如何选择呢？使用宝塔部署，门槛低，只需在界面上操作即可。而使用脚本手工部署，则需要掌握以下技能：

远程登陆服务器：使用 Xshell 或者直接使用厂商提供的在线 SSH 窗口。

一些 Linux 的基本操作：比如 Vi/Vim 的使用，目录及文件的基本操作等。这里建议大家采用第二种方法，也就是手工使用脚本进行部署。原因有两点：

第一次接触时，更精细的部署步骤能让你更深入地理解 WordPress 的运作方式，比如使用了哪些软件、安装了哪些包。

自己搭建网站后，难免会遇到各种各样的服务器问题，尽早接触 Linux，熟悉各项配置，对以后的运维工作很有帮助。

3. 部署 LNMP

3.1 什么是 LNMP

LNMP 是 Linux + Nginx + MySQL + PHP 组合的简写。类似的组合还有：

LAMP 的全称是 Linux + Apache + MySQL + PHP。

LNAMP 的全称是 Linux + Nginx + Apache + MySQL + PHP。

其中：

Linux 是类 Unix 计算机操作系统的统称，是目前最流行的免费操作系统，代表版本有 debian、centos、ubuntu、fedora、gentoo 等。

Nginx 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。

Apache 是世界使用排名第一的 Web 服务器软件，它可以在几乎所有广泛使用的计算机平台上运行，由于其跨平台和安全性被广泛使用，是最流行的 Web 服务器端软件之一。

PHP 是一种在服务器端执行的嵌入 HTML 文档的脚本语言。

MySQL 是一个关系型数据库管理系统。这些软件逐个安装比较麻烦，尤其是数据库。因此有人将这些软件的安装部署过程集成为一个 Shell 脚本，下载并执行即可，非常方便。

3.2 安装 LNMP

解压并执行它：

收起

bash

复制

$tar zxf lnmp1.5.tar.gz && cd lnmp1.5 &&./install.sh lnmp

接下来会有大量选项，如果不太清楚各个选项的区别，按默认设置就行。运行脚本后，首先要选择数据库的版本，没有特殊需求的话，建议使用默认配置，直接回车或输入序号再回车。选好数据库后，要设置数据库 root 用户的密码，如果直接回车，会默认设置为lnmp.org#随机数字。新手在输入密码时要注意：如果输入有误需要删除，要按住 Ctrl 再按 Backspace 键。密码输入完成后，回车进入下一步。询问是否启用 MySQL InnoDB，InnoDB 引擎默认为开启，一般建议开启，直接回车或输入 y，如果确定不需要该引擎，可以输入 n，输入完成后回车进入下一步：选择 PHP 版本，建议安装 PHP7 + 的版本。回车进入下一步，选择是否安装内存优化，可以选择不安装、Jemalloc 或 TCmalloc，输入对应序号回车，直接回车默认为不安装。如果是 LNMPA 或 LAMP 的话，还会提示设置邮箱和选择 Apache，按提示输入对应版本前面的数字序号，回车。提示 “Press any key to install…or Press Ctrl + c to cancel” 后，按回车键确认开始安装。LNMP 脚本会自动安装编译 Nginx、MySQL、PHP、phpMyAdmin 等软件及相关组件。安装时间可能从几十分钟到几个小时不等，主要受机器配置和网速等因素影响。安装成功后，最后几行输出会显示 3306 端口是 MySQL 监听的，80 是 HTTP 端口，22 是 SSH 端口。

3.3 配置 Nginx

安装好后，使用以下指令查看 nginx 配置文件：

收起

bash

复制

$cat /usr/local/nginx/conf/nginx.conf

会看到如下内容：[此处插入相应的 nginx 配置文件截图图片标签]上图表明，安装好的 nginx 将网站的根目录设置为 /home/wwwroot/default，这个可以根据自己的喜好修改。用浏览器打开 http://ip，可以看到如下内容：[此处插入相应的网页 demo 截图图片标签]这其实就是一个简单的网页 demo，自己修改 index.html 内容，就会呈现不同的页面。

4. 安装 WordPress

上一步安装的 LNMP 只是保证了 WordPress 的基本运行环境，要让个人网站运行起来，还需要安装 WordPress。方法很简单，按以下步骤操作：

第一步：安装 wordpress 安装包并解压到 /home/wwwroot。

第二步：登录 MySQL，创建 wordpress 表，创建完成后输入 exit 退出。

收起

bash

复制

$mysql -uroot -p

MySQL> create database wordpress;

第三步：使用 vim 修改 nginx 配置文件。

收起

bash

复制

$vim /usr/local/nginx/conf/nginx.conf

找到网站根目录位置，修改成如下内容：然后使用 wq 保存配置退出。验证 nginx 是否有配置错误：

收起

bash

复制

$nginx -t

如果出现 ok、successful 字样，说明没有错误。没有错误的话，重新加载 nginx：

收起

bash

复制

$nginx -s reload

修改 wordpress 目录权限：

收起

bash

复制

$cd /home/wwwroot && chown -R www wordpress/ && chgrp -R www wordpress/

用浏览器打开 http://ip/wp-admin/setup-config.php，可以看到如下内容：[此处插入相应的界面截图图片标签]现在开始安装，填写信息如下：其中，[这里根据实际情况描述如何填写信息，如将数据库密码改成之前设置的内容]。点击提交，会出现如下内容：在 /home/wwwroot/wordpress 下，创建并编写 wp-config.php 文件：

收起

bash

复制

$vim wp-config.php

将上图内容复制进去并 wq 保存退出，然后点击现在安装。最后就是配置用户信息了，这是登录 wordpress 用户后台的信息，要记住。最后点击安装 WordPress，安装成功后会出现如下界面：[此处插入安装成功后的界面截图图片标签]点击登录，输入账户密码，就可以登录自己的 wordpress 后台了。此时看到的这个网站，是 wordpress 默认安装的免费主题，可能不是很好看，不过没关系，后面会教大家如何挑选合适的主题来装扮网站。

5. 装扮你的网站

到这里，网站部署已经完成，但还差最后一步，也是使用 WordPress 最核心的一步：让网站看起来更专业、更成熟。为此需要做两件事：安装主题让网站变好看，安装插件丰富网站功能。

5.1 安装主题

同样是使用 WordPress 搭建的网站，外观却可能大不相同。有的很酷炫，有的很简约，这是因为选择了不同的主题。在安装完 WordPress 后，本身自带了几个免费主题，但几乎没人会用，因为它们没什么亮点。WordPress 自带了主题商店，里面有大量免费主题，各式各样，可能有你喜欢的。我使用的主题不是在商店里安装的，而是通过搜索引擎找到的一个比较清爽的主题，装扮后的效果如下。[此处插入装扮后的网站截图图片标签]

5.2 安装插件

目前我安装的插件比较少，但基本够用了，下面列举一下：

WPUserAvatar：原生 WordPress 默认使用 Gravatar 头像，用户的头像调取都是根据所留邮箱匹配的 Gravatar 头像。如果没有 Gravatar，只要装上 WPUserAvatar 这个插件，就可以使用 WordPress 媒体库中的图片作为默认头像了。

WP - PostViews：安装了 WP - PostViews，就可以统计文章的浏览次数。需要两步配置：第一步，设置显示的文字；第二步，在要显示的位置写入相应代码，效果如下。[此处插入显示浏览次数效果截图图片标签]

PostViewsCounter：上面已经有一个统计阅读量的插件，为什么这里又推荐一个呢？因为上面那个插件统计比较粗糙。比如同一个 ip 连续连刷 10 次，WP - PostViews 的阅读量会 + 10，但使用 PostViewsCounter，规则可以自己定，比如可以只显示一次。安装完这个插件后，同样需要进行一些配置。这里选择手动配置，是因为我发现不管在内容之前还是之后显示，位置都比较尴尬。如果和我用一样的主题，想达到和我一样的效果，选择手动之后，还要按特定指示修改下代码，新增一段代码，效果如下。[此处插入相应的效果截图图片标签]

WPEditor.md：这或许是 WordPress 中最好、最完美的 Markdown 编辑器。可以像 md2all 和 mdnice 那样，即时显示 Markdown 的渲染效果，喜欢在后台写文章的可以安装。

SimpleCustomCSS：在修改 WordPress 主题时，CSS 修改是最常用的方法，比如调整字体、颜色、边距等都需要自定义的 CSS 代码。虽然 WordPress 本身提供了 CSS 修改功能，但使用起来有很多弊端，最麻烦的是每次更换或者更新主题之前的修改都会消失，需要重复添加。使用 SimpleCustomCSS 这个插件可以避免这种尴尬，安装后会在外观下新增一个自定义 CSS 的选项。

LuckyWPTableofContents：使用我的这个主题，在文章页面没有目录索引，对读者来说很不方便。因此我安装了 LuckyWPTableofContents，可以在文章中生成一个目录。目录默认是隐藏的，需要时点击展开，点击目录可以直接跳转到对应位置。不过可能是主题的原因，我的网站无法跳转，如果有人知道原因，欢迎在留言区评论。[此处插入目录效果截图图片标签]

百度搜索推送管理：百度搜索推送管理插件是一款针对 WP 开发的功能强大的百度和 Bing 搜索引擎收录辅助插件。利用该插件，站长可以快速实现百度搜索资源平台和 Bing 站长平台 URL 数据推送及网站百度收录数据查询等，目的在于进一步提升网站的百度和 Bing 搜索引擎收录效率，提升网站 SEO 优化效果，还能帮助站长通过该插件了解网站百度收录数据情况，基于数据统计参考进一步对网站内容进行调整与优化。具体使用方法比较复杂，可以自己百度一下。

SmartSEOTool：SmartSEOTool 是一款专门针对 WordPress 开发的智能 SEO 优化插件，与众多 WordPress 的 SEO 插件不同的是，SmartSEOTool 更加简单易用，能帮助站长快速完成 WordPress 博客 / 网站的 SEO 基础优化。我在生成 sitemap 时遇到了问题，在网上找了很多解决方法，但都没效果。最后无意中发现主题目录下的 functions.php 文件最后多了很多空格，清理后问题就解决了。

6. 优化你的网站

6.1 使用固定链接

先在后台按如下图示进行设置，但这样还不够，要使用固定链接，服务器还需要开启 rewrite 的功能。如果使用的是 nginx，登陆服务器，在 /usr/local/nginx/conf/nginx.conf 里的 server 里加上这一段：

收起

nginx

复制

location / {

if (!-e $request_filename) {

rewrite (.) /index.php;