django

wordpress+xampp+阿里云建站过程(超级详细)

2017-12-31  本文已影响162人  东东丶酱
一直再简书上面写一些东西,时不时的也会想拥有自己的博客对于只学习了一点前端的小白来说,想自己搭建一个很难,但是看网上有wordpress建站的东西,所以也就想自己尝试一下来搭建一个属于自己的博客,正好也只2017最后一天,为2018开一个好头。效果图戳这里——>东东个人博客.你可以一句代码都不懂,只需要按照步骤一步一步即可(毕竟坑已经被前辈踩差不多了,我也踩着过来的)。废话不多说。直接来看步骤吧。

下面我们来介绍服务器端搭建个人博客详细过程(此处使用本地下载之后再进行上传操作)

  1. 需要远程连接服务器的程序xshell,等,(需要远程连接服务器,如果不知道,点击下面的下载并安装即可)如果电脑上已经安装类似的软件那就再好不过了,如果没有下载,点击此处下载xshell5
  2. 如果在本地下载了wordpress和xampp的小伙伴,就需要远程文件传输工具xftp工具,一款远程传输文件的点击此处下载
(一)首先需要安装我们的xshell和xftp
xshell,xftp.png
打开xshell,如图: image.png

点击新建,填入自己的公网ip,协议选择ssh即可,新建会话是自己命名的便于记忆的名字点击确定


image.png

点击之后会弹出如下框:点击确定会提示输入用户名和密码:(用户名默认是root,密码是自己设置的服务器密码)


image.png
image.png

点击确定即可连接成功:(如下图所示,表示连接成功)


image.png 。

(二)完成远程连接,此时我们点击xftp,如图所示位置(前提是安装了xftp程序)

image.png

点击完成会弹出xftp框(里面内容初始为空,我的里面已经放了一个文件(没有用的文件),看见的小伙伴可以自动忽略。)


image.png

(三)安装xampp,将开始准备好的xampp包文件直接拖进服务器根目录(如果前面小伙伴忘了下载,还可以在xshell中这里使用命令

wget https://www.apachefriends.org/xampp-files/7.2.0/xampp-linux-x64-7.2.0-0-installer.run

即可下载服务器当前目录;)

拖过去完成后(或下载完成后)可以看到如下图所示:多了一个.run文件,这就是我们需要的文件


image.png
安装xampp:
(1)首先查看刚才准备好的xampp,
image.png
(2)修改权限:(代码不需要理解复制粘贴即可,一条一条复制
   chmod 755 xampp-linux-x64-7.2.0-0-installer.run
   ./xampp-linux-x64-7.2.0-0-installer.run

一路y下去即可完成安装;

(3)启动。安装完毕之后,并没有运行,我们需要手动启动xampp服务,也就是启动apache,ftp和mysql这些服务器。使用命令
/opt/lampp/lampp start

此时,lampp组件就成功启动了,但它并不是每次随系统启动
输入以下命令:

 ln -s /opt/lampp/lampp /etc/rc.d/rc3.d/S99lampp
 ln -s /opt/lampp/lampp /etc/rc.d/rc4.d/S99lampp
 ln -s /opt/lampp/lampp /etc/rc.d/rc5.d/S99lampp

这样,就随系统启动了!

(4)环境安装完了,但是MySQL的密码是多少,ftp的账号密码也是多少?我们不知道,这个默认为空,还需要我们自己设置。【要先在文本上面写好先在复制安全点,不然密码设置成什么自己都不记得了】输入命令
 sudo /opt/lampp/lampp security

1、先输入xampp控制面板的密码(用户名是xampp);

2、输入phpmyadmin的密码(用户名是pma)

3、输入mysql的密码(用户名是root)

4、输入ftp密码(用户名是daemon,默认端口21)

6、在浏览器输入服务器的ip访问看一下成功了没有?

由于服务器设置了xampp不允许远程访问,所以远程不能访问需要修改conf文件

vim /opt/lampp/etc/extra/httpd-xampp.conf

将 Require local 改成 Require all granted

image

重启xampp:

/opt/lampp/lampp restart

到此xampp安装完成
此时在地址栏输入公网ip查看如图所示即为安装成功


image.png

(四)配置mysql数据库

点击如图所示进入pymyadmin:(开始是没有密码但没有新建的权限,反正我是这样)

image.png
之后点击新建:
image.png
新建一个自己博客的数据库我们起名blog
如果你和我一样,第一次准备新建的时候没有权限,那就需要修改一下配置文件了
 vi opt/lampp/phpmyadmin/config.inc.php

找到其中的cookie,将他改为http.修改是按键盘的i进入编辑模式,修改完成后按esc,然后按:wq保存并退出。回车即可。

image.png
image.png

(五)安装wordpress

image.png
<?php
/**
 * WordPress基础配置文件。
 *
 * 这个文件被安装程序用于自动生成wp-config.php配置文件,
 * 您可以不使用网站,您需要手动复制这个文件,
 * 并重命名为“wp-config.php”,然后填入相关信息。
 *
 * 本文件包含以下配置选项:
 *
 * * MySQL设置
 * * 密钥
 * * 数据库表名前缀
 * * ABSPATH
 *
 * @link https://codex.wordpress.org/zh-cn:%E7%BC%96%E8%BE%91_wp-config.php
 *
 * @package WordPress
 */

// ** MySQL 设置 - 具体信息来自您正在使用的主机 ** //
/** WordPress数据库的名称 */
define('DB_NAME', 'blog');

/** MySQL数据库用户名 */
define('DB_USER', 'root');

/** MySQL数据库密码 */
define('DB_PASSWORD', 'cdd654301.,');

/** MySQL主机 */
define('DB_HOST', 'localhost');

/** 创建数据表时默认的文字编码 */
define('DB_CHARSET', 'utf8mb4');

/** 数据库整理类型。如不确定请勿更改 */
define('DB_COLLATE', '');

/**#@+
 * 身份认证密钥与盐。
 *
 * 修改为任意独一无二的字串!
 * 或者直接访问{@link https://api.wordpress.org/secret-key/1.1/salt/
 * WordPress.org密钥生成服务}
 * 任何修改都会导致所有cookies失效,所有用户将必须重新登录。
 *
 * @since 2.6.0
 */
define('AUTH_KEY',         '-b15UDK1G6t-3!N]ab_sKt#6[hR_y|-jbq%*E~P|q,[b 1e@Ub+8O)m/hyvaa g.');
define('SECURE_AUTH_KEY',  'TD~MIMb+OB?m4Spc#y #`4,zM/fZp,.-DOkvAgT3UF+OM{ceCp&DVGYkAPN8l3(W');
define('LOGGED_IN_KEY',    '%4Huj ;O=}v$Dr_Zu{/NDPZ:uEq;U<1}GrVmIu;-%b7^$)Zvlzg-@f2000y]d_4%');
define('NONCE_KEY',        ',zgxlew?_3JRPa8Q|s5PM;nM_%$RsI<4.]BA$1DVmF6N --GJ;YQIo%SAeUu)$x4');
define('AUTH_SALT',        'vU.J><]h9Xb<m#hf-/:n}gV1h[jwpwj$!29pt(<JvA}x6!wfVf8[tBUZ:(CiO Lg');
define('SECURE_AUTH_SALT', 'e%:.d8QcyHj-OnHOy-fOpLu.QLihB-WK(xy R^o.zkAtOIOuwOD#(].0115xB{w5');
define('LOGGED_IN_SALT',   '~).DJ(N9 Vg;SQq6z(=_? :cFg0y2~_O*A^(e{.[}X,GPWxU[pR&WY%@QT!&OKW7');
define('NONCE_SALT',       ').y70i<,T*M*^fX&.{TXyGJd?qoJ9a3`v+ &Lh`x[qeOi})+k(Q+;_{[bk*GNO,L');

/**#@-*/

/**
 * WordPress数据表前缀。
 *
 * 如果您有在同一数据库内安装多个WordPress的需求,请为每个WordPress设置
 * 不同的数据表前缀。前缀名只能为数字、字母加下划线。
 */
$table_prefix  = 'wp_';

/**
 * 开发者专用:WordPress调试模式。
 *
 * 将这个值改为true,WordPress将显示所有用于开发的提示。
 * 强烈建议插件开发者在开发环境中启用WP_DEBUG。
 *
 * 要获取其他能用于调试的信息,请访问Codex。
 *
 * @link https://codex.wordpress.org/Debugging_in_WordPress
 */
define('WP_DEBUG', false);

/**
 * zh_CN本地化设置:启用ICP备案号显示
 *
 * 可在设置→常规中修改。
 * 如需禁用,请移除或注释掉本行。
 */
define('WP_ZH_CN_ICP_NUM', true);

/* 好了!请不要再继续编辑。请保存本文件。使用愉快! */

/** WordPress目录的绝对路径。 */
if ( !defined('ABSPATH') )
    define('ABSPATH', dirname(__FILE__) . '/');

/** 设置WordPress变量和包含文件。 */
require_once(ABSPATH . 'wp-settings.php');

(六)此时我们可以通过控制台自定义我们的主题,文章等等,(这里还有一个问题,就是写入文章点击文章详细页出错)

解决办法:如图点击


固定链接

我的默认选择的是固定连接,选择朴素即可,此时我们的文章点击详情即可出现。


image.png

(七)wordpress主题的更换,

到这一步大家是不是都已经安装了自己的博客呢,更换主题可以使用他自己的,点击外观主题


wordpress本身自带几款主题,没有这么多,需要自己去下载,或者添加,推荐几个下载主题的地方
爱找主题主题猫模版之家.还有就需要自己找或者大佬的话可以自己开发主题~
上一篇下一篇

猜你喜欢

热点阅读