大家好，我是明哥。前两天我用WordPress 给自己搭建了一个网站，整个历程很是的顺利，体验很是地好，于是我就整个历程、以及其中的一些搭建心得，记载下来。

如果你也正好有搭建小我私家网站的想法，那么本文会给你一个参考，也许看了这篇文章你就可以不用再百度、甚至谷歌了，因为我会写得 足够的细致而系统。1. 写在前面说到网站，其实我搭建过挺多个了。从最开始的 Hexo 静态博客，到厥后使用 Django 模仿 Hexo -Next 主题自己写了一个有后端的小我私家博客。

再厥后又发现了 Sphinx + Github + ReadtheDocs 完美的文档编排组合，用了搭建了四个网站，划分是：黑邪术 Python：http://magic.iswbm.comPyCharm 中文指南：http://pycharm.iswbm.comPython 编程时光：http://python.iswbm.comGo 编程时光：http://golang.iswbm.com这些四个网站，很好的将我这几年来写的文章举行分类，并以精致的排版展现在每一个需要的人眼前。四个网站，用的都是三级子域名，可见在我心里，他们无论哪一个都无法成为我心中的小我私家网站。原因有几点：内容过于疏散，不能代表一个完整的我。可定制性太低：没有头像，没有评论系统等等对 SEO 太不友好了，倒霉于曝光托管在 ReadtheDocs上，会见速度太慢。

虽然有不少让我心痛的地方，可是它们却有流淌在基因里的优势：无成本（时间成本固然不算啦）：你不需要服务器，也不需要域名。新手友好，只要简朴设置，就能立马快速上手。

似乎扯远了，还是说回 WP 的网站搭建吧。在教程之前呢，我先 show 一下我的结果，接待你去点点点~网站地址：https://iswbm.com2. 准备事情一台 Linux 服务器在开始搭建网站之前，固然第一步是购置一个属于自己的 『服务器』。

你可以选择如下渠道举行购置：阿里云腾讯云Ucloud等的大厂服务器，不要贪图自制去买外洋的服务器厂商，因为速度很慢许多，很影响体验。我的就是在 阿里云 上购置的，刚开始买个最低设置的服务器就行，以后不够用了，可以逐步升级，扩容。可以先领个券，再购置更实惠：点击领券如果是学生可以在领券页面里找到学生专享，服务器9.5元/月，直接点击购置即可。

不是学生也可以组团购置，更自制，服务器购置就不多说了，拿钱就好了。一个专属的域名买了服务器后，你就会拥有一个公网ip，如果网站搭建起来了，你完全可以使用这个 ip 去会见，但仅供开发、测试使用。

如果要真正运营起来，想要有流量，还得搞一个域名，利便你推广。域名的购置建议和上面服务器使用同一个厂商，可以省去一些贫苦。好比阿里云购置的域名要存案是需要你在阿里云下有一台服务器的。

一个远程登陆软件由于后面我使用的是手工部署的方式，所以要登陆服务器举行操作。登陆的方法有两种：厂商提供的控制台界面登陆：Workbench 和 VNC这种方法对于不经常登陆服务器运维的人来说，还是挺香的。自己下载专业的远程登陆软件：Xshell 或者 CRTSecure在使用这些远程登陆软件时，你需要在服务器厂商控制台上面先获取到三个信息服务器公网IP服务器SSH端口服务器远程毗连密码关于 Xshell 如何使用的，可以自行百度搜索，教程很是多。可以到阿里云上去购置，选最低设置就足够啦，后续会见量起来了再扩容升级。

2. 部署方式选择部署方式，可分为两种使用服务器治理软件，实现自动化部署，最著名的就是 宝塔面板。手动登陆远程服务器，实现剧本化部署。那么如何选择呢？使用宝塔部署，门槛低，只要会界面点一点即可。

而使用剧本自己手工部署，需要你学会远程登陆服务器：使用 Xshell 或者 直接使用厂商提供的在线SSH窗口一些 Linux 的基本操作：好比 Vi/Vim 的使用，目录及文件的基本操作等在这里建议大家随着我使用第二种方法，也就是手工使用剧本举行部署。原因有二：第一次接触，更精致的部署步骤会让你对 WordPress 的运作方式有更深的明白，好比使用了哪些软件，装了哪些包？自己搭建了网站，难免以后会遇到种种各样的服务器问题，尽早的接触 Linux，熟悉各项设置，对以后的运维事情会有很有资助。3. 部署 LNMP3.1 什么是 LNMPLNMP 是 Linux + Nginx + MySQL + PHP 组合的简写。

类似的组合另有：LAMP 的全称是 Linux + Apache + MySQL + PHPLNAMP 的全称是 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下载 LNMP 安装剧本（现在最新版本是 1.7 ，我安装的是 1.5，更多版本可检察: https://lnmp.org/download.html）$ wget http://soft.vpser.net/lnmp/lnmp1.5.tar.gz -cO lnmp1.5.tar.gz解压并执行它$ tar zxf lnmp1.5.tar.gz && cd lnmp1.5 && ./install.sh lnmp接下来会泛起大量的选项，如果你不是很懂各个选项间的区别，按默认就行啦运行剧本后，首先会让你选择数据库的版本：没有特殊需要，建议使用默认设置，直接回车或输入序号再回车。选好数据库，会让你设置数据库 root 用户的密码，此时如果你直接回车，会默认设置为 lnmp.org#随机数字，在输入密码的时候，对于新手有一点注意：如果输入有错误需要删除，需要按住Ctrl再按Backspace键举行删除。密码输好后，回车进入下一步询问是否需要启用 MySQL InnoDB，InnoDB引擎默认为开启，一般建议开启，直接回车或输入 y。

如果确定确实不需要该引擎可以输入 n，(MySQL 5.7+版本无法关闭InnoDB),输入完成，回车进入下一步：选择 PHP 版本，建议安装 PHP 7+的版本回车进入下一步，选择是否安装内存优化：可以选择不安装、Jemalloc或TCmalloc，输入对应序号回车，直接回车为默认为不安装。如果是LNMPA或LAMP的话还会提示设置邮箱和选择Apache：“Please enter Administrator Email Address:”，需要设置治理员邮箱，该邮箱会在报错时显示在错误页面上。

再选择Apache版本：按提示输入对应版本前面的数字序号，回车。提示"Press any key to install...or Press Ctrl+c to cancel"后，按回车键确认开始安装。LNMP剧本就会自动安装编译Nginx、MySQL、PHP、phpMyAdmin等软件及相关的组件。安装时间可能会几十分钟到几个小时不等，主要是机械的设置网速等原因会造成影响。

如果显示Nginx: OK，MySQL: OK，PHP: OK讲明安装乐成。最后几行的输出3306 端口是 MySQL 监听的80 是 HTTP 端口22 是 SSH 端口3.3 设置 Nginx安装好后，使用如下指令检察nginx设置文件（如果你的服务器上找不到该文件，那请使用 find / -name nginx.conf 搜索一下）$ cat /usr/local/nginx/conf/nginx.conf你会看到如下内容：上图讲明，安装好的nginx将网站的根目录设置为/home/wwwroot/default，这个可以凭据自己的喜好举行修改。

用浏览器打开http://ip，可以看到如下内容：其实这就是一个简朴的网页demo了，自己随便修改index.html，就会有差别的内容。4. 安装 WordPressWordPress是使用PHP语言（这也是我们上面为什么要安装 PHP 的原因）开发的博客平台，也就是一个博客框架。上一步安装的 LNMP，只是保证了 WordPress 的基本运行情况。想要把你的小我私家网站跑起来，咱还需要安装 WordPress。

方法也很简朴，下面随着操作就行。第一步：安装 wordpress 安装包并解压到 /home/wwwroot$ wget https://cn.wordpress.org/latest-zh_CN.zip && unzip latest-zh_CN.zip -d /home/wwwroot第二步：登录MySQL（密码在前面 部署LNMP 时你设置过），建立wordpress表，建立完后输入exit退出。

$ mysql -u root -pEnter password: MySQL > create database wordpress;第三步：使用 vim 修改 nginx 设置文件（不会vim的自行百度）$ vim /usr/local/nginx/conf/nginx.conf找到网站根目录位置，如下图所示：修改成如下内容：随后，使用wq生存设置退出即可。验证nginx是否有设置错误：$ nginx -t如果泛起ok，successful字样，说明没有错误。

没有错误，重新加载nginx：$ nginx -s reload修改wordpress目录权限：$ cd /home/wwwroot && chown -R www wordpress/ && chgrp -R www wordpress/用浏览器打开http://ip/wp-admin/setup-config.php，你可以看到如下内容：现在就开始，举行安装。填写信息如下：其中，*** 改为你设置的MySQL数据库密码。点击提交，泛起如下内容：在/home/wwwroot/wordpress下，建立并编写wp-config.php文件：$ vim wp-config.php将上图内容复制进去并wq生存退出，然后点击现在安装。

最后就是设置用户信息了，这个是你登录wordpress用户后台的，要记着：最后点击安装WordPress，安装乐成会泛起如下界面：点击登录，输入账户密码，就可以登录自己的 wordpress 后台了。这时候你使用浏览器去会见 http://ip ，就可以看到你搭建的第一个网站了。此时你看到的这个网站，是 wordpress 默认为你安装的免费主题（应该有三个），可能并不是那么的悦目，但没关系，后面我会教大家如何挑选一个自己合适的主题，把你的网站装扮得有模有样。

5. 装扮你的网站到这里，你的网站部署已经全部完成，可是还差最后一步，也是使用 WordPress 最为焦点的一步：让你的网站看起来越发专业，越发成熟。为此我们需要做两件事：安装主题：让网站变得悦目安装插件：富厚网站的功效5.1 安装主题同样都使用的 WordPress 的网站，外观上却天差地别。有的很酷炫，有点很简约，这是因为选了差别的主题（可以明白为皮肤）。

在你安装完 WordPress 后，自己就自带了几个免费的主题。险些没人会使用它们，因为实在没什么亮点（就是丑）。在 WordPress 的自带了主题商店，内里有大量的免费主题，林林总总的都有，可能有你喜欢的。

在这里要说明一点，我的主题不是在商店里安装的，而是我通过搜索引擎找到了一个比力清爽的主题，很切合我的审美，我装扮事后的效果如下。如果你想和我用一样的主题，我已经将安装包打包好了（需要的添加我微信领取: stromwbm），直接下载后，按下图的方式上传到你的 WordPress 后台安装就行。5.2 安装插件现在我安装的插件比力少，可是基本够用啦，下面枚举一下，如果你有什么好插件先容，可以评论区推荐一下：1. WP User Avatar原生 WordPress 默认使用 Gravatar头像，用户（包罗访客评论）的头像调取都是凭据所留邮箱匹配的 Gravatar 头像。没有 Gravatar 怎么办？只要装上 WP User Avatar 这个插件就能可以使用 WordPress 媒体库中的图片作为默认头像了。

2. WP-PostViews安装了 WP-PostViews，就可以统计你文章的浏览次数。需要两步设置第一步：设置显示的文字第二步：在你要显示的位置写入如下代码效果如下3. Post Views Counter咦，上面已经安装了一个统计阅读量的插件，怎么这边又推荐一个。上面谁人统计阅读量的插件，其实做的比力粗拙。这是什么意思。

好比同一个 ip 一连连刷10次，WP-PostViews 的阅读量会 +10，但如果你使用 Post Views Counter，这个规则可以由你来定，可以只显示一次。安装完这个插件后，同样需要举行一些设置为什么这里选择手动呢？因为我发现不管在内容之前，还是在内容之后，显示的位置都比力尴尬（它会换行）。如果你和我用一样的主题，想和我有一样的效果，那么你选择手动之后，还要按下图指示修改下代码，新增如下一段代码。效果如下4. WP Editor.md或许这是一个WordPress中最好，最完美的Markdown编辑器。

可以像 md2all 和 mdnice 那样，即时显示 Markdown 的渲染效果，喜欢在后台写文章的可以安装（其实我是先当地 Typora 写好了再复制上去的）。5. Simple Custom CSS在修改 WordPress主题时，CSS修改是最经常用到的方法，好比调整字体、调整颜色、边距之类的都需要用到自界说的CSS代码。虽然说 WordPress 自己提供了CSS修改的功效，不外使用起来有许多的毛病，其中最贫苦的一点就是每次更换或者更新主题之前的修改都市消失，需要重复的添加。

使用 Simple Custom CSS 这个插件可以制止这种尴尬，安装后他会在 外观 下新增一个 自界说CSS 的选项。6. LuckyWP Table of Contents使用我这个主题，在文章页面是没有目录索引的，对于读者来说，其实挺不利便的。因此我安装了 LuckyWP Table of Contents，可以在我的文章中生成一个目录。

目录默认是隐藏的（固然你也可以设置默认展示），需要的话再点击展开。点击目录可以直接跳转到对应位置。

但可能是我这个主题的原因，我的网站无法跳转，如果有人知道原因，还请留言区评论一下。7. 百度搜索推送治理百度搜索推送治理插件是一款针对WP开发的功效很是强大的百度和Bing搜索引擎收录辅助插件。使用该插件，站长可以快速实现百度搜索资源平台和Bing站长平台URL数据推送及网站百度收录数据查询等。

目的在于进一步提升网站的百度和Bing搜索引擎收录效率，提升网站SEO优化效果；及资助站长通过该插件相识网站百度收录数据情况，基于数据统计参考进一步对网站内容举行调整与优化。详细使用方法比力庞大，自己百度一下吧8. Smart SEO ToolSmart SEO Tool是一款专门针对WordPress开发的智能SEO优化插件，与众多WordPress的SEO插件纷歧样的是，Smart SEO Tool越发简朴易用，资助站长快速完成WordPress博客/网站的SEO基础优化。6. 优化你的网站6.1 使用牢固链接先在后台按如下图示举行设置可是这样不够，要使用牢固链接，服务器还需要开启 rewrite 的功效。

如果你和我使用的是 nginx ，那么只要登陆服务器，在 /usr/local/nginx/conf/nginx.conf 里的 server 里加上这一段（我放在倒数第二段）location / { if (!-e $request_filename) { rewrite (.*) /index.php; }}然后重启一下 nginx$ systemctl restart nginx6.2 网站添加存案号如果你的域名已经存案了，最好将你的存案号放到底部（似乎会有检查）。6.3 美化文章的排版一个好的排版，能够极大提升阅读体验，因此定制一个好的排版很是有须要。

我网站里的文章排版样式，借用的是 mdnice 的主题，小我私家很是喜欢。/* 二级标题 */.view-content h2 { margin: 40px 20px auto; height: 40px; background-color: rgb(251, 251, 251); border-bottom: 1px solid rgb(246, 246, 246); overflow: hidden; box-sizing: border-box;}/* 二级标题内容 */.view-content h2 { margin-left: -10px; display: inline-block; width: auto; height: 40px; background-color: rgb(33, 33, 34); border-bottom-right-radius:100px; color: rgb(255, 255, 255); padding-right: 30px; padding-left: 30px; line-height: 40px; font-size: 16px;}/* 二级标题修饰 请参考有实例的主题 */.view-content h2:after {}/* 三级标题内容 */.view-content h3 { margin-top: 5px; padding-top: 20px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-size: 17px; border-bottom: 2px solid rgb(33, 33, 34); line-height: 1.1;}/* 引用文字 */.view-content blockquote p { color: #353535; font-size: 16px; margin: 0 10px; display: block;}.view-content .blockquote:after { content: "”"; float: right; display: block; font-size: 2em; color: rgb(248, 57, 41); font-family: Arial, serif; line-height: 1em; font-weight: 700;}/* 二维码显示 */header .gongzhonghao { color: #fff; font-size: 14px; position: absolute; bottom: 30px;}header .weixinhao { color: #fff; font-size: 14px; position: absolute; bottom: 180px;}6.4 部署 HTTPS关于如何部署 HTTPS ，我在之前的文章里讲过一种。

今天再先容另外一种：使用宝塔。注册并登陆宝塔（https://bt.cn），然后进入控制面板，举行实名认证。点击申请证书选择免费的就好填写你的域名后，支付订单（其实不要钱）。

然后点击详情，需要验证该域名是归你所有。方法它会告诉你，登陆我的阿里云域名剖析，凭据如下提示去添加 DNS剖析规则然后静待一段时间验证乐成了，就可以点击如下按钮，下载数据证书。下载到当地后，你会获得一个 zip 包，解压一下，就可以看到证书文件及私钥。

因为我的博客使用的是 Nginx，因此我该 Nginx 下的两个文件上传到我的服务器上的 nginx 目录下.详细怎么上传呢？你可以使用远程拷贝软件，例如 WinSCP，也可以使用 lrzsz （推荐使用）。传到哪个目录下呢？先使用 find 下令查找一下你的 nginx.conf 路径$ find / -name nginx.conf/usr/local/nginx/conf/nginx.conf你的证书文件可以和 nginx.conf 放在同一目录下/usr/local/nginx/conf接下来使用 vim 编辑该文件，找到 server，添加如下行（ server 原本的内容 我使用 ... 表现，意思是不需要去动。

）server { listen 443 ssl; # 注释掉该行 # listen 80 default_server reuseport; #证书文件名称 ssl_certificate 1_iswbm.com_bundle.pem; #私钥文件名称 ssl_certificate_key 0_iswbm.com.key; ... }最后重启 nginx $ systemctl restart nginx实验用 https 会见一下我的网站 https://iswbm.com，很是顺利。到这里，事情其实还没有竣事，你还需要做两件事情：第一件事：在后台举行一些设置，否则从网站跳转的时候还是会使用 http第二件事：将 http 重定向到你 https，否则有人在浏览器输入 iswbm.com 时，会见的还是 http。使用 vim 编辑 /usr/local/nginx/conf/nginx.conf，在原本 server 的前面加入下面这么一段代码server { listen 80; server_name iswbm.com; rewrite ^(.*) https://$server_name$1 permanent; }然后再重启 nginx$ systemctl restart nginx6.5 图床开启HTTPS由于我之前的 markdown 文章，使用的图床都是 七牛云，其时并没有开启 https，现在网站开启了 https 后，自然图片也要开启，否则浏览器会显示有部门不宁静的资源。

登陆七牛云，然后进入 证书治理 上传证书（注意这个证书得另外申请，不能使用先前申请的 iswbm.com 证书）。进入工具存储 -> 域名治理，找到 HTTPS 设置的位置，点击 修改设置。将按钮置为开启状态，选择我们刚刚上传的证书。设置完后，并不能立马使用域名的升级需要一定时间，等候即可。

以上就是我搭建网站的全部总结，写了两个晚上，直到昨晚才完成。全文一共 5000 多字，昨晚写的时候，还出了个小插曲，文章被我误删除了，无论怎么 ctrl + z 都回不来，找了许多方法，都行不通。把我吓得都快哭了，生怕今天发不出来文章幸亏最后 Typora 还是给我留了一条生路，它居然支持 文件的版本控制，真是有惊无险，差点今天就要哭了。写文章不容易（特别是这种长文），如果以为本文写得还可以，给明哥转发下文章，可以吗。

本文来源：开云app登录入口-www.meibiaochina.com