建站 & 开发
未读
在前端开发过程中,我们常常需要为项目添加各种标识和徽章来展示项目的状态、版本信息、依赖情况等。Shields.io提供了一个非常便捷的方式来生成各种漂亮且实用的徽章。
Shields.io( https://github.com/badges/shields/ )是一个为开源项目、GitHub README或博客提供统一风格徽章(badge)生成的在线服务,支持SVG和栅格图像,覆盖构建状态、版本号、许可证、下载量、依赖健康程度等信息。其美观一致、调用简洁,成为数百万开源项目展示状态的首选。
基本徽生成方式进入Shields.io官网:https://shields.io/ ;点击Get started进入生成徽章页面,或者直接使用URL参数代码生成。
1、通过URL参数生成标签、消息和颜色组合(最常用方式)格式为:标签(label)-消息(message)-颜色(color)例如,如果要生成一个表示项目构建状态为 通过,颜色为 绿色 的徽章,URL应为:
1https://img.shields.io/badge/build-passing-brightgreen
在这个URL ...
AnZhiYu(安知鱼)主题 是基于hexo-theme-butterfly修改的hexo主题,支持多种功能和自定义选项,兼具美观与功能性;特别适合对个性化设计和功能拓展有较高需求的博客用户。其强大的自定义能力、SEO 友好的设计,使其成为Hexo主题中的佼佼者。如果您是Hexo用户,并且正在寻找一款现代化、功能丰富且高度可自定义的主题,AnZhiYu主题 无疑是一个非常好的选择。
项目地址:https://github.com/anzhiyu-c/hexo-theme-anzhiyu官方文档:https://docs.anheyu.com/initall.html
[]
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
...
想拥有一个属于自己的个人博客,却不想为服务器和运维投入过多成本?本文将带您从零开始,使用 Hexo 框架搭建个人博客,并部署到 GitHub Pages 和 Cloudflare Pages。主要内容包括:
环境准备:安装Node.js和Git
配置Git和GitHub:设置SSH密钥,创建GitHub仓库
初始化Hexo项目:安装Hexo,创建新博客
部署到GitHub Pages:配置部署设置,推送静态文件
部署到Cloudflare Pages:连接GitHub仓库,自动部署
基本使用方法:创建新文章,本地预览,发布更新
借助这些免费的工具和平台,您可以在短时间内创建一个美观、高效且易于维护的博客网站。
[]
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: ...



