搭建博客网站详细流程步骤

作者:孙宇晨 来源:www.5idf.cn 2020-02-27   阅读:

一、站点的策划和构思

站点主题色选用天蓝色,背景图选用海天交接图,整个网站布局简约、清新,为读者提供宁静、自由的环境去细细品读文章。

主要划分为三个板块:页眉、内容、页脚

  • 页眉

    • 上部显示个人特色信息
    • 下部显示菜单导航栏
    • 右边浮动显示百度分享
  • 内容

    • 左边分页显示文章内容或者自定义网页
    • 右边显示一些小工具,按顺序自上而下分别为:个人信息、搜索、近期文章、近期评论、分类目录、文章归档、友情链接。
  • 页脚

    • 显示作者和备案号,同时加入百度统计、回到顶部的功能。

二、云服务器的构建

1、服务器购买与配置

(1)地域选择最近的一个,机型根据需要自行选择

(2)镜像选择CentOS6.8 64位,安全性强,后面的教程,使用命令行操作简单、快速

(3)设置系统密码,安全组稍后手动建立,然后点击购买,学生可以使用现金抵用券减掉64元

(4)购买成功后,进入控制台的云主机界面,选择安全组进行配置,如图所示,我打开了21、22、80、3389端口,对来源也进行了控制,最后为主机设置刚配置好的安全组

注:一般远程登录失败,或者访问不到IP,都是端口没打开的原因

2、Web运行环境的安装与配置

(1)先安装远程登录软件,我选择了putty,去官网下载安装即可
网址:https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html

(2)安装成功后,打开界面,输入服务器公网IP,点击Open

(3)输入之前设置的用户名、密码,进行登录

(4)输入以下命令,升级所有软件

  • # yum update -y

(5)安装OneinStack

  • OneinStack 是一个一键安装程序,可以方便的安装Nginx、MySQL、PHP 这些程序,有这些才能让wordpress正常运行。

在终端逐步输入执行以下命令

  • # yum -y install wget screen curl python
  • # wget http://mirrors.linuxeye.com/oneinstack-full.tar.gz
  • # tar xzf oneinstack-full.tar.gz
  • # cd oneinstack
  • # screen -S oneinstack
  • # ./install.sh

然后按下图选择好相关软件

(6)安装成功后,用浏览器打开你的公网IP,可以看到成功页面

至此,云服务器配置完成。

三、域名的申请、备案和解析

1、域名申请

进入腾讯云注册域名界面,搜索域名,进行购买

注:服务器何和域名最好在一个云平台下,方便操作,否则需要进行域名迁移,非常耗时间

2、域名备案

查看腾讯云域名备案流程,按步骤提交资料,10-20天即可完成备案

地址:https://www.qcloud.com/document/product/243/655

3、域名解析

进入域名管理界面,我先解析了两条记录,后面可以根据需要解析成其他域名

  • 第一条www.xxx.cn:记录类型选A,主机记录选www,线路类型选默认,记录值填公网IP,TTL默认选10分钟即可
  • 第二条xxx.cn:记录类型选A,主机记录选@,线路类型选默认,记录值填公网IP,TTL默认选10分钟即可|

具体如下图:

四、构建软件的比较和选用

以下为国内外常见开源软件:

1、WordPress

WordPress免费开源程序,WordPress可以搭建功能强大的网络信息发布平台,但更多的是应用于个性化的博客。WordPress除了做个人博客外,可以做企业站、门户站、商场、批发网站等,扩展性特别强大。

2、Drupal

Drupal是一个开源的内容管理系统(CMS)平台,拥有强大并可自由配置的功能,能支持从个人博客到大型社区驱动的网站等各种不同应用的网站项目。若干年前我认为joomla是开源CMS中当之无愧的老大,但是现在我认为drupal做的更好,因为CMS不仅仅在于需要大量的扩展和模板主题, 还得能让用户迅速上手。

3、Discuz

Discuz论坛免费开源,占有市场比例相当高,同时也是腾讯旗下的公司,通过QQ等多平台分享流量也是非常强大。

4、ECSHOP

ECShop是Comsenz公司推出的一款B2C独立网店系统,适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序。

5、DeDecms文章管理系统

织梦CMS是免费开源内容管理系统,DedeCMS适合应用的领域非常广泛,如企业网站、政府机关、教育机构、媒体机构、行业网站等,像大家比较熟悉的站长之家,A5站长网都有是有织梦DeDecms。

6、Z-blog博客程序

Z-Blog是一款小巧而强大的基于Asp平台的Blog程序,适用于内容相对比较少的个人博客,各方面还是相当不错的。

7、EasyTalk微博客

EasyTalk是国内首款多用户PHP+Mysql开源微博系统、微博软件,类似新浪微博、腾讯微博的微博程序。目前微博火热的背后兴起的另外一种程序,简单易用。

8、Gregarius

Gregarius是一个RSS聚合程序,免费开源,具备不错的用户体验,易于操作和管理。可以把其当成RSS阅读器使用。同样不是很熟悉RSS聚合程序,Gregarius是一款RSS/RDF/ATOM的Feed的聚合程序,如果你很闲,那就使用Gregarius代替Google Reader去阅读朋友们的博客。

9、UChome SNS程序

UCenter Home是一套采用PHP+MYSQL构建的社会化网络软件(Social Network Software,简称SNS),同时可以和UC数据互通等,比较早期的一款SNS程序,也是比较经典的一款程序。

综合以上信息,我选择了wordpress进行网站的构建,原因如下:

  • 构建步骤简单,后台管理轻松,新手容易理解
  • 主题种类多,可以构建不同风格的网站,插件支持稳定,可拓展性强
  • 安全性高,程序的不断升级,WordPress已经到了非常完美的阶段

五、网站的构建

1、绑定域名到网站根目录

(1)登录云服务器,进到OneinStack安装目录下,运行命令

  • ./vhost.sh

按照下图进行配置:

2、安装wordpress

(1)进入域名目录

  • # cd /data/wwwroot/www.youdomain.com/

或者OneinStack默认目录

  • # cd /data/wwwroot/default/

(2)下载Wordpress

  • # wget https://cn.wordpress.org/wordpress-4.7-zh_CN.tar.gz

(3)解压

  • # tar xzf wordpress-4.7-zh_CN.tar.gz

(4)建立数据库,用浏览器打开你的公网IP,点击phpMyAdmin,用之前记录的root账号密码登录数据库

点击New 新建数据库

  • 数据库名wordpress
  • 字符集选utf8mb4_unicode_ci

(5)用浏览器打开你的公网IP,在地址后添加/wordprss访问,比如:http://19.99.67.78/wordpress/ 
访问后会显示以下界面,点击现在就开始!

会提示无法创建wp-config.php文件,这时全选-复制

在终端进入wordpress目录,这里以默认目录为例

  • # cd /data/wwwroot/default/wordpress/

然后用vi 创建wp-config.php

  • # vi wp-config.php

在vi 中,按字母i 进入编辑模式,复制进之前粘贴板中的内容

然后按ESC,然后输入:wq 保存退出

(6)再回到浏览器中,进入下一步,设置wordpress 用户名和密码

(7)安装成功,进行登录,进入wordpress后台

3、安装插件

(1)安装WP Editor.md,开启,即可使用markdown语法编辑文章

(2)安装WP-PostViews,开启,即可统计每篇文章的浏览数量

(3)安装Download Monitor,开启,即可用来在我的站点管理下载文件,监控下载以及输出下载链接和文件信息

4、网站详细构建

(1)去掉域名中的/wordpress 
使用putty登录服务器,进入网站根目录下的wordpress文件下,运行命令

  • # cp index.php ..
  • # cd ..
  • # vi index.php

require(dirname( __FILE__ ).'/wp-blog-header.php');

改为

require('./wordpress/wp-blog-header.php')

按ESC键,运行命令

  • # :wq

进入工具栏->设置->常规,去掉站点地址的/wordpress,即可完成去掉访问域名中的/wordpress

(2)选择喜欢的主题,进行安装,我选择了Blogghiamo 主题

(3)在工具栏->外观->自定义中,修改站点标题、副标题、图标

(4)在工具栏->外观->菜单中,创建页眉显示的菜单,并对每一项进行编辑

(5)在工具栏->外观->背景中,设置背景图像

(6)链接功能默认关闭,在工具栏->外观->编辑->functions.php的最下面添加代码开启,就可以添加友情链接了

add_filter('pre_option_link_manager_enabled','__return_true');

(7)在工具栏->外观->小工具中,拖拽选择会用到的小工具

(8)在工具栏->外观->编辑->footer.php中,添加作者、备案号

(9)设置首页只显示文章概要,在工具栏->外观->编辑->content.php中,加入代码

<?php if ( !is_single() ) : ?>
    <?php the_excerpt(); ?>
<?php else: ?>
    <?php the_content(_('(more...)')); ?>
<?php endif; ?>

如下图所示:

六、百度站长工具的使用

1、网站验证

(1)地址:http://zhanzhang.baidu.com/site/siteadd 
登录后,选择我的网站->站点管理,然后输入网站,选择站点属性,最后进行验证

(2)为了方便,我选择了第三种验证方式

具体解析如下图:

(3)解析完成后,回到站点管理界面,点击完成验证

(4)开始网站的收录,一般需要10天左右,百度收录网站后,可以通过在浏览器输入site:域名,查看是否成功收录

2、添加百度分享

(1)点击百度分享->免费获取代码,自定义分享的样式,然后获取代码

(2)在工具栏->外观->编辑->header.php的最下面,添加获取到的脚本代码

    <script>
    window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"0","bdPos":"right","bdTop":"130"},"image":{"viewList":["weixin","sqq","qzone","tqq","tsina","renren","fbook","tieba"],"viewText":"分享到:","viewSize":"24"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","sqq","qzone","tqq","tsina","renren","fbook","tieba"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>

3、添加百度统计

(1)点击百度统计,登录第一个百度统计-网站统计

(2)然后点击管理->新增网站

(3)完成后,点击获取代码,然后复制代码

(4)在工具栏->外观->编辑->footer.php的最下面,添加获取到的脚本代码

    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?eea9bc0fc306bb45322edda631d1285d";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>

(5)点击代码安装检查,如果提示代码安装正确,就证明成功了

(6)最后就可以在报告界面中,看到网站的统计信息,比如访问流量、来源等

分享给小伙伴们:
如果本文侵犯了您的权利, 请联系本网立即做出处理,谢谢。
当前位置:孙宇晨博客 > 技术 > 《搭建博客网站详细流程步骤转载请注明出处。
相关文章