之前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主题（根据喜好自行选择）
git clone https://github.com/piharpi/jekyll-klise.git
cd jekyll-klise
# 配置bundle国内镜像仓库
bundle config mirror.https://rubygems.org https://gems.ruby-china.com
# 安装依赖
bundle install
# 启动本地主题
bundle exec jekyll serve
执行效果如下：
运行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主页？