博客功能大升级:评论系统与用户体验优化
前言今天为博客进行了一次重大的功能升级,主要添加了三个核心功能:GitHub评论系统、相关推荐文章和小剪刀分割线装饰。这些功能的加入让博客的用户体验得到了显著提升。
功能亮点1. GitHub评论系统使用Utterances评论系统,基于GitHub Issues实现:
1234567<script src="https://utteranc.es/client.js" repo="maomao725.github.io" issue-term="pathname" theme="github-light" crossorigin="anonymous" async></script>
优势:
无需额外注册,使用GitHub账号即可评论
支持Markdown语法和代码高亮
自动适配深色/浅色主题
完全免费且稳定
2. 相关推荐文章在文章底部智能推荐相关内容,提高用户粘性:
基于 ...
GitHub Pages部署指南:从零到一搭建个人博客
简介GitHub Pages是GitHub提供的免费静态网站托管服务,非常适合用来部署个人博客、项目文档等静态网站。本文将详细介绍如何使用GitHub Pages部署博客。
准备工作1. 创建GitHub仓库首先需要在GitHub上创建一个新的仓库:
仓库名格式:username.github.io(其中username是你的GitHub用户名)
设置为Public仓库
初始化时可以添加README文件
2. 本地环境准备确保本地已安装:
Git
Node.js(如果使用Hexo等静态网站生成器)
部署方式方式一:直接推送静态文件最简单的方式是直接将生成的静态文件推送到仓库的main分支:
12345678910111213# 克隆仓库git clone https://github.com/username/username.github.io.git# 进入目录cd username.github.io# 添加文件echo "Hello World" > index.html# 提交并推送git add .git commit -m "I ...
🦋 基于Hexo+Butterfly搭建优雅博客完整指南
🎯 前言在这个信息爆炸的时代,拥有一个属于自己的博客平台变得越来越重要。今天我将分享如何使用 Hexo + Butterfly主题 搭建一个既美观又功能强大的个人博客。
为什么选择 Hexo + Butterfly?
Hexo: 快速、简洁且高效的静态站点生成器
Butterfly: 功能丰富、界面优雅的Hexo主题
GitHub Pages: 免费的静态网站托管服务
自定义域名: 提升博客的专业性
🛠️ 环境准备系统要求
Node.js 16.x 或更高版本
Git
文本编辑器(推荐VS Code)
安装Node.js123456# 检查Node.js版本node --versionnpm --version# 如果未安装,请前往官网下载安装# https://nodejs.org/
📦 Hexo安装与配置1. 全局安装Hexo CLI1npm install -g hexo-cli
2. 创建博客项目123456# 创建新的Hexo项目hexo init my-blogcd my-blog# 安装依赖npm install
3. 项目结构概览12345678my-b ...
🚀 欢迎来到重启纪元
🎉 重启纪元,全新开始欢迎来到我的个人博客「重启纪元」!
正如古人所言:”自能生羽翼,何必仰云梯“。每个人都有属于自己的成长轨迹,无需依赖他人的阶梯,关键是要有勇气展开自己的翅膀。
✨ 关于这个博客这个博客基于 Hexo 框架搭建,使用了优雅的 Butterfly 主题。在这里,我将:
📝 记录学习心得:分享技术学习过程中的思考和总结
🛠️ 展示项目作品:展示一些有趣的技术项目和创意实现
💭 分享生活感悟:记录日常生活中的所思所想
🌱 追踪成长轨迹:见证自己在技术和人生路上的成长
🎯 我的技术栈目前主要专注于以下技术领域:
编程语言: Python、C++
数据库: MySQL、MongoDB
开发工具: Git、Docker、VS Code
其他技术: 嵌入式开发、机器学习
🌟 博客特色
简洁美观: 采用现代化设计,注重阅读体验
响应式布局: 完美适配各种设备
功能丰富: 支持搜索、分类、标签、深色模式等
SEO优化: 更好的搜索引擎收录表现
🚀 未来规划在接下来的日子里,我计划:
定期更新: 保持文章的更新频率,分享最新的学习成果
技术深度: 不断深入学 ...