超详细图解:从0搭建一个个人网站,也太简单了吧王一白

前两天我用WordPress给自己搭建了一个网站,整个过程非常的顺利,体验非常地好,于是我就整个过程、以及其中的一些搭建心得,记录下来。

说到网站,其实我搭建过挺多个了。

从最开始的Hexo静态博客,到后来使用Django仿照Hexo-Next主题自己写了一个有后端的个人博客。

再后来又发现了Sphinx+Github+ReadtheDocs完美的文档编排组合,用了搭建了四个网站,分别是:

四个网站,用的都是三级子域名,可见在我心里,他们无论哪一个都无法成为我心中的个人网站。

原因有几点:

虽然有不少让我心痛的地方,但是它们却有流淌在基因里的优势:

好像扯远了,还是说回WP的网站搭建吧。

在教程之前呢,我先show一下我的成果,欢迎你去点点点~

在开始搭建网站之前,当然第一步是购买一个属于自己的『服务器』。

你可以选择如下渠道进行购买:

等的大厂服务器,不要贪图便宜去买国外的服务器厂商,因为速度很慢很多,很影响体验。

如果是学生可以在领券页面里找到学生专享,服务器9.5元/月,直接点击购买即可。不是学生也可以组团购买,更便宜,服务器购买就不多说了,拿钱就好了。

买了服务器后,你就会拥有一个公网ip,如果网站搭建起来了,你完全可以使用这个ip去访问,但仅供开发、测试使用。

如果要真正运营起来,想要有流量,还得搞一个域名,方便你推广。

域名的购买建议和上面服务器使用同一个厂商,可以省去一些麻烦。比如阿里云购买的域名要备案是需要你在阿里云下有一台服务器的。

由于后面我使用的是手工部署的方式,所以要登陆服务器进行操作。

登陆的方法有两种:

在使用这些远程登陆软件时,你需要在服务器厂商控制台上面先获取到三个信息

关于Xshell如何使用的,可以自行百度搜索,教程非常多。

可以到阿里云上去购买,选最低配置就足够啦,后续访问量起来了再扩容升级。

部署方式,可分为两种

那么如何选择呢?

使用宝塔部署,门槛低,只要会界面点一点即可。

而使用脚本自己手工部署,需要你学会

在这里建议大家跟着我使用第二种方法,也就是手工使用脚本进行部署。

原因有二:

LNMP是Linux+Nginx+MySQL+PHP组合的简写。

类似的组合还有:

其中:

这些软件一个一个安装比较费力,特别是数据库。

因此有人把这些软件的安装部署过程集成为一个Shell脚本,而你只要下载并执行它就可以了。简直不要太方便。

$tarzxflnmp1.5.tar.gz&&cdlnmp1.5&&./install.shlnmp接下来会出现大量的选项,如果你不是很懂各个选项间的区别,按默认就行啦

运行脚本后,首先会让你选择数据库的版本:

没有特殊需要,建议使用默认配置,直接回车或输入序号再回车。

选好数据库,会让你设置数据库root用户的密码,此时如果你直接回车,会默认设置为lnmp.org#随机数字,

在输入密码的时候,对于新手有一点注意:如果输入有错误需要删除,需要按住Ctrl再按Backspace键进行删除。

密码输好后,回车进入下一步

询问是否需要启用MySQLInnoDB,InnoDB引擎默认为开启,一般建议开启,直接回车或输入y。

如果确定确实不需要该引擎可以输入n,(MySQL5.7+版本无法关闭InnoDB),输入完成,回车进入下一步:选择PHP版本,建议安装PHP7+的版本

回车进入下一步,选择是否安装内存优化:

可以选择不安装、Jemalloc或TCmalloc,输入对应序号回车,直接回车为默认为不安装。

按提示输入对应版本前面的数字序号,回车。

如果显示Nginx:OK,MySQL:OK,PHP:OK

表明安装成功。

最后几行的输出

安装好后,使用如下指令查看nginx配置文件(如果你的服务器上找不到该文件,那请使用find/-namenginx.conf搜索一下)

$cat/usr/local/nginx/conf/nginx.conf你会看到如下内容:

上图表明,安装好的nginx将网站的根目录设置为/home/wwwroot/default,这个可以根据自己的喜好进行修改。

其实这就是一个简单的网页demo了,自己随便修改index.html,就会有不同的内容。

上一步安装的LNMP,只是保证了WordPress的基本运行环境。

想要把你的个人网站跑起来,咱还需要安装WordPress。

方法也很简单,下面跟着操作就行。

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

$mysql-uroot-pEnterpassword:MySQL>createdatabasewordpress;第三步:使用vim修改nginx配置文件(不会vim的自行百度)

$vim/usr/local/nginx/conf/nginx.conf找到网站根目录位置,如下图所示:

修改成如下内容:

随后,使用wq保存配置退出即可。

验证nginx是否有配置错误:

$nginx-t如果出现ok,successful字样,说明没有错误。没有错误,重新加载nginx:

$nginx-sreload修改wordpress目录权限:

现在就开始,进行安装。填写信息如下:

其中,***改为你设置的MySQL数据库密码。点击提交,出现如下内容:

在/home/wwwroot/wordpress下,创建并编写wp-config.php文件:

最后点击安装WordPress,安装成功会出现如下界面:

此时你看到的这个网站,是wordpress默认为你安装的免费主题(应该有三个),可能并不是那么的好看,但没关系,后面我会教大家如何挑选一个自己合适的主题,把你的网站装扮得有模有样。

到这里,你的网站部署已经全部完成,但是还差最后一步,也是使用WordPress最为核心的一步:让你的网站看起来更加专业,更加成熟。

为此我们需要做两件事:

同样都使用的WordPress的网站,外观上却天差地别。有的很酷炫,有点很简约,这是因为选了不同的主题(可以理解为皮肤)。

在你安装完WordPress后,本身就自带了几个免费的主题。

几乎没人会使用它们,因为实在没什么亮点(就是丑)。

在WordPress的自带了主题商店,里面有大量的免费主题,各式各样的都有,可能有你喜欢的。

在这里要说明一点,我的主题不是在商店里安装的,而是我通过搜索引擎找到了一个比较清爽的主题,很符合我的审美,我装扮过后的效果如下。

1.WPUserAvatar

没有Gravatar怎么办?

只要装上WPUserAvatar这个插件就能可以使用WordPress媒体库中的图片作为默认头像了。

2.WP-PostViews

需要两步配置

第一步:设置显示的文字

第二步:在你要显示的位置写入如下代码

效果如下

3.PostViewsCounter

咦,上面已经安装了一个统计阅读量的插件,怎么这边又推荐一个。

上面那个统计阅读量的插件,其实做的比较粗糙。

这是什么意思。

比如同一个ip连续连刷10次,WP-PostViews的阅读量会+10,但如果你使用PostViewsCounter,这个规则可以由你来定,可以只显示一次。

安装完这个插件后,同样需要进行一些配置

为什么这里选择手动呢?

因为我发现不管在内容之前,还是在内容之后,显示的位置都比较尴尬(它会换行)。

如果你和我用一样的主题,想和我有一样的效果,那么你选择手动之后,还要按下图指示修改下代码,新增如下一段代码。

4.WPEditor.md

或许这是一个WordPress中最好,最完美的Markdown编辑器。

5.SimpleCustomCSS

在修改WordPress主题时,CSS修改是最经常用到的方法,比如调整字体、调整颜色、边距之类的都需要用到自定义的CSS代码。

虽然说WordPress本身提供了CSS修改的功能,不过使用起来有很多的弊端,其中最麻烦的一点就是每次更换或者更新主题之前的修改都会消失,需要重复的添加。

使用SimpleCustomCSS这个插件可以避免这种尴尬,安装后他会在外观下新增一个自定义CSS的选项。

6.LuckyWPTableofContents

点击目录可以直接跳转到对应位置。

7.百度搜索推送管理

百度搜索推送管理插件是一款针对WP开发的功能非常强大的百度和Bing搜索引擎收录辅助插件。

利用该插件,站长可以快速实现百度搜索资源平台和Bing站长平台URL数据推送及网站百度收录数据查询等。

目的在于进一步提升网站的百度和Bing搜索引擎收录效率,提升网站SEO优化效果;及帮助站长通过该插件了解网站百度收录数据情况,基于数据统计参考进一步对网站内容进行调整与优化。

具体使用方法比较复杂,自己百度一下吧

8.SmartSEOTool

SmartSEOTool是一款专门针对WordPress开发的智能SEO优化插件,与众多WordPress的SEO插件不一样的是,SmartSEOTool更加简单易用,帮助站长快速完成WordPress博客/网站的SEO基础优化。

先在后台按如下图示进行设置

但是这样不够,要使用固定链接,服务器还需要开启rewrite的功能。

如果你和我使用的是nginx,那么只要登陆服务器,在

/usr/local/nginx/conf/nginx.conf里的server里加上这一段(我放在倒数第二段)

location/{ if(!-e$request_filename){ rewrite(.*)/index.php; }}然后重启一下nginx

$systemctlrestartnginx6.2网站添加备案号如果你的域名已经备案了,最好将你的备案号放到底部(好像会有检查)。

一个好的排版,能够极大提升阅读体验,因此定制一个好的排版非常有必要。

今天再介绍另外一种:使用宝塔。

点击申请证书

选择免费的就好

填写你的域名后,支付订单(其实不要钱)。

然后点击详情,需要验证该域名是归你所有。

方法它会告诉你,登陆我的阿里云域名解析,根据如下提示去添加DNS解析规则

下载到本地后,你会得到一个zip包,解压一下,就可以看到证书文件及私钥。

因为我的博客使用的是Nginx,因此我该Nginx下的两个文件上传到我的服务器上的nginx目录下.

具体怎么上传呢?你可以使用远程拷贝软件,例如WinSCP,也可以使用lrzsz(推荐使用)。

传到哪个目录下呢?

先使用find命令查找一下你的nginx.conf路径

$find/-namenginx.conf/usr/local/nginx/conf/nginx.conf你的证书文件可以和nginx.conf放在同一目录下

/usr/local/nginx/conf接下来使用vim编辑该文件,找到server,添加如下行(server原本的内容我使用...表示,意思是不需要去动。)

server{listen443ssl;#注释掉该行 #listen80default_serverreuseport;#证书文件名称ssl_certificate1_iswbm.com_bundle.pem;#私钥文件名称ssl_certificate_key0_iswbm.com.key; ...}最后重启nginx

到这里,事情其实还没有结束,你还需要做两件事情:

使用vim编辑/usr/local/nginx/conf/nginx.conf,在原本server的前面加入下面这么一段代码

进入对象存储->域名管理,找到HTTPS配置的位置,点击修改配置。

将按钮置为开启状态,选择我们刚刚上传的证书。

设置完后,并不能立马使用

以上就是我搭建网站的全部总结,写了两个晚上,直到昨晚才完成。

好在最后Typora还是给我留了一条生路,它居然支持文件的版本控制,真是有惊无险,差点今天就要哭了。

THE END
1.如何搭建一个网站大概在今年二月份,我萌生了搭建一个网站的想法,原因大概有两个:一是平时做公众号需要很多的素材,我选文的标准也是有两个,或者觉得这篇文章对我或者对大家有用,或者看完了能够哈哈一笑,是篇有趣的文章,否则我是宁愿不发文的。二是平时学习过程中,收集了很多的资料或工具。 https://blog.csdn.net/sinat_32582203/article/details/52259775
2.广州网站设计网站推广网站建设制作公司到底要不要搭建一个官网? 官网是每一家公司的重要形象宣传渠道,是公司与客户沟通的桥梁。可以展示公司服务,信息和品牌内容以及实时更新产品和动态信息。 怎样去搭建一个企业官网呢 大多数人对技术细节一无所知,特别是网站开发,网站域名,服务器,安全维护等内容。 http://www.dotodo.net/
3.网站建设流程,如何搭建一个网站自己的网站,但是又苦于不懂技术,不清楚网站建设流程,一个完整的网站建设流程需要从定位、策划、设计、开发、测试、发布及维护等等,如果企业建设网站时由于推进流程不明确,就容易错漏百出,事先详细了解网站建设流程,一步步完善网站的建设工作,今天来看看网站建设流程是怎样的,PageAdmin专业建站团队教你如何搭建一个网站https://www.pageadmin.net/jianzhan/6659.cshtml
4.网站建设如何搭建一个网站?网站建设如何搭建一个网站 在数字化时代,搭建一个网站是展示个人或企业形象的重要方式。无论是个人博客、商业网站还是在线商店,网站的建设过程都包括多个关键步骤。从选择合适的域名和托管服务,到设计网站布局和创建内容,每一步都至关重要。本文将详细介绍如何系统地搭建一个网站,确保它既美观又实用,能够有效地与访客互https://www.qizeweb.com/6350.html
5.如何搭建一个网站:从零开始的详细指南- **兼容性测试**:测试网站在不同浏览器(Chrome、Firefox、Safari等)和不同设备上的显示效果。 - **性能测试**:测试网站的加载速度,避免因加载过慢影响用户体验。 完成测试后,便可以将网站发布到互联网上,开始运营和推广。 ### 总结 搭建一个网站虽然涉及多个环节,但只要做好前期规划、选择合适的工具与技术,https://www.zuowangzhan.net/baike/7nwgyn1bEk.html
6.如何搭建一个网站如何搭建一个网站 下面是我们整理关于《如何搭建一个网站》的内容希望对您有帮助! 如何搭建一个网站平台 如何搭建一个网站平台如何搭建一个网站平台 如何搭建一个网站服务器 如何搭建一个网站服务器如何搭建一个网站服务器 如何搭建一个网站步骤 如何搭建一个网站步骤如何搭建一个网站步骤 如何搭建一https://digital.yongsy.com/articles/748.html
7.如何自己搭建一个网站如何自己搭建一个网站教程让您可以轻松地创建出专业的网站。选择一个适合您需求和技能的网站建设工具,并开始注册和创建您的网站。2.购买适合的网站主机网站主机是什么。 以及通过分析和跟踪工具了解用户如何与您的网站互动,并据此调整您的优化策略。以上是买完域名后搭建上线网站的详细步骤。请注意,每个是什么。http://dvftrb.cn/ejmlhdmj.html
8.如何搭建一个自己的网站然而,预算常常是一个限制因素,使得不少人望而却步。幸运的是,如今的技术和资源足够丰富,即便零预算也能搭建出色的网站。方维网站建设将揭示如何在不花一分钱的情况下,自己动手免费搭建个性网站。 ### 选择合适的平台 首先要决定在哪个平台上搭建网站。https://www.szfangwei.cn/tag/8440.html
9.如何搭建自己的网站,建立一个网站需要经过哪些步骤1、定位分析、网站策划 借助对建设网站根本目标的分析,对网站的结构进行一个策划,包括页面排面排版、栏目和导航等。 2、注册域名 要对网站网址进行申请和备案,只有通过了域名的申明,才能够进入到网站里,所以申请和注册域名是非常重要的。 3、购买和搭建服务器空间 https://jdy.zbj.com/1009082/newsdetail-5780.html
10.如何自己搭建一个个人网站?搭建一个个人网站,前期的定位特别重要。 一、选定网站方向 你必须要了解你做这个网站的目的,是为了个人展示、知识分享还是为了兴趣爱好,这直接决定了你将要做的网站的类型和内容风格,也就是你网站的主题,选定内容方向后,我们再来尝试搭建网站,会起到事半功倍的效果。 https://www.jianshu.com/p/ba525c9a45ad
11.如何从零开始搭建一个网站在数字化时代,拥有一个网站已经成为企业或个人展示形象、推广业务的重要手段。本文将详细介绍如何从零开始搭建一个网站,包括选择域名、选择主机、设计网站、开发网站以及网站的上线与维护等步骤。 选择域名 搭建网站的第一步是选择一个合适的域名。域名是网站的地址,应该简洁易记,与网站的主题或名称相关。在选择域名时https://www.autocms.cn/a/4bb4i576.html
12.手把手带你搭建第一个个人网站(上)随着云计算普及,服务器价格可以说不断降低,因此写出这篇文章让对IT感兴趣或者想让自己变得与众不同的小伙伴们更便捷地搭建一个属于自己的个人网站。在自己的网站中秀出自己的不一样精彩! 前言 随着云计算普及,服务器价格可以说不断降低,因此写出这篇文章让对IT感兴趣或者想让自己变得与众不同的小伙伴们更便捷地https://www.51cto.com/article/552165.html
13.如何自己搭建一个网站教程如何自己搭建一个网站教程 此文章处于编辑状态 原创文章,作者:上海墨悉特网络科技有限公司,如若转载,请注明出处:http://bxgtrb.cn/qc826d0m.htmlhttp://bxgtrb.cn/qc826d0m.html
14.一窥究竟,如何搭建一个自己的网站,一站式自助建站教程,搭建个人随着互联网的发展和普及,网络已经成为我们生活的一部分,而在众多的网站类型中,个人网站自建网站成为了一种常见的选择,本文将探讨一下如何搭建一个自己的网站。 你需要有一个明确的目标,你的网站是为了什么?你希望它能给你带来什么样的价值?只有明确了目标,你才能有针对性地去设计和建设你的网站。 http://www.shzunwei.com/post/58278.html
15.如何建立一个自己的网站?不懂代码搭建自己网站详细教程建立一个网站的成本,主要是域名+服务器,开始接触网站,服务器买一般的虚拟主机就行,比如域名50,虚拟主机100,成本就是相当于只需要150元就可以建立一个网站了。 域名、服务器买好了,并且下载好网站程序后,就可以搭建网站了,这里以使用 Wordpress博客系统 程序为例,教大家如何搭建一个属于自己的网站。 https://www.jb51.net/yunying/609951.html
16.如何搭建一个属于自己的网站(详细视频教程)想要拥有一个属于自己的网站,却不知道如何下手?这篇文章将为你提供从零开始的指导,让你搭建出自己的个人网站。从选择域名、购买服务器到设计页面布局,再到后期的维护与推广,我们将一步步为你介绍网站建设的全过程。 学习: 此处内容已隐藏,请评论后刷新页面查看. ---本页内容已结束,喜欢请分享--- 温馨提示:由于https://www.afxw5.com/43247/.html
17.如何快速搭建一个专业的外贸网站跨建· 如何快速搭建一个专业的外贸网站 现在搭建一个外贸网站的门槛越来越低了,就算不会网站代码,你也可以快速建成一个专业的外贸网站。今天就和大家分享一下外贸网站建设的方法,以及一些注意事项。 一,搭建一个网站首要的一点就是域名 就像每个人都有自己的名字一样,你的网站也要拥有一个域名,并且是独一无二的https://www.wbuild.cn/article/1571.html
18.120分钟搭建一个网站!!怎么免费做网站web前端开发120分钟搭建一个网站!!怎么免费做网站_web前端开发_如何搭建网站平台? 举报 建站技术解说 关注569 信息 分享: 直播热点 下载APP领会员 直播中 小言儿~ 直播中 丽丽感谢家人宠爱 直播中 悠然~ 千帆直播 人气主播 直播0 顾安安 甜妹有市场嘛~ 点击观看 直播0 我是小小白 是谁的青梅竹马 点击观看 直播0 芭比https://www.56.com/u87/v_MTUzMDMzODM2.html
19.技术开发,技术交流,如何创建一个网站?初学者的分步指南为搭建自己的个人或企业网站,以下是一份简洁明了、适合新手操作的步骤指南:,,1. **确定目标**:首先明确您希望网站的功能和受众是谁。这可能包括业务类型(如在线商店、博客、产品展示)、品牌定位、核心价值等信息。,,2. **选择工具**:根据您的需求和技术水平,可以选择网站建设平台如WordPress、Wix、Squarespace等http://hfhao.com/2024/11/240/
20.个人如何快速搭建自己的网站网站搭建完成后,你可以通过主题、插件等手段,进一步个性化网站的外观和功能。根据网站的内容和用户需求,你可以不断优化和丰富网站的功能,让它更具吸引力。 通过以上六个简单步骤,即使是没有编程经验的个人,也能快速搭建出一个功能齐全、个性化的网站。注册域名、选择服务器、备案、安装网站程序,看似繁琐,但每一步都有https://www.kkidc.com/market/9889.html
21.如何建立个人网站?一步步搭建属于自己的网站平台云设计随着互联网的发展,越来越多的人开始意识到拥有一个个人网站的重要性,个人网站不仅可以展示个人形象、分享经验、展示作品,还可以作为个人品牌建设的平台,如何搭建属于自己的网站呢?本文将详细介绍搭建个人网站的步骤和注意事项。 确定目标与规划 在搭建个人网站之前,首先要明确自己的目标和规划,考虑网站的主要用途、目标受https://beijing.vvrcloud.com/post/21008.html
22.如何搭建个人服务器,建立自己的网站这个语句指定你的网站路径,也就是你主页放置的目录。你可以使用默认的,一般就是Apache安装目录下的一个子目录,当然也可以自己指定一个,需要注意,这句末尾不要加“”。此外,路径的分隔符在Apache Server里写成“”,例如我们可以在此处将其设定为“E:WwHomepagesHomepage”,打开主页时,默认打开的文档就直接去该目录https://m.douban.com/note/197898730/