Hugo个人博客设计

VSCode科技风主题设计详细指南 科技风设计是一种强调未来感、现代感和高科技感的设计风格,设计一个科技风的VSCode主题需要结合科技风设计的特点和VSCode主题开发的技术要求。通过选择合适的色彩方案、设计语法高亮和界面元素,可以打造出既美观又实用的编程环境,展现个性化的编程美学。 阅读详情

鸽了好久的个人博客,今天个人博客1.0终于正式完工上线了,采用了hugo搭建工具,自己设计并开发的个人科技风格主题和博客系统功能,也是踩了无数的坑,修复了n多的bug,不过总算完成了(分辨率和浏览器适配制作了一部分),尽管由于博客构建工具的限制,现在这款主题还不完善,适配和功能性都没达到最初理想的那个程度,但是作为初版个人用的博客已经非常不错了,所以拿出来交流分享一下,借此共同学习共同进步。

设计尺寸:1920*1080

介绍页

线上效果

 博客demo体验地址:

demo

主题开源地址-GitHub:

GitHub库

使用手册:

直接使用主题包内的-config中的代码替换hugo原本的config进行设置

1.代码开源

2.Apache许可

3.使用代码请注明原作者

4.建议使用谷歌浏览器进行浏览,最后请大家多多支持

前端实战2024】Vue2打造科技风个人博客:完整项目从设计到部署 【前端入门必看】Vue2+CSS3开发炫酷博客网站:新手也能快速上手的实战教程 【Vue2项目实战】90分钟从零开发现代科技风博客: 前端实战2024】Vue2打造科技风个人博客:完整项目从设计到部署 【前端入门必看】Vue2+CSS3开发炫酷博客网站:新手也能快速上手的实战教程 【Vue2项目实战】90分钟从零开发现代科技风博客:实用案例 + 完整源码 【超详细教程】用Vue2制作高颜值个人博客:适合前端初学者的实战项目 【手把手教学】Vue2响应式科技风博客开发:从入门到精通的完整教程前端实战2024】Vue2打造科技风个人博客:完整项目从设计到部署 【前端入门必看】Vue2+CSS3开发炫酷博客网站:新手也能快速上手的实战教程 【V 阅读详情

相关推荐

(实战)[re:Invent 2018]-001:赛道分析-(致敬1024)

打印log

Rainbow 2778

一个技术小白的第一篇博客

首先抓住课堂,将老师在课堂上讲的专业知识理解并融会贯通,再通过课外的实践练习提高自己对各种语言的掌握,通过网上的视频及网课不断拓展自己的知识,进行自我提高与进化。因专业课接触编程,此前并无编程经验,写博客以记录自己的学习点滴,示人且自慰。能熟练掌握C/C++,python等语言,能独立完成复杂程序的编写,并且编程能够成为我一项特长为我的人生加分。依据现行的学校的课表及本人学习规划,预计每周能学习10至12个小时的专业知识及进行实践操纵。这篇博客,不写代码,写自己与未来。华为is my dream.

2302_79897226的博客 707

ERPS协议原理

目录 1、ERPS概述: 2、ERPS名词概念解释: 3、ERPS协议报文: 4、ERPS单环基本原理: 5、单环多实例原理: 6、多环原理: 1、ERPS概述: ERPS(Ethernet Ring Protection Switching),即以太网多环保护技术,是ITU-T定义的一种二层破环协议标准,标准号为ITU-T G.8032/Y1344,因此又称为G.8032。它定义了RAPS(Ring Auto Protection Switching)协议报文和保护倒换机制。 ERPS目前支持v1和v2两

weixin_44880796的博客 1万+

一个写实与科技风场景

构建的一个光污染场景,写实和科技,小伙伴们感兴趣的可以多多关注,抽空发些视频。

weixin_64625272的博客 527

单细胞分析(16)—— RNA Velocity 分析流程

RNA velocity 是一种强大的单细胞转录组分析工具,它可以预测细胞的未来状态,揭示发育轨迹,并用于探索细胞状态转换。RNA velocity 是一种通过单细胞 RNA 测序(scRNA-seq)数据推测细胞未来状态的分析方法。🚀**RNA velocity 提供了一个全新的角度来理解细胞的动态变化,为单细胞转录组分析带来了更深入的时空信息!

阅读文献,记录学习笔记 2977

STM32CubeMX+FreeRTOS实战:3步搞定LED任务配置(附代码解析)

本文详细解析了如何使用STM32CubeMX图形化工具配置FreeRTOS实时操作系统,并创建LED闪烁任务。通过剖析MX_FREERTOS_Init()函数和CMSIS-RTOS封装层,深入理解任务创建、调度及osDelay()协作机制,帮助开发者从点击生成进阶到内核原理掌握,实现高效的多任务嵌入式开发。

weixin_29192141的博客 466

科技感十足的網站頁面

http://www.bootstrapmb.com/item/9102/preview

easyboot的专栏 2725

超全!!snowboy语音唤醒(树莓派4b)

通过snowboy进行树莓派的语音唤醒

crimaster1024的博客 8733

用Hugo搭建个人技术博客:从架构设计到自动化部署实践

静态站点生成器(SSG)是现代技术内容站点的核心基础设施,它通过模板引擎、内容路由和构建流水线,将Markdown源文件高效转换为可发布的静态页面。其原理在于将内容与表现层解耦,让开发者既能掌控页面样式与交互,又能享受本地写入、推送即发布的极简流程。这种架构的技术价值体现在内容资产自主可控、构建速度快、部署成本低,尤其适合个人博客、项目文档和知识库等场景。在实际工程中,结合GitHub Actions等CI/CD工具,可以实现从代码提交到站点更新的全自动化部署,大幅降低维护门槛。而Hugo作为其中的优秀代表

weixin_28831399的博客 161

华为面试手撕真题【字符串压缩】

华为面试手撕真题【字符串压缩】

MISAYAONE的博客 1万+

【Bug已解决】Codex 切换 model_provider 后历史会话消失的解决方案

方案适用场景推荐指数切回原 provider 验证排查的第一步,确认数据是否真的丢失⭐⭐⭐⭐⭐查看本地会话文件进一步确认数据完整性⭐⭐⭐⭐⭐查阅跨 provider 恢复命令官方是否提供了对应功能⭐⭐⭐使用社区辅助工具需要频繁切换 provider 的场景⭐⭐⭐定期备份配置目录任何场景下的通用保险措施⭐⭐⭐⭐切换后历史会话"消失"的本质是客户端的会话列表展示逻辑受当前活跃 provider 状态过滤,而不是原始数据文件被真正删除。

一键难忘的博客 5999

Lowkey Hugo 主题:打造极简风格的个人博客

Lowkey Hugo 主题:打造极简风格的个人博客 项目介绍 Lowkey Hugo 主题 是一款简洁现代的 Hugo 主题,灵感来源于 Adam Wathan 的博客。该主题采用 Tailwind CSS 构建,提供了轻松的定制化选项。其布局极简且流畅,专注于可读性和易用性。凭借其轻量级的代码和快速的加载时间,Lowkey Hugo 主题是创建个人博客和用户友好型博客的理想选择。 项目技术分析...

gitblog_00449的博客 717

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

hugo-geekblog:一款简洁高效的博客主题

hugo-geekblog:一款简洁高效的博客主题 项目介绍 在众多Hugo博客主题中,hugo-geekblog以其简洁、高效的特点脱颖而出。它是一款专门为个人博客设计的主题,采用了轻量级的设计理念,致力于为用户提供快速且流畅的浏览体验。尽管它可能不适合功能复杂的项目,但对于那些希望快速搭建个人博客的开发者来说,hugo-geekblog是一个理想的选择。用户可以通过访问官方文档来查看演示和获取...

gitblog_01137的博客 457

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

探索极简之美:Harbor Hugo 主题推荐

探索极简之美:Harbor Hugo 主题推荐 项目介绍 Harbor 是一款专为 Hugo 设计的极简个人博客主题。它以简洁、优雅的设计风格,为用户提供了一个快速搭建个人博客的平台。无论是技术博客、生活记录,还是专业文章分享,Harbor 都能满足你的需求。 通过 DEMO,你可以直观地体验到 Harbor 的实际效果。 项目技术分析 Harbor 主题基于 Hugo 框架开发,充分利用了 ...

gitblog_01029的博客 601

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

hugo-theme-stack:个人博客的优雅选择

hugo-theme-stack:个人博客的优雅选择 项目介绍 在数字时代,个人博客成为展示个人才华、分享知识经验的重要平台。hugo-theme-stack 是一款基于 Hugo 框架的个人博客主题,专为嵌入式软件方向的笔记记录而设计。这款主题不仅易于部署,而且界面美观、功能强大,能够帮助用户快速搭建属于自己的专业博客。 项目技术分析 hugo-theme-stack 采用 Hugo 作为静态网...

gitblog_00740的博客 753

Lines:极简主义 Hugo 博客主题

Lines:极简主义 Hugo 博客主题 项目介绍 在现代互联网时代,个人博客已成为分享知识、记录生活的重要平台。Lines 是一款专为 Hugo 框架设计的极简主义博客主题。它以其简洁、高效的设计理念,为博主们提供了一个展示内容的空间,让读者能够更加专注于文字本身。 项目技术分析 Lines 主题基于 Hugo 框架开发,Hugo 是一款流行的静态网站生成器,以速度快、易扩展著称。Lines 主...

gitblog_00656的博客 599

hugo-liftoff:打造专业内容的博客与作品集主题

hugo-liftoff:打造专业内容的博客与作品集主题 项目介绍 hugo-liftoff 是一个专为内容创作和SEO最佳实践设计的极简博客/作品集主题。它为那些希望快速启动个人品牌的用户提供了一个理想的选择。该主题支持丰富的功能,包括内容分块、系列文章分类、移动响应式菜单以及自定义表单等,使其成为技术用户的优选。 项目技术分析 hugo-liftoff 采用了Hugo框架,这是一个流行的静态站...

gitblog_00571的博客 925

hugo-xmag:构建专业杂志风格博客的一站式解决方案

hugo-xmag:构建专业杂志风格博客的一站式解决方案 项目介绍 在现代网站设计中,简洁而富有设计感的主题越来越受到欢迎。hugo-xmag 正是这样一款基于 Hugo 构建的开源主题,它在继承 XMin 主题简约风格的基础上,融入了杂志风格元素,特别适合那些希望创建专业、具有视觉冲击力博客的用户。 项目技术分析 hugo-xmag 采用 Hugo 作为其底层框架,Hugo 是一个流行的静态站点...

gitblog_00514的博客 727

hugo-theme-yinyang:简约而不简单,Hugo主题的优雅之选

hugo-theme-yinyang:简约而不简单,Hugo主题的优雅之选 在众多Hugo主题中,hugo-theme-yinyang以其独特的黑白色调、极简风格和多语言支持脱颖而出。下面,我们就来详细介绍一下这个项目的核心功能、技术分析、应用场景和项目特点。 项目介绍 hugo-theme-yinyang 是一个为 Hugo 设计的黑色和白色主题。它采用阴阳平衡的理念,将简约、高效的界面设计与多...

gitblog_00713的博客 881

hugo-theme-bootstrap4-blog:打造专业博客风格主题

hugo-theme-bootstrap4-blog:打造专业博客风格主题 项目介绍 hugo-theme-bootstrap4-blog 是一款基于 Hugo 框架的博客风格主题。该主题继承了 Bootstrap v4 的经典两栏博客布局,并在此基础上进行了优化和扩展,为用户提供了一个易于配置、响应式设计且功能丰富的博客主题。无论是个人博客还是专业内容发布,hugo-theme-bootstra...

gitblog_00001的博客 847

推荐文章:极简之美 —— Hugo框架下的Minimal个人博客主题

推荐文章:极简之美 —— Hugo框架下的Minimal个人博客主题 在数字世界的喧嚣中,寻找一份简洁的宁静成为许多创作者的心声。今天,我们为您介绍一款名为Minimal的个人博客主题,它基于强大的静态站点生成器Hugo,旨在为您的思想搭建一个清新、简洁的展示舞台。 项目介绍 Minimal,正如其名,是一款追求极致简约的博客主题。它的设计理念剔除繁复,让读者的目光聚焦于内容本身。通过访问在线演示...

gitblog_00334的博客 626

探索 Hugo 主题 Zozo:简洁与功能的完美融合

探索 Hugo 主题 Zozo:简洁与功能的完美融合 是一个开源的静态网站生成器 Hugo 的主题,它以其简约的设计、强大的功能和出色的可定制性为亮点,旨在帮助用户构建美观而高效的个人博客或知识库。 项目简介 Zozo 主题采用现代网页设计趋势,将内容置于中心位置,提供清晰的布局和良好的阅读体验。其主要特性包括响应式设计,适应各种屏幕尺寸;内置评论系统支持(如 Disqus);自定义菜单、社交链接...

gitblog_00030的博客 874

探索Hugo Serif主题:优雅的技术博客解决方案

探索Hugo Serif主题:优雅的技术博客解决方案 是一款专为技术博客设计的开源主题,基于Hugo静态网站生成器打造,旨在提供一个简洁、优雅且易于定制的环境,让您的技术分享更具专业性和吸引力。 项目简介 Hugo Serif 主题以其经典的Serif字体为特色,结合了现代网页设计元素和响应式布局。它支持多种功能,如文章目录自动生成、代码高亮、评论系统集成等,为博主提供了一套完整的工具包,使得内容...

gitblog_00065的博客 653

推荐项目:Hugo主题「Shell」- 打造独一无二的终端风格个人作品集

推荐项目:Hugo主题「Shell」- 打造独一无二的终端风格个人作品集 在数字海洋中,一款独特的个人展示平台可以让你脱颖而出。今天,我们来探索一个充满创意的开源项目——Hugo Theme: Shell,它以终端界面的形式为你的在线作品集或博客带来新颖体验。 项目介绍 Hugo Theme: Shell是一个设计灵感源于终端界面的主题,让访问者仿佛置身于程序员的世界。通过它,你可以轻松构建一个既...

gitblog_00782的博客 407
上一篇: Hugo博客个性化主题开发踩坑记录(二)
下一篇: django实现接口排队执行任务,并使请求立即返回队伍位置,并发接口通信
@C_Cheng
博客等级 码龄6年 13粉丝 11原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值