如何搭建属于自己的技术博客(CSDN / GitHub Pages)

输出倒逼输入。一个技术博客,是你大学四年最好的成长记录。

👋 你好,我是 Evan ,一名计算机专业的学长,也是《大一突围》专栏的作者。大一的时候,我连 Markdown 都不会写,觉得写博客是大佬的事。后来硬着头皮在 CSDN 发了第一篇文章,阅读量只有两位数,但半年后,专栏有了几千个读者,我也在这个过程中把很多知识真正内化了。今天,我想把搭建技术博客的两种主流方案 ------ CSDNGitHub Pages ------ 从头到尾教给你,帮你迈出第一步。

欢迎来到 《大一突围》 专栏。

一、为什么要写技术博客?

不管你未来是考研、找工作还是出国,一个持续更新的技术博客都是 低成本、高回报 的自我投资。

二、两种主流方案对比

我的建议

  • 新手 / 大一:先用 CSDN 写起来,积累内容,养成习惯。

  • 有一定基础后:再搭建 GitHub Pages 博客,作为个人技术名片。

两条路不冲突,可以同时维护(CSDN 做流量,GitHub Pages 做精品内容)。

三、方案一:CSDN 零基础搭建(5 分钟上手)

📌 步骤 1:注册账号

访问 CSDN 官网,使用手机号或微信登录,设置昵称(建议用英文/拼音,方便被搜索)。

📌 步骤 2:完善个人资料

上传头像、填写简介(说明你的技术方向或专栏定位),增加可信度。

📌 步骤 3:进入创作中心

点击右上角"写文章",进入 Markdown 编辑器(推荐)或富文本编辑器。

📌 步骤 4:写第一篇文章

  • 标题要包含关键词,如"大一新生必看:XXX"。

  • 内容分段清晰,多使用代码块、列表、引用。

  • 插入图片(免费图库或自己截图)。

📌 步骤 5:发布与分类

选择"原创",打上合适的标签(如"Java"、"大一新生"),提交后即可看到文章。

📌 步骤 6:建立专栏

在创作中心创建专栏,把相关文章归类。专栏比单篇文章更容易吸引关注。

CSDN 写作小技巧

  • 排版尽量清爽,段落之间空一行。

  • 代码块标注语言(如 javapython)。

  • 文末留下互动问题,引导评论。

四、方案二:GitHub Pages + Hexo 搭建(稍进阶)

🛠 什么是 GitHub Pages?

GitHub 提供的静态网站托管服务,可以直接从仓库中生成个人博客,完全免费,无广告

📌 详细步骤(以 Hexo 为例)

第 1 步:安装必备工具
  • Node.js(官网下载,安装后自带 npm)

  • Git(用于版本控制和部署)

第 2 步:安装 Hexo

打开终端(Windows 用 Git Bash 或 PowerShell),输入:

bash 复制代码
npm install -g hexo-cli
第 3 步:初始化博客
bash 复制代码
hexo init myblog      # myblog 是文件夹名
cd myblog
npm install
第 4 步:本地预览
bash 复制代码
hexo generate   # 生成静态文件
hexo server     # 启动本地服务器

浏览器打开 http://localhost:4000,即可看到默认博客。

第 5 步:选择主题

Hexo Themes 选择喜欢的主题,下载到 themes 文件夹,修改 _config.yml 中的 theme: 主题名

推荐主题:

  • Next(功能全面,文档丰富)

  • Butterfly(美观,现代化)

  • Icarus(简洁)

第 6 步:部署到 GitHub Pages
  • 新建 GitHub 仓库,名字必须是 你的用户名.github.io(如 evan123.github.io)。

  • 安装部署插件:

    bash 复制代码
    npm install hexo-deployer-git --save
  • 修改 _config.ymldeploy 部分:

    XML 复制代码
    deploy:
      type: git
      repo: https://github.com/你的用户名/你的用户名.github.io.git
      branch: main
  • 执行部署:

    bash 复制代码
    hexo clean
    hexo generate
    hexo deploy
  • 等待几分钟,访问 你的用户名.github.io 即可看到博客。

第 7 步:绑定自定义域名(可选)
  • 在仓库设置中 Pages 板块,输入你的域名(如 evan.blog)。

  • 在仓库根目录添加 CNAME 文件,内容为你的域名。

  • 到你的域名 DNS 服务商,添加 CNAME 记录指向 你的用户名.github.io

📌 常用 Hexo 命令速查

五、如何坚持写博客?(Evan 的亲身经验)

Evan 的 3 条建议

  1. 不要等"准备好了"再写:你现在写的每一篇,将来回头看都会觉得幼稚,但这正是成长的证据。

  2. 从解决一个小问题开始:比如"如何用 Python 批量重命名文件",这类实用文章更容易获得流量和反馈。

  3. 把博客当作学习笔记:学了新知识后,用自己的话整理成文章,既复习了知识,又积累了内容。

六、总结与推荐

我的选择:我目前在 CSDN 维护《大一突围》专栏,同时用 GitHub Pages 记录一些更深入的技术笔记。两条路并行,收益最大化。

❓ 问题:你已经有自己的技术博客了吗?用的是 CSDN、GitHub Pages,还是其他平台?或者你正在纠结要不要开始写?欢迎在评论区聊聊你的想法,我会选出 3 位同学,送出《Markdown 排版速查表》和《Hexo 主题配置指南》。

📌 如果本文帮你迈出了搭建博客的第一步,请点 👍 赞 + 关注 ,本专栏 《大一突围》 持续更新大学成长与技术干货。

收藏本文,搭建博客时回看步骤,少踩坑。

相关推荐
CSDN官方博客38 分钟前
GitHub Copilot 新手极速上手指南
github·copilot
日拱一卒的小田1 小时前
ZYNQ学习笔记4-ZYNQ的SD卡控制器1
笔记·学习
狗头大军之江苏分军2 小时前
《潮水漫过十七岁》开学了
后端
苏三说技术3 小时前
如何看待GPT-6在UP主众测中碾压夺冠?它是现在最强大模型吗?
后端
mldong3 小时前
一份 JSON,一条能跑的审批流:把报销流程送上工作流引擎
后端·架构
wno7043 小时前
Spring Boot WebFlux增删改查
java·spring boot·后端
Captaincc3 小时前
AI用量v0.1.11更新发布 新增 jusage doctor 诊断指令 托盘展示token 和余额 新增 AutoClaw 支持
前端·后端·vibecoding
拼图2093 小时前
Git常用语法
分布式·git·学习
aramae4 小时前
模拟实现strlen()函数 (C语言)
c语言·开发语言·后端
Vcaker4 小时前
Linux学习29-kubernetes网络
学习