dev-to-hashnode

Dev.to 和 Hashnode 发布

开发者博客平台拥有数十万开发者组成的现成受众。本技能介绍跨平台发布策略、针对平台的优化，以及如何在 Dev.to 和 Hashnode 上积累关注者。

---

开始之前

1. 如果 .agents/developer-audience-context.md 存在，请先阅读
2. 确定规范 URL 策略（对 SEO 很重要）
3. 在两个平台上创建账号，以预留用户名
4. 请了解：这些平台会奖励持续发布和互动

---

平台对比

Dev.to 与 Hashnode

特性	Dev.to	Hashnode
月访问量	~10M+	~3M+
自定义域名	不支持（仅子域名）	支持（免费）
规范 URL 支持	支持	支持
SEO 优势	域名权重高	你的域名可获得 SEO 优势
盈利方式	无原生功能	赞助、新闻通讯
新闻通讯	无	内置
系列支持	支持	支持
代码高亮	出色	出色
社区功能	活跃（反应、评论）	不断发展
受众	范围更广，初学者更多	更资深，定位更明确

何时使用各个平台

使用 Dev.to 的场景	使用 Hashnode 的场景
优先考虑最大覆盖面	打造自己的品牌
面向初学者/中级开发者	希望通过自定义域名提升 SEO
重视社区互动	构建邮件列表
快速验证内容	长期内容策略
没有自己的博客	为主博客提供补充

---

跨平台发布策略

规范 URL 的选择

策略	优点	缺点
在自己的博客上首发	为自己的域名提升 SEO，完全掌控	平台上的排名可能较低
在 Dev.to 上首发	初期覆盖面最大	无法为自己的域名提升 SEO
在 Hashnode（自定义域名）上首发	SEO + 平台覆盖面	初期受众较少

最佳实践：自己的博客 + 跨平台发布

1. 先在自己的博客上发布 — 这里是规范来源
2. 等待 1-2 天 — 让 Google 为原文编入索引
3. 跨平台发布到 Dev.to — 将规范 URL 设为自己的博客
4. 跨平台发布到 Hashnode — 将规范 URL 设为自己的博客

设置规范 URL

Dev.to（在 frontmatter 中）：

---
title: Your Title
canonical_url: https://yourblog.com/your-post
---

Hashnode（在编辑器中）：

• 点击“Article settings”齿轮图标
• 在“Canonical URL”字段中粘贴原文 URL

---

Dev.to 优化

Frontmatter 结构

---
title: "Specific, Keyword-Rich Title (Not Clickbait)"
published: true
description: "One compelling sentence that shows up in previews and SEO"
tags: javascript, webdev, tutorial, beginners
cover_image: https://your-cdn.com/image.png
canonical_url: https://yourblog.com/original-post
series: "Building a CLI from Scratch"
---

标签策略

标签	关注者	用途
#javascript	200K+	JS 内容
#webdev	150K+	常规 Web 开发
#beginners	120K+	易于入门的内容
#tutorial	100K+	分步指南
#react	80K+	React 专题内容
#programming	80K+	常规编程内容
#python	70K+	Python 内容
#devops	50K+	DevOps、CI/CD
#opensource	40K+	OSS 项目
#productivity	40K+	开发工具、工作流

规则：

• 每篇文章最多使用 4 个标签
• 第一个标签是主标签（会显示在 URL 中）
• 使用前先查看标签的关注者数量

Dev.to 上表现良好的内容

内容类型	表现	说明
初学者教程	高	受众群体最大
列表文章（“10 个工具……”）	高	易于阅读
职业建议	高	有启发性的内容
犀利观点	中高	有争议的内容能带动互动
深度技术内容	中	受众小众但互动积极
项目展示	中	最好附带项目背后的故事
新闻/更新	低	需要与官方来源竞争

Dev.to 互动功能

功能	用法
反应	爱心、独角兽、已收藏、火焰——各有不同含义
评论	回复每条评论，以提升算法推荐
系列	将相关文章分组，促使读者连续阅读
讨论	为观点/提问类文章添加 #discuss 标签
Listings	发布职位、活动、产品

---

Hashnode 优化

文章设置

设置	建议
副标题	用于 SEO 关键词
封面图片	最佳尺寸为 1600x840
SEO 标题	可以与文章标题不同
SEO 描述	最多 155 个字符
规范 URL	跨平台发布时使用原始 URL
启用目录	长文建议启用
禁用评论	否——互动有帮助

标签策略

Hashnode 标签的运作方式有所不同：

• 标签会关联到全局主题
• 部分标签有专属信息流
• 标签越少，定位越明确

热门 Hashnode 标签：

• javascript、web-development、react
• devops、cloud、aws
• beginners、tutorial
• opensource、programming

Hashnode 上表现出色的内容

内容类型	表现	备注
深度教程	高	受众期待深入内容
架构文章	高	受众中资深读者较多
DevOps/云内容	高	在细分领域影响力强
职业经历分享	中高	个人叙事效果不错
快速技巧	中	不如在 Dev.to 上表现好
清单类文章	中	在这里效果较差

Hashnode 专属功能

功能	用法
新闻简报	启用后即可收集订阅者
系列	适合教程和课程
自定义 CSS	为博客打造独特样式
小组件	添加 GitHub、新闻简报 CTA
赞助商	Hashnode 提供赞助计划
分析	内置分析功能，比 Dev.to 更详细

---

内容格式

有效的结构

# Title

[Compelling hook — why should they care?]

## Table of Contents (for long posts)
- [Section 1](#section-1)
- [Section 2](#section-2)

## The Problem

[What pain point are you solving?]

## The Solution

[Your approach, with code examples]

### Code Example

```language
// Well-commented code
const example = "explained";

分步说明

1. 第一步 — 说明
2. 第二步 — 说明
3. 第三步 — 说明

常见陷阱

[需要注意的事项]

结论

[总结 + CTA]

---

如果觉得这篇内容对你有帮助，请关注我，获取更多关于[主题]的内容。

### Formatting Best Practices

| Element | Guideline |
|---------|-----------|
| **Headers** | Use H2 for sections, H3 for subsections |
| **Code blocks** | Always specify language for syntax highlighting |
| **Images** | Use descriptive alt text, compress for speed |
| **Links** | Descriptive text, not "click here" |
| **Length** | 1000-2500 words performs best |
| **Paragraphs** | Keep short, 2-3 sentences max |
| **Lists** | Use liberally for scannability |

---

## Building Followers

### Consistency Strategy

| Frequency | Result |
|-----------|--------|
| 4+ posts/month | Rapid follower growth |
| 2-3 posts/month | Steady growth |
| 1 post/month | Slow but sustainable |
| Sporadic | Minimal follower retention |

### Engagement Tactics

| Tactic | Why it works |
|--------|--------------|
| Reply to every comment | Algorithm boost + relationship building |
| Comment on others' posts | Visibility + community |
| Follow relevant authors | Often reciprocated |
| Share on social media | Drives external traffic |
| Link between your posts | Keeps readers on your content |
| Create series | Encourages following for updates |

### Bio and Profile Optimization

**Dev.to profile**:
- Clear profile photo
- Bio with what you write about
- Link to your main site
- List your expertise areas

**Hashnode profile**:
- Custom domain setup
- Newsletter enabled
- Social links populated
- Blog name and tagline set

---

## Platform-Specific Do's and Don'ts

### Do's

1. **Do** set canonical URLs to protect your SEO
2. **Do** use platform-specific formatting (embeds, etc.)
3. **Do** engage with comments within 24 hours
4. **Do** cross-post to both platforms
5. **Do** use series for related content
6. **Do** optimize cover images for each platform
7. **Do** include a CTA at the end

### Don'ts

1. **Don't** post identical content without canonical URLs
2. **Don't** ignore comments
3. **Don't** use only self-promotional content
4. **Don't** neglect tags — they're discovery mechanisms
5. **Don't** forget mobile readability
6. **Don't** publish unfinished drafts
7. **Don't** keyword stuff your content

---

## Analytics and Iteration

### Dev.to Dashboard

| Metric | What it tells you |
|--------|-------------------|
| Views | Reach/impressions |
| Reactions | Engagement quality |
| Comments | Discussion value |
| Reading time | Content depth |
| Followers from post | Conversion rate |

### Hashnode Analytics

| Metric | What it tells you |
|--------|-------------------|
| Total views | Reach |
| Unique visitors | Audience size |
| Read ratio | Completion rate |
| Time on page | Engagement depth |
| Referrers | Traffic sources |
| Newsletter signups | List growth |

### What to Optimize

| Low metric | Try this |
|------------|----------|
| Low views | Better title, different tags |
| Low reactions | More engaging opening |
| Low comments | End with a question |
| High bounce | Better structure, hook |
| Low followers | Stronger CTA, series |

---

## Tools

| Tool | Use case |
|------|----------|
| **[Octolens](https://octolens.com)** | Monitor Dev.to and Hashnode for mentions of your topic, competitors, and trends. Find popular content to learn from. |
| **Hemingway Editor** | Improve readability |
| **Carbon** | Beautiful code screenshots |
| **Unsplash** | Free cover images |
| **Canva** | Custom cover image design |
| **Grammarly** | Catch errors before publishing |

---

## Content Calendar Template

| Week | Dev.to | Hashnode | Topic |
|------|--------|----------|-------|
| 1 | Publish | Cross-post (day 2) | Tutorial |
| 2 | Cross-post | Publish | Deep dive |
| 3 | Publish | Cross-post (day 2) | Listicle |
| 4 | Cross-post | Publish | Opinion/experience |

---

## Related Skills

- `developer-audience-context` — Know who you're writing for
- `hacker-news-strategy` — Drive traffic from HN to your posts
- `reddit-engagement` — Share posts in relevant subreddits
- `github-presence` — Link from READMEs to your content
- `x-devs` — Promote posts on Twitter/X