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

这篇具有很好参考价值的文章主要介绍了Publii和GitHub:搭建个人网站的完美组合。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

步骤一:安装和汉化Publii

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

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

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

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

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

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

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

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

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

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

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

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

步骤二:创建github存储仓库

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

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

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

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

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

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

步骤三:配置Publii

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

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

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

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

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

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

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

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

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

步骤四:安装网站主题

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

至此,借助Publii和GitHub的力量,我们没有写一行代码就完成了网站搭建工作,非常高效和省心!如果你也心动了,就快快行动起来吧~文章来源地址https://www.toymoban.com/news/detail-841570.html

到了这里,关于Publii和GitHub:搭建个人网站的完美组合的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 零基础!手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    零基础!手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    目录 介绍 VuePress2 pnpm 搭建 安装 Node.js 安装 pnpm 安装 VuePress step 1:创建文件夹并进入该目录 ​编辑 step 2:初始化项目 step 3:安装VuePress step 4:在 package.json 中修改 scripts step 5:创建目录和配置文件 step 6:将默认的临时目录和缓存目录添加到 .gitignore 文件中 step 7:启动服务

    2024年03月13日
    浏览(15)
  • github.io创建个人网站

    github.io创建个人网站

    github.io介绍 github.io 是 GitHub 提供的免费 Pages服务,不需要购买云服务器和域名,就可以将自己的项目、博客在互联网上进行共享。 使用步骤 新建仓库 创建一个新的仓库,仓库名设置为如下格式:账户名 .github.io 添加文件 创建后,提示你导入项目,或者创建文件。

    2024年02月09日
    浏览(13)
  • 利用Github实现(多个)个人网站

    利用Github实现(多个)个人网站

    创建仓库 命名一定要是 username.github.io 这种形式username就是自己github账号的用户名。因为我已经有这个仓库,所以这里的报错可以忽略。 往仓库放入静态html文件 命名为 index.html ,随便放点内容。 在设置里面开启github page 这里可以选择分支和默认访问的文件夹 访问 每次更新

    2024年02月04日
    浏览(9)
  • 如何利用GitHub发布个人网站

    如何利用GitHub发布个人网站

    进入github,点击Create repository创建一个仓库 建立自己的仓库 点击uploading an existing file上传一个已有文件,或将文件拖动进入 点击commit changes上传 点击settings 选择左侧pages菜单,source中选择分支选择main,点击save 刷新一下将出现你的静态访问地址(需要等待几分钟)

    2024年02月11日
    浏览(17)
  • hexo + github 创建个人博客网站

    hexo + github 创建个人博客网站

    nodejs 和 npm git hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署 安装hexo npm install hexo-cli -g 创建项目 hexo init 本地预览 hexo s 新建仓库 创建一个名为[用户名].github.io的仓库 下载自动部署插件 npm install hexo-deployer-git --save 修改hexo的配置文件 _config.yml 在deplay中添

    2024年02月05日
    浏览(11)
  • 基于github制作个人学术网站(主页)

    基于github制作个人学术网站(主页)

    首先找到一个学术模板,fork到远程仓库。academicpages,如果不是很清楚具体的步骤,可以参考保姆级教程。在github上对该网站代码修改不是很方便,肯定是在本地进行更新后push到远程仓库。 学会下载和安装就行,一路默认,可以先学习一下Git相关的原理及基础操作,可以参考

    2024年02月15日
    浏览(51)
  • 使用VitePress创建个人网站并部署到GitHub

    使用VitePress创建个人网站并部署到GitHub

    网站在线预览 参考文档: VitePress 克隆远程仓库到本地 进入 front-end-notes/ 目录,添加 README.md 并建立分支跟踪 推荐使用 pnpm : 安装 vitepress : 使用脚手架初始化文档项目 启动项目,查看网站 初始化 package.json 文件,填写相关信息 完整 package.json 文件如下: 首页配置参考文档

    2024年02月08日
    浏览(18)
  • 六步快速搭建个人网站

    目录 第一步、选择搭建平台WordPress 第二步、选域名 1)域名在哪买? 2)域名怎么选? 3)以阿里云为例,讲解怎么买域名 第三步、选择服务器 第四步、申请主机、安装WordPress 第五步、选择WordPress模板 1. Blocksy(免费) 2. Astra(免费) 3. Kadence(免费) 第六步、安装WordPres

    2024年02月08日
    浏览(15)
  • 学生使用腾讯云搭建个人网站

    学生使用腾讯云搭建个人网站

    本篇文章作者手把手带你从服务器的选购到搭建成功一个ip网站的成功访问。 准备好了吗,发车了。 咱们的第一步就是 搞到一个服务器 文章所使用的是2核2g4M得服务器 搭建服务器是够够滴 https://cloud.tencent.com/act/cps/redirect?redirect=2446cps_key=f0552e9eadafced33d3c20de84094b4bfrom=console 优

    2024年02月11日
    浏览(16)
  • wordpress我的个人网站搭建

    wordpress我的个人网站搭建

    WordPress是一个功能强大且易于使用的网站管理平台。它是基于PHP和MySQL构建的,可以在各种不同的主机上运行。 需求 最低版本要求 PHP 7.4 或更高版本 MySQL 5.6 或更高版本 Web服务器 任意(如:Apache、Nginx) 存储空间 足够存储数据的空间 带宽 足够的数据传输带宽 内存 至少51

    2024年02月15日
    浏览(16)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包