Publii和GitHub:搭建个人网站的完美组合

news2024/11/15 12:57:30

在数字时代,拥有一个个人网站已经非常普遍了,但是,很多人因为技术难题而望而却步。现在,有了Publii,这一切都将变得简单。Publii是一个静态网站生成器,它允许你在本地计算机上创建和管理内容,然后将其发布到任何Web服务器。它不仅支持丰富的主题和插件,还能与GitHub无缝集成,让网站维护和版本控制变得轻而易举。在本文中,我将详细介绍如何结合使用GitHub和Publii,即使你不是技术专家,也能快速搭建和部署个人网站。继续阅读,开启你的网站建设之旅!

2964b5ca29f6c698fda86f37eeb7ecf5.jpeg

步骤一:安装和汉化Publii

首先访问Publii官网(https://getpublii.com/)下载安装包,Win、macOS和Linux都支持。安装完成后,打开应用后界面如下,需要先创建一个网站,设置网站名称和作者名称。

77c2ef31a8f4ac9a2a9471fffd7a6c0f.jpeg

点击“Create website”按钮后,进入应用主界面,如下图所示,由于是国外应用,整个界面是英文的。这个应用也支持安装语言包,接下来告诉大家如何进行汉化操作。

a429fef49f333c31ab9e6601adc5b030.jpeg

访问这个网页:https://github.com/GetPublii/Publii-ui-locales,下载中文语言包:zh-CN。

d127111a960a931548f688e80d37a6b3.png

然后点击主界面右上角三个点的设置图标,选择“Languages”选项。

f73d4d4d3c0a8fba9ef898625350c626.jpeg

在Languages页面上选择右上角的“Install language”按钮,在弹出的文件管理器中选择前面下载好的zh-CN的语言包文件,双击进行安装。

be899a5e6a33eae433bd7c48f98376ac.jpeg

语言包安装成功后,在界面上会显示“Chinese-Simplified”语言包,选择该语言包,界面上的英文就变为中文啦,至此汉化结束。

4ffd3e0dd0d3d26963674620160520a8.jpeg

步骤二:创建github存储仓库

参考之前的文章,在GitHub上创建一个以<用户名>.github.io命名的仓库,用于存储网站代码,注意设置为Public。

b6393cffd11662f1538528b608b0e5f7.jpeg

点击“Create repository”创建仓库,拷贝如下如所示的git文件的访问地址,后续在配置Publii时需要用到。

cdb577b2dcc85235b3a73a0989b24925.png

接下来创建一个token,并授予相关仓库repo权限,用于publii使用该token链接GitHub进行数据同步。

cb55c4cc57e68dcbc35a36e684ab1304.jpeg

步骤三:配置Publii

接下来我们回到Publii主界面,选择左下脚的“配置服务器”选项。

b88fee52bea8f07642732631cfd57468.jpeg

在服务器类型中选择“Git Repository”。

c8a7f7a8402d6c81be474b0345cb754f.jpeg

如下图所示进行相关字段设置,设置完成后记得点击“保存设置”进行保存,还可以点击“测试连接”来测试相关信息的正确性,是否有顺利连接到GitHub网站,这里提醒大家注意网络的连通性,你的网络环境需要能够正常访问GitHub网站。

  • 网址:和我们在GitHub上创建的仓库名是一致的
  • sync.repositoryUrl:这里填写上面复制的git文件的访问地址
  • 用户名:添加GitHub账号的邮箱地址
  • sync.gitPassword:填写在GitHub上面创建的token信息
  • sync.commitAuthor:GitHub账号的用户名称
  • sync.commitEmail:GitHub账号的邮箱地址

9845aca52ff16c4a40a40d89be3d82b3.jpeg

接下来你就可以在Publii上写文章啦,写完后还可以直接点击主界面左下角的“预览您的更改”在本地预览网页效果。

3fffca424e80ef9ef49928aed895ab50.jpeg

步骤四:安装网站主题

如果你对Publii自带的网站主题不满意,还可以手动安装主题。可以去Publii主题商店上下载主题:https://marketplace.getpublii.com/themes/,有免费的,也有收费的,对于我们个人用户来说,免费的已经够用了。

14abbe6b16e459372d53c48edcc331b0.jpeg

选择你喜欢的主题,在详情页点击“Download”下载主题文件到本地。

efb22bc707c93d19421aeb8a969ff942.jpeg

点击客户端主界面右上角的设置按钮,选择“主题”选项。

f3be0126ae5e2a5d03b3b2e071effbe2.jpeg

点击右上角的“安装主题”按钮,选择下载到本地的主题文件进行安装,安装完成后选择主题进行应用就可以啦。

a30d1119b198becbbc05c58ff98d8fbe.jpeg

步骤五:写文章并发布网站

在客户端本地写好文章,并对网站效果进行预览,一切OK后可以点击主界面左下角的“同步您的网站”按钮将数据同步到远程的GitHub仓库中,选择同步界面上的按钮进行同步。

a17ce8878aa706cf1a6b8a404652c0ec.jpeg

同步完成后的界面如下图所示。

ddcb4c42dcdb290878f563592cc2dea7.jpeg

同步完成后,你还可以去GitHub上查看仓库下的文件,都是Publii客户端本地生成的网页文件。

0c87658977d2c79c3e1eae80c09304bb.jpeg

稍等一小会儿,等待GitHub部署完成后,就可以使用GitHub仓库名作为网站域名来访问我们的个人网站啦,效果如下图所示。

290314cdd95e22bbde5b38898d56bd76.jpeg

至此,借助Publii和GitHub的力量,我们没有写一行代码就完成了网站搭建工作,非常高效和省心!如果你也心动了,就快快行动起来吧~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1500200.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

​项目文章 | METTL3敲减通过m6A-YTHDC2介导的AMIGO2调控抑制RA-FLS活化

类风湿性关节炎&#xff08;RA&#xff09;是一种自身免疫性关节疾病&#xff0c;其特征是慢性关节滑膜炎、滑膜增生过度和关节损伤。近年来&#xff0c;N6-甲基腺苷&#xff08;m6A&#xff09;修饰的RNA在癌症和自身免疫疾病&#xff08;包括RA&#xff09;中的调控作用受到广…

全球科技创新领域大检阅“2024上海国际智能科技及创新展览会”

随着科技的飞速发展&#xff0c;创新成为了推动社会进步的核心动力。在这样的背景下&#xff0c;“2024上海国际科技及创新展览会”应运而生&#xff0c;旨在汇聚全球智能科技领域的精英&#xff0c;共同展示最新的科技成果&#xff0c;探讨未来的发展方向。 本次展会将于2024年…

在人工智能领域,如何平衡技术进步和人类安全?

人工智能&#xff08;AI&#xff09;技术的迅速发展为人类社会带来了许多潜在益处&#xff0c;但同时也引发了一系列安全和伦理挑战。在这个领域&#xff0c;如何平衡技术进步与人类安全成为了至关重要的议题。本文将探讨在人工智能领域中平衡技术进步与人类安全的方法&#xf…

Java安全 CC链3分析

Java安全 CC链3分析 cc链3介绍前置知识类加载类加载的方法例1.forName例2.getSystemClassLoader总结 javassist模块 cc链3分析TemplatesImpl类demo2TrAXFilter类InstantiateTransformer类 最终exp基于LazyMap链基于TransformedMap链 cc链3介绍 cc链3的后半部分与cc链1相同&…

阿里云服务器怎么使用?3分钟搭建网站教程2024新版

使用阿里云服务器快速搭建网站教程&#xff0c;先为云服务器安装宝塔面板&#xff0c;然后在宝塔面板上新建站点&#xff0c;阿里云服务器网aliyunfuwuqi.com以搭建WordPress网站博客为例&#xff0c;来详细说下从阿里云服务器CPU内存配置选择、Web环境、域名解析到网站上线全流…

【梳理】k8s使用Operator搭建Flink集群

文章目录 架构图安装cert-manager依赖helm 安装operator运行集群实例k8s上的两种模式&#xff1a;Native和Standalone两种CRDemo1&#xff1a;Application 单任务Demo2&#xff1a;Session 多任务创建ingress 总结 架构图 参考&#xff1a;部署验证demo 安装cert-manager依赖 …

C# LINQ基础

LINQ基础 1. 入门2. 运算符流语法2.1 连续使用查询运算符2.2 使用Lambda表达式2.2.1 Lambda表达式及Func的方法签名2.2.2 Lambda表达式和元素类型2.2.3 自然排序2.2.4 其他查询运算符 3 查询表达式4 延迟执行4.1 重复执行4.2 捕获的变量4.3 延迟加载的工作原理4.4 查询语句的执…

ARM-v7 GCC 环境下的大小端转换实现

1.前言 什么是大小端转换&#xff1f;为什么叫大小端转换&#xff1f; Jonathan Swift的《格列佛游记》中记载&#xff0c;有两国因为剥鸡蛋的方式不同&#xff0c;即一国要求将熟鸡蛋的较大的一端&#xff08;大端&#xff0c;big endian&#xff09;敲碎然后剥壳&#xff0c;…

NLP_文本数据分析_3(代码示例)

目标 了解文本数据分析的作用.掌握常用的几种文本数据分析方法. 一、 文件数据分析介绍 文本数据分析的作用: 文本数据分析能够有效帮助我们理解数据语料, 快速检查出语料可能存在的问题, 并指导之后模型训练过程中一些超参数的选择. 常用的几种文本数据分析方法: 标签数量分…

【嵌入式——QT】Model/View

【嵌入式——QT】Model/View 基本原理数据模型视图组件代理Model/View结构的一些概念QFileSystemModelQStringListModelQStandardItemModel自定义代理 基本原理 GUI应用程序的一个很重要的功能是由用户在界面上编辑和修改数据&#xff0c;典型的如数据库应用程序&#xff0c;数…

leetcode刷题(javaScript)——字典哈希表相关场景题总结

在 JavaScript 刷题中&#xff0c;字典&#xff08;Dictionary&#xff09;和哈希表&#xff08;Hash Table&#xff09;通常用来存储键值对&#xff0c;提供快速的查找、插入和删除操作。它们在很多算法题目中都有广泛的应用&#xff0c;特别是在需要快速查找元素或统计元素出…

Unity插件之天气系统UniStorm

首先呢&#xff0c;它是一款强大的动态昼夜天气系统&#xff0c;能够以较快的帧速率创建AAA级动态生成的天气、照明和天空&#xff0c;并且具有300多个可定制的组件&#xff0c;允许用户创建任何可以想象的环境。 第一步&#xff1a;他需要两个物体Camera摄像机、Player播放器…

用于回归的概率模型

机器学习中的回归方法&#xff1a; 机器学习中的概率模型 机器学习&#xff5c;总结了11种非线性回归模型&#xff08;理论代码可视化&#xff09; 高斯过程回归&#xff1a; Gaussian Processes for Machine Learning GPML——Datasets and Code Gaussian Processes 学…

淘宝商品详情数据丨商品搬家丨商品采集丨商城建站

淘宝商品详情数据、商品搬家、商品采集以及商城建站都是电子商务领域的重要环节&#xff0c;它们共同构成了一个完整的在线销售体系。下面我将分别对这几个概念进行详细的解释。 请求示例&#xff0c;API接口接入Anzexi58 一、淘宝商品详情数据 淘宝商品详情数据指的是在淘宝…

react native封装ScrollView,实现(滑到底部)和(滑到顶部+手指继续向下滑)时拉取新数据

里面的tw是在react native中使用tailwind的第三方库 只求读者把样式看个大概&#xff0c;主要还是功能的实现 ScrollView的官方文档如下 https://reactnative.cn/docs/scrollview import tw from twrnc import { View, Text, ScrollView, RefreshControl } from react-native …

LED显示控制芯片SM5166PF:可消除LED显示屏拖影

在数字化时代的浪潮下&#xff0c;LED显示屏作为信息传播的重要媒介&#xff0c;其显示质量和效果日益受到人们的关注。尤其在商业广告、体育赛事、公共信息发布等领域&#xff0c;高清、流畅、稳定的显示效果显得尤为重要。然而&#xff0c;传统的LED显示屏在刷新率和显示效果…

金智维售前总监屈文浩,将出席“ISIG-RPA超级自动化产业发展峰会”

3月16日&#xff0c;第四届「ISIG中国产业智能大会」将在上海中庚聚龙酒店拉开序幕。本届大会由苏州市金融科技协会指导&#xff0c;企智未来科技&#xff08;RPA中国、AIGC开放社区、LowCode低码时代&#xff09;主办。大会旨在聚合每一位产业成员的力量&#xff0c;深入探索R…

在Linux以命令行方式(静默方式/非图形化方式)安装MATLAB(正版)

1.根据教程&#xff0c;下载windows版本matlab&#xff0c;打开图形化界面&#xff0c;选择linux版本的只下载不安装 2.获取安装文件夹 3.获取许可证 4.安装 &#xff08;1&#xff09;跳过引用文章的2.2章节 &#xff08;2&#xff09;本文的安装文件夹代替引用文章的解压IS…

使用Julia语言及R语言进行格拉布斯检验

在日常的计量检测工作中经常会处理各种数据&#xff0c;在处理数据之前会提前使用格拉布斯准则查看数据中是否存在异常值&#xff0c;如果存在异常值的话应该重新进行计量检测&#xff0c;没有异常值则对数据进行下一步操作。判断异常值常用的格拉布斯方法基于数据来自正态分布…

【leetcode热题】环形链表 II

难度&#xff1a; 中等通过率&#xff1a; 30.1%题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 题目描述 给定一个链表&#xff0c;返回链表开始入环的第一个节点。 如果链表无环&#xff0c;则返回 null。 为了表示给定链表中的环&#xff0c;我们使用整数…