之前Pages搭建个人博客的模板和模板选型-Ruby生态
纯情博客为您提供最新网络安全黑客博客信息资讯
目录
一、简介
之前用 Pages 建过博客,但是断断续续在国内访问过。。。
后来发现国内的 Gitee 也提供了 Pages 功能,于是决定把之前的博客搬到 Gitee Pages 上。
本文主要记录如何使用 Gitee Pages 搭建个人博客。
刚开始在网上搭建博客时候,出于简单的考虑,并没有直接去钻研其他小伙伴已经搭建好的博客站点,只要能用就行。
以前的个人博客:
所以这次又搬了博客 chatgpt 网络培训脚本插件,决定选一个自己喜欢的风格,于是做了这篇文章记录下来。
建立博客纯粹是个人兴趣。 我一般都是在 CSDN 上写技术的东西,但是我觉得有自己的博客很酷。
这样使用 Pages 可以直接使用或者 Gitee 的服务器和网络,免嫖 ...
也可以在博客中集成类似于在线 PPT 的功能进行演示,
你也可以在博客上写你喜欢的东西……
我最新的 Gitee Pages 博客:
2. 博客模板选择-
目前 Gitee Pages 支持使用 Hugo 和 Hexo 编译静态资源。
、Hugo、Hexo 是博客形式的简单静态站点生产机器。 它有一个模板目录,其中包含原始文本格式的文档,并将其转换为一个完整的可发布静态网站,您可以在任何您喜欢的服务器上发布该网站。 、Hugo、Hexo 也可以运行在 Gitee Pages 上,也就是说,你可以使用 Gitee 的服务来搭建你的仓库页面、博客或者网站,而且是完全免费的。
(Ruby 生态)使用文档:
Hugo(GO 生态)文档:
Hexo(生态)文档:
感兴趣的朋友可以自行探索。
既然以前用过,就一直用着。 虽然本地开发运行的时候需要安装 Ruby 开发环境,但是即使没有安装,也可以直接发布到 Gitee Pages 或者 Gitee Pages 上查看源码搭建网站,还是比较方便的。 直接写文件,不用关心样式,直接提交到 Gitee 或者 Gitee 生成博客,对于一个纯后端开发者来说真是太好了。
三、安装环境
有关安装说明,请参阅:
笔记:
如果不需要在本地开发运行查看效果,可以直接跳过本章。
如果不安装环境黑客博客,也可以直接发布到 Gitee Pages 查看效果。
我基本都是直接发布到 Gitee Pages 上实时查看。
3.1 安装红宝石
下载:
下载后,图片如下:
运行 exe,选择安装目录继续下一步,最后出现如下安装完成页面:
点击按钮后,会直接运行 ridk,弹出如下窗口源码搭建网站,按提示输入 3 即可:
安装完成后如下图:
注意:期间一直提示超时国内 chatgpt,可以忽略
3.2 安装
关闭之前的安装窗口,打开一个新的 cmd 窗口,运行 gem:
注意:安装过程异常漫长源码搭建网站,估计需要半个小时……
3.3 下载主题
您可以通过以下主题商店选择您喜欢的主题库:
例如,以安装主题为例:
# 下载 jekyll 主题(根据喜好自行选择)
执行效果如下:
运行 exec serve,报如下错误:
4000 端口被占用,切换到运行 4001 端口,运行 exec serve --port 4001:
切换端口后启动成功,访问主题库 /-klise 效果如下:
访问主题库 /-theme-yat 效果如下:
4. 搭建我的 Gitee 博客 4.1 选择主题-
这次我爱上了 /- 主题,
本主题在线预览地址:,
注:更多话题可以通过以下地址自行发现:
4.2 创建与 Gitee 账号同名的代码库
首先在 Gitee 上创建一个与 Gitee 用户名同名的仓库,比如我的 Gitee 主页:对应 luoex 仓库,并且该仓库需要开源公开(Gitee 要求),并且需要发布 Gitee Pages 服务认证前需在 Gitee 上进行验证(等待 2~3 天完成审核),开通 Gitee Pages 服务后可直接通过以下方式访问:
笔记:
Gitee 目前支持同一账号下多个代码库开通 Gitee Pages 服务黑客技术 chatgpt,
如果仓库名称与 Gitee 用户名不同黑客技术,可以通过 .gitee.io/ name 访问。
我的 Gitee 同名账号代码库如下:
4.3 博客
将之前选择的主题库代码 /- 提交到之前创建的 luoex 代码库中,
然后就可以参考目录下的 md 文件写自己的博客了:
如果喜欢我的博客主题黑客博客,可以直接拉取我的代码库:
然后调整 .yml:
4.4 开通 Gitee Pages 服务
本地代码提交到 Gitee 后,就可以在对应的代码库上激活 Gitee Pages 服务了:
如上启用 Gitee Pages 服务后,选择部署分支,点击,将你的博客代码库发布到 Gitee Pages。
部署完成后,您可以根据提示地址访问您的博客:
以后可以继续向 Gitee 提交新的博客,点击将最新的博客发布到 Gitee Pages。
五、相关优化
虽然部署完成后可以顺利访问博客,但是速度还是有点慢,有点受不了
然后我查看了浏览器控制台,发现了问题所在。 题目引用了很多国外地址的 JS、CSS、Font。
于是,将国外地址的 JS、CSS、Font 下载到本地,提交给代码库,将国外地址的资源替换为本地相对 URL 的资源:
这提高了访问速度。
然后我做了一些中文适配,URL 适配(导航支持绝对路径 URL),
自带集成我想要的在线 PPT 模板(),
具体的 PPT 演示可参见:
支持黑白皮肤切换(博客右上角有切换按钮),不过这个功能是收费的:
但我非常喜欢这个功能。 求官方 Demo(支持切换皮肤)时无意中发现了以下两个资源:
我下载下来,放到自己的代码库里,把一些 html 代码放到 nav.html 里面,然后切换皮肤的功能就有了。
至此,我的博客搭建完成,取得了满意的效果。 有兴趣的朋友可以自己动手,希望我的折腾过程能对大家有所帮助。 如果你喜欢我的博客你可以直接克隆代码库源码搭建网站,并保存以进行优化。
参考:
Gitee 页面:
红宝石安装:
国内镜像 .html
相关文件:
主题商店:
简历 - 主题:
个人博客- 主题:
项目文件 - 主题:
建立博客:
知乎-如何制作漂亮的 Pages 主页?