效果预览:https://example.com/previews/index.html
准备:
1. Windows电脑。
2. Git账号使用WordPress框架搭建门户网站必备(1)Git:https://git-scm.com/
参考网址:GitHub安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html
安装SSH Key连接GitHub的教程:http://anfengge.com/sing-ssh-key-link-githb-photo-tor.html
(2)Node.js:https://nodejs.org/en/
安装过程:
(1)Node安装:按照安装过程依次点击即可,安装过程很简单。
(2)安装Git:按照网上的安装方式进行安装就可以了。
--------------------------------~
检测Node安装是否成功:
- node -v(返回版本号)
- npm -v(返回版本号)
--------------------------------~
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
- npm install -g cnpm --registry=https://registry.npm.taobao.org
建立一个仓库(repository)(例:examplewebsite.com)
在门户网站目录下安装WordPress部署插件:
- cnpm install --save wp-cli
--------------------------------~
找到门户网站文件中的wp-config.php文件,使用编译器打开,建议使用Visual Studio Code打开(注:Visual Studio Code的好处:1. 支持的语言种类多;2. 视图简洁;3. 拥有插件种类多)
找到这部分代码:
<?php
define('DB_NAME', 'examplewebsite');
// 在这里填上你的数据库用户名和密码
define('DB_USER', 'USERNAME');
define('DB_PASSWORD', 'YOURPASSWORD');
/* 数据库主机地址 */
define('DB_HOST', 'localhost');
/* 开启自动加载,避免每次写脚本都要include或require文件 */
spl_autoload_register();
“`
对这段代码进行更改:
– type一个名字,建议写成wp方便识别。
– repository数据库连接标识:将刚刚新建的GitHub仓库中的数据库名称复制到这里就可以了。
– branch分支这里设置管理员root,更改后进行保存。
——————————–~
在WP命令行输入 `wp core install` 将本地文件部署到GitHub中新建的仓库中(注:你需要先到GitHub网站的Settings中进行Git配置才能使用这个命令)
然后通过访问 https://examplewebsite.com 可以访问部署到GitHub上的门户网站了
——————————–~
进一步深化操作过程(更换门户网站主题)这里以Twenty Twenty为一例进行更换:
– 首先下载默认Theme Twenty Twenty
– 在WP命令行输入 `wp theme install twentytwenty –activate` 实现主题的更改
——————————–~
hexoclean 清除数据库之类
hexog 生成静态网站
hexod 将现在的文件部署到GitHub中这样就实现了主题的更改
“`