之前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主页?