Wordpress 静态化部署到Github Page

1. WordPress 本地搭建

本地搭建WordPress 还是比较容易的,如果Windown 可以用Wamp 或者 LNMP 等一键工具自动搭建。
如果是Mac, 我通常是本地用 MAMP Pro自动化搭建。

要注意的事:

  • 本地mysql 服务器先要创建数据库
  • PHP版本选 7.2+
  • 如果需要重新安装wp 只需要,删除 wp目录下的:wp-config.php 文件: 参考: 重装WordPress
    1. MAMAP pro 默认 mysql 账号,密码是 root root

2. WordPress 主题应用,网站内容建设

通常需要需要使用现成的一些主题来应用, wp 后台自动很多主题,但都不是太好看。

常用的主题:

  • 搜索官方商店:company 底下有很多精美的,比如: Neve,该主题自动 ThemeData 可以一键导入现成的页面模板,可以快速进入页面
  • Agencyup,
  • 更精美的可以 从 https://themeforest.net/ 很多都需要钱
  • 国内的主题很多留了后门,需要小心。

主题应用后,通常还需要使用 Elements 这类的 Page Builder 工具 创建产品页面,关于等。Elements基础班只提供一些通用控件,需要自由组合。

wp 后台提供了多种 导入 和导出功能。 可以方便备份数据。

3. WordPress 静态化插件

参考:WordPress 静态化部署到云开发网站托管

我是直接搜索 插件市场 :static, 直接下载插件

  • Simply Static,下载量最高,使用也比较方便
    缺点是:不支持文章url 中文名,可以再设置-固定链接那边改为 通用的名字

4. Github Page 设置

Github Page 是 github提供的免费静态网站托管。 官方文档写的很清楚,可以创建两种的网站:

  • user: 用户同名的 name.github.io 的站点
  • Project。域名是: name.gitbhu.io/projectName 的站点

具体可以看官网, 一步步跟下去。

5. Pages 自定义域名:

上面两种网站 都可以自定义域名。

  1. 需要去 DNS提供商配置CNAME.
  2. 对应Project下的设置中绑定域名:
  3. 在这里插入图片描述
    在这里插入图片描述

WordPress 克隆 clone

使用 clone 搜索官方市场,试了几个插件

  1. WPvivid Backup Plugin
    提供了 手动upload 选取备份包。

  2. Duplicator
    不建议用,需要手动FTP上传到空间

  3. WP Clone
    恢复只能从 URL地址,复制过来,因此如果是本地是后需要把 备份包复制到 网盘中。但是 通常压缩包50M多 国内的网盘限制 导致 恢复这部比较麻烦。 如果是网站已经运行,那么比较方便。可以直接拷贝

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
### 回答1: 为了把静态网页部署GitHub 上,你需要以下步骤: 1. 创建一个新的 GitHub 仓库,或者找一个已有的仓库。 2. 在本地的电脑上使用 Git 命令初始仓库。 3. 将你的静态网页文件添加到仓库中。 4. 使用 Git 命令将这些文件提交到仓库。 5. 将仓库同步到 GitHub 上。 这样你就可以在 GitHub 上查看和访问你的静态网页了。 ### 回答2: 要将静态网页部署GitHub上,可以按照以下步骤进行操作: 1. 创建GitHub账户并登录。如果没有账户,可以在GitHub官网上进行注册。 2. 在GitHub上创建一个新的仓库。点击页面右上角的“+”按钮,选择“New Repository”。 3. 在仓库名称一栏中输入一个适合的名称,例如“my-website”。确保仓库为公开状态,并勾选“Initialize this repository with a README”。 4. 将静态网页的文件夹上传至GitHub仓库。可以使用Git命令行工具或者GitHub Desktop等工具来操作。 5. 打开需要部署静态网页文件夹,确保其中包含一个名为“index.html”的主页文件。 6. 在GitHub仓库页面中,点击上方导航栏的“Settings”选项。 7. 在“GitHub Pages”部分,将“Source”设置为“main”分支,并点击保存。 8. 等待片刻后,会在同一页面的“GitHub Pages”部分看到一个网址链接,表示网页已经成功部署。可以通过点击链接访问部署后的静态网页。 总结: 将静态网页部署GitHub上需要先创建一个仓库,然后将网页文件夹上传至仓库中,并确保主页文件命名为“index.html”。最后,在仓库的“Settings”中将“Source”设置为“main”分支,即可通过部署后的网址链接访问到静态网页。 ### 回答3: 要将静态网页部署GitHub上,需要完成以下步骤: 1. 创建GitHub仓库:登录GitHub,点击左上角的“+”号,选择“New Repository”创建一个新的仓库。 2. 命名仓库并设置可见性:输入仓库名称,并选择仓库的可见性设置,可以选择公开或私有。 3. 克隆仓库到本地:在本地的终端或命令行中使用以下命令克隆仓库到本地: ``` git clone <GitHub仓库地址> ``` 4. 创建并切换到gh-pages分支:在本地仓库的根目录下,输入以下命令创建并切换到gh-pages分支: ``` git checkout -b gh-pages ``` 5. 将静态网页文件复制到本地仓库:将静态网页的HTML、CSS、JavaScript等文件复制到本地仓库的根目录下。 6. 提交更改并推送到GitHub仓库: ``` git add . git commit -m "Add static webpage files" git push origin gh-pages ``` 7. 等待推送完成后,在GitHub仓库的页面上刷新,就能看到静态网页的文件列表。 8. 访问部署静态网页:点击GitHub仓库页面上的“Settings”,在“GitHub Pages”部分,找到“Your site is published at”后面的链接,点击即可访问部署静态网页。 通过以上步骤,可以将静态网页成功部署GitHub上,从而实现在线访问和分享。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值