0. 租域名（如果要用自己的域名）#

TIP
这种的项目会有某个目录，比如post，下面就放文档。
最好还是找个，其他大佬做的，好看的博客模板有很多，
topics
/
blog-template
Waiting for api.github.com...
00K
0K
0K
Waiting...
这里面有很多，可以找自己喜欢的
没必要和我用一样的（因为感觉怪怪的）。
如果要用的话，不要忘了给人家点个star！！！

1.3 基于其他笔记平台的（比如notion）#

比如我之前用的；

tangly1024

NotionNext

Waiting for api.github.com...

00K

Waiting...

TIP
这种应该适合，没什么基础的，（指的是git不会用，markdown不会写），
因为像notion这样的笔记平台，可视化管理很方便。
可以去看一个bilibili的视频,我当时看的这个，当然肯定有更好的，可以自己找找。

1.4 主流博客框架推荐#

Hexo：基于 Node.js，主题丰富，插件生态完善
Hugo：基于 Go，生成速度快，配置简单
Jekyll：GitHub Pages 原生支持，Ruby 生态
Next.js：React 框架，适合定制化需求
VuePress：Vue 生态，适合技术文档

1.5 各框架优缺点对比#

框架	优点	缺点
Hexo	主题丰富，插件多	生成速度较慢
Hugo	生成速度快	主题相对较少
Jekyll	与 GitHub Pages 集成好	配置相对复杂
Next.js	高度可定制	学习曲线较陡
VuePress	文档友好	功能相对简单

NOTE
也就是说，要找一个博客模板项目，点一下fork，fork到自己的仓库，
起名的时候注意一下，如果你要部署github page，仓库名应该是：
你的github用户名.github.io
当然也可以用自己的域名，不基于githubpage，用vercel部署也很方便。

2. 网站部署#

有三种方式

2.1 自己搞服务器#

需要自己花时间折腾，要搞反向代理什么的，还花钱租服务器，不值当。

当然有一些linux、网络基础就可以弄。

有兴趣可以试着折腾折腾。

2.1.1 服务器选择建议#

阿里云/腾讯云：国内访问速度快
Vultr：按小时计费，支持支付宝
DigitalOcean：价格实惠，操作简单
AWS Lightsail：适合新手，价格透明

2.1.2 基本安全配置#

修改默认 SSH 端口
配置防火墙
安装 fail2ban
定期更新系统
配置 SSL 证书

2.2 github部署#

在你的github那个网站模板仓库里，找到setting，找到左侧的pages

如果你的网站很简单，只是基于html、css、js，那么可以直接从branch部署，

写一个config就行，官方有文档。

如果你用的是一些前端框架，比如nextjs、threejs等等，

就选github actions，

然后找到你的框架的workflow，这个文件就是告诉github的服务器如何deploy，

直接用现成的就行，放在.github/workflows里面。

2.2.1 常见部署问题#

404 错误：检查文件路径和配置
构建失败：检查依赖和构建脚本
样式丢失：检查资源路径
图片加载失败：检查图片路径和格式

2.2.2 性能优化建议#

使用 CDN 加速
压缩静态资源
优化图片大小
使用缓存策略
延迟加载非关键资源

2.3 vercel部署#

vercel提供一些流行框架的自动化部署，

比如我之前部署nextjs的博客就是在vercel，

用github登录，然后找到你的网站仓库，

一般能自动检测出来框架，就可以自动化部署，等部署完看效果就行。

如果不能自动化部署，就和服务器部署别无二致，也要折腾折腾。

TIP
如果用的自己的域名，要配置一下domain，
另外在运营商那个地方把dns换成vercel的

3. 配置#

这个就是具体问题具体分析了，

如果你是在github找的现成的模板，一般会有几个config文件，

花时间看看，里面有你的网站的各种配置。

4. 发布博客#

到这里你的网站就部署完成了。

就可以开始写博客了！！

4.1 markdown写作#

我这里就不多写了，因为我也不是很精通，网上markdown的教程有很多。

markdown编辑器，我一般是cursor/vscode直接写，缺点是无法实时显示，下面两个的markdown都是实时显示的。

也可以用typora（花点钱，我这里有，可以找我要）这个的优点就是很美观，感觉心情好。

或者 typedown，windows store就有，很好用，强推！！

4.2 特殊格式#

很多好用的博客模板都有自己独特的，比如我这里面的

TIP
tip

NOTE
note

还有上面那个哔哩哔哩播放器。

可以在自己的项目里找找，或者有时候在readme里面。

4.3 图床#

由于markdown的特殊性，图片不能直接放进markdown文件，只能通过链接的方式引入。

我们可以直接放在你的博客项目目录里，用markdown引用。

如果图片用的比较多，可以使用一些图床（也就是把图片放在互联网上，用url定位。）

这里推荐的图床：

PicGo：开源图床工具，支持多个图床平台
- 支持 Windows/Mac/Linux
- 可以配合 Typora 使用
- 支持快捷键上传
- 支持多个图床配置
SM.MS：老牌免费图床
- 免费额度：5GB 存储空间
- 支持 HTTPS
- 支持图片管理
- 支持 API 上传
ImgURL：开源图床程序
- 可以自己搭建
- 支持多种存储方式
- 支持图片管理
- 支持 API 上传

0. 租域名（如果要用自己的域名）#

0.1 域名注册商推荐#

0.2 域名价格参考#

0.3 域名注册流程#

1. 找一个博客模板#

1.1 基于issue的#

1.2 基于仓库文件的#

1.3 基于其他笔记平台的（比如notion）#

1.4 主流博客框架推荐#

1.5 各框架优缺点对比#

2. 网站部署#

2.1 自己搞服务器#

2.1.1 服务器选择建议#

2.1.2 基本安全配置#

2.2 github部署#

2.2.1 常见部署问题#

2.2.2 性能优化建议#

2.3 vercel部署#

3. 配置#

4. 发布博客#

4.1 markdown写作#

4.2 特殊格式#

4.3 图床#

然后，就可以开始你的博客写作了！！！🎉🎉🎉#