使用Publii+Github可视化搭建纯静态网站

本站之前是在云服务器上基于WordPress搭建的,因为这种个人博客类型的网站基本上都是没收入的,服务器续费也是一笔花费,正好发现了Publii这个可以可视化搭建静态博客网站的工具,使用这种纯静态网站的方案维持网站运行非常的节约成本

首先介绍一下思路,先使用Publii把网站在本地搭建好,然后在github上创建仓库并通过Publii连接后上传到仓库,托管你可以选择就用github的page托管,但是我更推荐使用cloudflare page或者腾讯的Edgeone pages,因为这两种托管节点更多,访问体验更好,没备案就用cloudflare,如果备案就用腾讯的edgeone,这两种托管方式都是免费的,托管后绑定自己的域名就可以使用了,部署完后你只需要在本地用Publii管理网站内容,本地变更后点击同步到网站即可更新网站内容

安装Publii

Publii是核心,以往搭建静态博客都是用Jekyll或者Hexo这类工具,需要自己配置环境使用命令对新手非常不友好,Publii直接以软件的形式让你能够可视化搭建网站,如果之前是用的wordpress还可以直接无痛迁移到Publii,非常的方便

下载地址:https://getpublii.com/download/主流的操作系统都支持

安装后,系统默认会让你你创建第一个网站,把名称描述填了就进入主界面了

安装中文包

Publii默认是英文,中文包需要自己下载安装,点击右上角三个点就能看到语言language

打开语言界面后点击获取更多语言

然后会跳转到https://github.com/GetPublii/Publii-ui-locales 点击表格中的zh-CN并下载到本地,然后到语言界面点击安装语言按钮把下载好的语言包安装好Publii就变成中文了

怎么搭建博客我就不赘述了,都是可视化界面自己琢磨琢磨就弄出来了

Github仓库连接

Github官网:github.com 有些运营商或者地区有可能打不开,这个就得自己想办法了

创建仓库

登录github账号进入主页创建一个仓库,名字随便填,可见性设置为Public,然后点击创建按钮即可

创建之后你会得到一个Git地址,格式为https://github.com/用户名/仓库名.git,需要复制保存好后续使用

获取token令牌

获取GitHub的访问令牌是关键,在GitHub的账号设置中,依次进入SettingsDeveloper settingsPersonal access tokensTokens (classic)以获取令牌。在生成新令牌时,需要为Note字段输入一个名称,设置无有效期限制,并勾选仓库的全部权限,如下图(我这是已经创建过的所以页面不一样)

token令牌必须要保存好,后需要填入Publii的服务器设置里

Publii配置服务器

服务器类型选择Git网址就填你自己的域名,存储库url填上面在github获取到的git地址,分支填为main,用户名为github的用户名,密码令牌就是在github生成的token令牌,提交作者和邮箱随便填,填完后保存即可

配置完之后你的Publli就已经可以连接上你的github仓库了,更新网站内容后点击左下角的同步按钮即可把最新的网站内容同步到仓库了

Cloudflare pages托管

域名未备案的适合在cloudflare托管,因为是纯静态网站的原因,所以即使用cf托管,在国内访问速度依然很快

打开cloudflare后台,没账号的自己注册,官网:www.cloudflare.com,左边点击Workers和Pages按钮,然后点击右上角的创建应用程序按钮后点击Continue with GitHub按钮,然后会跳出github授权页面点击授权即可

授权之后点击下方想要部署Pages?这里的开始使用按钮,然后点击导入现有的git存储库,然后选择你的仓库然后直接点击开始设置,然后直接点击保存部署就会自动部署了

绑定域名

部署完之后cf会自动分配一个域名,如果我们想要绑定自己的域名就可以在自定义域名这里配置自己的域名

绑定域名的前提是你的域名需要托管到cloudflare,配置完之后,你就可以通过你的域名访问自己的网站了,也不需要担心ssl证书的问题,它会自己分配免费证书,到这里网站就算搭建成功了

Edgeone Pages托管

这是腾讯的也网页托管业务,同样是免费的,适合托管域名已经备案的网站,备案的域名可以用国内的节点,这样国内国外的访问速度都非常快,步骤跟cloudflarepages的步骤是一样的,edgeone更简单,也是点击连接github仓库,然后选择仓库点击部署就好了,部署好如下图

绑定域名

点击项目设置,然后右边点击添加自定义域名填入自己的域名即可

至此使用edgeone托管的网站就也搭建好了,edgeone同样也有免费的证书自动续订无需操心

注意事项

Publii默认是没有搜索功能的,如果文章内容多需要搜索功能需要安装搜索插件,没有搜索插件如果把search功能开启的话点击搜索按钮会一片空白,坑比的是官方的搜索插件是收费的,还好也有免费的插件,分别是Google Custom SearchDocSearch,本站使用的是后者,安装插件和主题都是到官方下载

有一个不需要下载插件的方法,先在DocSearch官网创建一个程序,这是官网dashboard.algolia.com

首先确保你的网站已经能够公网访问,创建程序时爬虫会自动爬取网站的数据,创建成功后给给你两段代码,第一段是js脚本和css样式表的代码,第二段是搜索框的代码,在Publii打开自定义HTML功能,然后把第一段代码复制到head的框里,第二段代码放入名为搜索的框中里,保存之后网站就集成搜索功能了

还有一个容易踩的坑就是主题设置里的文章摘录数字要填小些,设置为2刚刚好,默认情况下首页的文章摘录会很长非常影响阅读体验

总结

这个纯静态网站部署方案非常好用,除了域名的费用就再无其它费用,我已经将自己全部网站都使用这个方案来部署了,要说唯一的缺点可能就是它功能没有那么多,不过纯静态网站本身就适合需求简单的人,用来做个人网站或者企业展示站是非常不错的

This article was updated on 二月 26, 2026