2021-12-31  点击量: 144

WDJA博客版和GitHub Pages实现静态博客生成的方法

阿里云

WDJA博客版V2.2版集成了静态网站生成插件.可以生成指定域名的静态网站.把生成后的文件通过FTP或web方式上传到指定网站根目录,就可以直接打开.

有html主机空间,OSS存储,GitHub Pages,Gitee Pages等静态资源的,通过绑定自己的域名,就能实现本地写博客,直传上网,然后只需域名,不用购买服务器,实现免费的静态博客,因为是静态html的页面,所以也不会有被黑的风险,非常省心.

如果再结合cdn进行加速,静态博客的访问速度会更理想.

先看一下例子:

https://blog.blog.wdja.net/

WDJA博客版结合GitHub Pages实现

 

下面将通过教程的方式,让每个人都可以搭建自己的静态博客.

首先准备一些资源:

1.本地PHP环境(必选)

推荐Wint系统中的PHPTS和PHPstudy集成环境

如果是其它系统,也可以自行选择.

本教程以PHPTS为例子.

2.注册一个GitHub账号(可选)

如果是用其它空间来放置也可以.

2.1下载安装GitHub Desktop

参考:https://www.menglei.net/4539/

3.域名(可选)

自己注册一个域名

GitHub账号有对应的二级域名也可以拿来使用.

 

具体搭建流程:

A.首先来搭建本地站(如果会搭建的可以跳过,直接查看第二步B)

1.下载安装phpts

https://www.phpts.com/

安装

默认是安装到二个盘(通常是D盘)里的

2.下载wdja博客版V2.3

下载网址:http://www.wdja.net/download/?type=detail&id=7

3.打开phpts创建网站

打开nginx

在虚拟主机管理中新建主机,需要执行4步

3.1.域名填写

这里使用myblog.hosts.run

说明:hosts.run是phpts提供的测试域名,默认是解析*.hosts.run指向127.0.1.1,所以在当前电脑联网时,使用myblog.hosts.run会指定当前我们创建的网站.

3.2.端口

默认只保留80即可

3.3.主机目录

在目录D:/phpts/data/wwwroot/后面添加以当前域名命名的文件夹myblog.hosts.run或者myblog(这里是用来好区分)

最后目录全路径为 D:/phpts/data/wwwroot/myblog.hosts.run

3.4.保存当前配置

 

然后会弹出保存成功提示,并要求启动/重启nginx,点击确定后,再点击启动/重启nginx按钮,进行启动/重启nginx,使新添加的网站配置生效.

说明:启动nginx会同步启动php

4.创建数据库

4.1启动mysql

前面我们启动了nginx和php,这里再启动mysql

 

如果点击mysql会弹出管理面板,点击启动按钮即可启动mysql

4.2创建数据库

 

 

在mysql管理面板中,点击Web客户端,我们使用phpmyadmin来管理数据库,点击后会打开http://phpmyadmin.hosts.run:1588/

如图,输入默认的登录信息,点击执行,即可登录进行管理

登录后,选择账户,点击新增用户账户

创建新用户

登录信息

用户名和密码全部用myblog

下面勾选 创建与用户同名的数据库并授予所有权限。

这样我们同时可以创建myblog数据库,并用myblog来管理.

5.安装wdja博客版程序

5.1打开D:\phpts\data\wwwroot

我们创建myblog.hosts.run文件夹(前面nginx创建网站不会自动创建文件夹)

打开myblog.hosts.run,我们把下载的WDJA_BLOG2.2.zip解压到里面.(看图中的方式)

5.2安装wdja

浏览器打开网址:

http://myblog.hosts.run/

按步骤安装

其中数据库配置按我们前面创建的填写

安装成功后,会自动跳转到后台登录

http://myblog.hosts.run/admin/

填写安装时设置的账号密码,我们就可以登录后台了.

至此,我们安装好的本地wdja博客站.

 

B.Github pages的创建

1.注册好Github账号后,我们来创建一个项目

右上角+号创建项目

2.在项目创建填写中

项目名称用后面要绑定的域名

介绍可以自行填写

公开状态

添加一个说明文件

然后点击创建项目

3.项目设置Github pages

选择主分支main

因为我们是直接用来作为静态站使用,所以直接用main主分支即可

4.详细设置

选择root路径,保存(要先保存,下面的自定义域名才会可用)

填写要使用的域名,然后保存

域名解析使用别名解析,解析到youname.github.io(这个是你实际显示的,图中最后的一个框)

解析成功后,就可以勾选启用https了.

至此github pages就配置完成了.

C.本地静态站后台配置和github desktop上传生成的静态站

1.本地通过github desktop管理github项目

项目页点击code菜单,使用github desktop打开项目

弹出窗口选择打开

本地路径选择在本地网站根目录

点击Clone即可在本地拉取github项目

 

2.登录本地静态站后台进行配置

http://myblog.hosts.run/

本地站后台配置重点

先在配置管理中设置URL模式,再清除程序缓存,最后配置静态生成插件中的设置

2.1配置管理->全局配置->链接模式1

2.2清除缓存

2.3在全站配置->核心配置中设置网站模板,htm为默认内置的静态模板

2.4静态网站插件配置

网站URL为github中配置的pages页面自定义URL(如果是用主机或OSS等静态资源搭建,此处的网站URL则为绑定的域名).

存储目录为github项目保存在当前网站根目录下的文件夹名

其它项保持默认即可.

2.5生成静态网站文件

后台自行添加内容,完成后,点击生成HTML即可.

2.6最后在github desktop中保存更改,然后推送到github即可.

然后打开自定义的域名,就是我们的静态网站了.

后续只需要本地站添加更新内容,然后生成,再推送一下就可以进行更新静态站了.

以上是使用github pages来搭建静态博客.

如果有主机或服务器,或者oss等静态站资源,也可以搭建.

只需要上传文件夹D:\phpts\data\wwwroot\myblog.hosts.run中的文件到对应的主机目录即可.

新版的已集成自动上传到OSS功能,可以后台配置,实际一键上传.

 

如果有兴趣搭建静态博客,自己不会的,可以联系我QQ925474725来协助(会收取费用).

评论已关闭!