指定网站怎么设置路由器只访问,cms+wordpress+国内,大连平台网站建设,wordpress 计数一、为什么要搭建个人技术博客#xff1f;
在技术圈#xff0c;拥有个人博客的好处不言而喻#xff1a;
简历加分项#xff1a;面试官更青睐有技术沉淀的候选人知识系统化#xff1a;输出倒逼输入#xff0c;加深技术理解人脉拓展#xff1a;吸引同行关注#xff0c;…一、为什么要搭建个人技术博客
在技术圈拥有个人博客的好处不言而喻
简历加分项面试官更青睐有技术沉淀的候选人知识系统化输出倒逼输入加深技术理解人脉拓展吸引同行关注甚至获得内推机会
据统计92%的技术大牛都有自己的技术博客数据来源Stack Overflow 2024开发者调查
二、为什么选择GitHub PagesHexo
方案对比
方案优点缺点自建服务器完全自定义功能强大成本高维护复杂WordPress功能丰富插件多性能一般需服务器GitHub PagesHexo免费、稳定、无运维成本需要一定技术门槛
三、环境准备 安装Git # Windows用户下载安装包https://git-scm.com/download/win
# macOS用户使用brew安装
brew install git
# 验证安装
git --version # 输出类似git version 2.39.2安装Node.js和npm # macOS用户
brew install node
# Ubuntu用户
sudo apt-get install nodejs npm
# 验证安装
node -v # 输出v18.16.0
npm -v # 输出9.5.1四、GitHub Pages配置 创建GitHub仓库 仓库名必须为你的用户名.github.io如doubao.github.io选择Public公开仓库免费 配置GitHub账号 git config --global user.name 你的GitHub用户名
git config --global user.email 你的GitHub邮箱
# 生成SSH Key
ssh-keygen -t rsa -b 4096 -C 你的GitHub邮箱将生成的公钥~/.ssh/id_rsa.pub添加到GitHub账户设置中
五、Hexo安装与配置 安装Hexo CLI npm install -g hexo-cli初始化博客 hexo init my-blog
cd my-blog
npm install目录结构解析 my-blog/
├── _config.yml # 博客全局配置
├── package.json # 项目依赖
├── scaffolds/ # 文章模板
├── source/ # 文章和资源
│ ├── _drafts/ # 草稿
│ └── _posts/ # 文章
└── themes/ # 主题文件夹六、主题配置以Butterfly主题为例 安装主题 cd my-blog
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly修改配置 # _config.yml
theme: butterfly主题个性化 # themes/butterfly/_config.yml
# 修改博客标题
title: 豆包的技术博客
# 设置作者
author: 豆包
# 配置社交链接
social:GitHub: https://github.com/yourname || fab fa-githubLinkedIn: https://www.linkedin.com/in/yourname || fab fa-linkedin七、发布文章 创建新文章 hexo new 第一篇博客文章默认生成在 source/_posts/第一篇博客.md 文章格式示例 ---
title: 第一篇博客
date: 2025-07-12 10:00:00
tags:- 技术- 博客
categories:- 教程
---这是我的第一篇技术博客...八、部署到GitHub Pages 安装部署插件 npm install hexo-deployer-git --save配置部署信息 # _config.yml
deploy:type: gitrepo: gitgithub.com:你的用户名/你的用户名.github.io.gitbranch: main一键部署 hexo clean hexo generate hexo deploy九、常见问题解决 访问404错误 检查仓库名是否为 用户名.github.io确认GitHub Pages设置中分支为main 图片显示问题 # 使用相对路径引用图片
主题不生效 检查主题文件夹名称是否为themes/butterfly确认_config.yml中theme配置正确
十、进阶优化 添加评论系统Valine # themes/butterfly/_config.yml
valine:enable: trueappId: your_appIdappKey: your_appKey配置SEO # themes/butterfly/_config.yml
seo: true添加谷歌分析 # themes/butterfly/_config.yml
google_analytics:enable: truetracking_id: UA-XXXXXXXX-X十一、总结
通过本文你已经学会了
GitHub Pages和Hexo的基本原理博客环境搭建与配置主题个性化设置文章发布与部署流程常见问题解决方法
现在访问 https://你的用户名.github.io 即可看到你的个人博客后续可以持续更新文章打造属于自己的技术品牌。
十二、扩展阅读
Hexo官方文档Butterfly主题文档GitHub Pages官方指南
十三、互动话题
你打算在博客中分享哪些技术内容遇到问题欢迎在评论区留言我会一一解答
作者简介 豆包全栈开发工程师热衷于技术分享与开源项目。 GitHubhttps://github.com/doubao 个人博客https://doubao.github.io
