一个wordpress博客的搭建历程

  • A+
所属分类:网站相关

文章更新

这篇文章在 2018-01-19  14:16:49  更新了哟~

写在前面

博主的这个网站就是基于wordpress搭建的,诺诺诺,还不错吧,从建站至今已经将近两年了。一路走来,有很多困扰过我的小问题,还有黑科技等,都在此分享记录下。

另外,博主的xnmll二级域名下,还搭建了另一个博客站点:http://xnmll.cn/  是基于github的博客,是不是也挺好看的勒,重要的是这个独立域名的博客是不需要自己负担服务器的费用(是不是很爽),缺点嘛,就是没有服务器当然没有数据库啦,只能加载静态网页,优点当然更多阿,等下文会讲。还有一个淘宝优惠卷的网站:http://buy.xnmll.cn/ 在此可以领到淘宝商品的优惠卷哟(没有安全问题),当然如果你购买了,也会给我一点好处。

其实用wordpress建站是很简单的,很多服务器商都会有现成的wordpress镜像系统供客户选择,像这样的网站,完全可以5分钟建站 ,当然除了个人博客外还有很多建站模板镜像,如论坛镜像Discuz,很多大小的论坛都是基于这个搭建的,推荐的有吾爱破解;甚至是大型商城系统,视频网站等。当然,像这么完善的系统都是扩展性很强的,即你可以在此基础上修改源码来达到你满意的效果。


本文旨在分享记录建站过程,如果你是个初入编程的小白的话,按照文章教程,绝地可以搭建自己独立域名的博客的,如果是大牛碰巧看到这篇文章,有待完善的地方还请联系我。

既然新版网站的第一篇文章,我就详细点,多点废话吧。😝

wordpress是个啥?

既然新版网站的第一篇文章,我就详细点,多点废话吧。wordpress 是一个以PHPMySQL为平台的自由开源的博客软件和内容管理系统(cms),没听过wordpress,总听过PHPMySQL吧,详见维基百科wordpress,一般的计算机专业学生都会在书本上看到这样的微型系统作业,这个wordpress就可以理解成大牛们共同完成的这项大作业,健壮的生态系统,数量众多的插件,庞大的使用着及维护者,可扩展性。当然不止有wordpress一种优秀的博客搭建系统:像typechogithub page 等,都很好用,只是博主也没接触太多,感兴趣的自行Google,博主就不在此说明了。


OK,至此,你应该已经知道搭建博客是不需要你一行行敲出来整个系统的,当然在搭建完成后,你可以自行修改源码修改样式(if  you can),那么,怎么安装上wordpress呢?首先,你要先了解下当你点击进入一个网站后,从输入url到页面加载发生了什么。

浏览器加载页面过程    

可不要小看这简简单单的几个字,真的把这个问题说的明明白白可不简单,单单http的重量就不比java多少,所以本文就简要介绍这块内容了。总体来说分为以下几个过程:

  1. DNS解析

  2. TCP连接

  3. 发送HTTP请求

  4. 服务器处理请求并返回HTTP报文

  5. 浏览器解析渲染页面

  6. 连接结束

简单来说就是:当你在浏览器输入www.xnmll.cn时,www.xnmll.cn并不是真正意义上的地址,互联网上的唯一标识是IP地址,从网站转换到IP地址的过程即DNS解析,当然没有这么简单,优化,缓存,负载均衡等等先不考虑(后期会用到图床,便和DNS缓存有关),大概先这么理解。找到IP地址去请求资源,然后把资源返回到浏览器,浏览器引擎渲染页面,你就看到网页内容了。所以这么看来,搭建wordpress博客至少需要一个独立域名,一台服务器。

域名及服务器的准备

推荐有腾讯云服务器,阿里云服务器。尽量选择大型服务器商,不要用主机商的,博主就开始就是贪便宜用的主机,他会给你加广告,还有拿钱跑路的😡,如果你是在读学生的话,学生认证之后买服务器可以有很大优惠,飞机票在这里,域名的话也很便宜阿,一般买服务器附带的都有。博主买的时候是一块钱一个月,然后附送了域名,现在好像是10块钱,还是可以接受的。


好了当你购买完成以后,服务商会给你一个服务器的IP地址,使用xshellputty连接上服务器OK啦,要注意的是装选系统的时候,一般主流的linux发行版都是可以的,为什么服务器不用windows非要用linux呢?主要就是费用少和安全性高阿,在此不细说,你可以点击这里了解更多

好了,服务器,域名有了,下面就要安装wordpress了。

安装wp

来到wp官网,下载压缩包到本机,根据说明一步步安装就完成啦,配置上自己的数据库信息等,你的网站就搭建完成了。如果你并不怎么了解linux的话,下面的内容对你会有很大帮助。

宝塔面板

简而言之就是便于管理liunx/windows的面板,你可以使用它轻松搭建网站,当然,前提是你的服务器必须是纯净的Linux系统,如果是装了wordpress建站镜像就是不可以的。安装的方式是极简的,找你服务器对应的版本的安装命令,在服务器运行即可,链接在这里,过程中你可能会遇到给服务器开端口等问题,在宝塔或服务云的官网上都有详细的答复。

安装上面板以后,在文件中,找到对应的位置,将下载好的wordpress上传上去解压,新建网站,配置数据库信息,在浏览器中输入你的服务器IP,就可以看到一个wordpress的配置界面,在此根据自己的信息配置上,网站就搭建完成。

一个wordpress博客的搭建历程

如图是博主的面板,在这里你可以轻松安装服务器常用软件。如tomcat,之后就可以将JSP作业放在服务器上,来使用域名访问它啦。

域名解析

DNSPod是推荐的DNS解析服务,现在被腾讯云收购,你可以用它轻松解析,官网在这里

域名解析完成,网站就真正上的搭建完成了。

网站优化

网站的侧边栏使用flash图像,让网站看起来不这么单调。

点击特效,背景特效等等是简单的js特效,源码入下:

<script type="text/javascript">
/* 鼠标点击特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
        y = e.pageY;
        $i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
        });
        $("body").append($i);
        $i.animate({
"top": y - 180,
"opacity": 0
        },
        1500,
function() {
            $i.remove();
        });
    });
});
</script>

<script src="activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; // 控制开启/开启礼花特效  
POWERMODE.shake = false; // 控制开启/关闭屏幕震动特效  
document.body.addEventListener('input', POWERMODE);
</script>

也可以直接找插件,一般主流的样式都有插件可直接安装使用。

站长统计

成为一名站长以后,SEO优化,站长统计等问题就会迎面而来

怎么才能知道自己的网站被谁访问了呢?

cnzz统计可以清楚看到自己的网站被谁访问,IP是多少,第一次访问时间,在那个页面驻留多久等。

而现在免费的高精度IP定位的服务已经不太好找了,这个还不错,是博主现在在用的IP定位服务。

end

最后,可能有些地方不是很详尽,有问题的话可以私聊博主。

admin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: