从 0 到 1 快速搭建博客

为什么搭建博客

  • 知识积累
  • 分享
  • 影响力

建站

静态页面生成

我们可以自己写一套个人博客网站,不过那样做周期太长,样式之类的东西都得手动去调整,也不利于我们去专心的写作。

像博客这种静态页面可以由工具直接生成。市面上的博客工具有很多,像 hexo、vuepress

为什么选择 hexo?主题较现代化、方便快捷
hexo github

deploy

_config.yml 里配置你的项目地址

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repository: git@github.com:ccomma/ccomma.github.io.git
branch: main

主题

hexo 提供了很多主题,这里推荐 Next 主题,因为 Next 的社区非常活跃,这就导致 Next 主题有非常多的配置和插件

Next 主题配置
Theme Settings

部署

博客可以部署在阿里云等云服务器上,但是特地买一台服务器专门用来部署博客还是有点太浪费了。

以下几种方式可以免费部署静态 web 应用

  • github pages
    • 服务器地理位置:美国
    • 推荐:push 即部署,简单快捷
    • 缺点:网络连接严重不稳定
  • cloudflare pages
    • 服务器地理位置:美国自家节点
    • 推荐原因:速度稳定,在全球各地均有 CDN,支持从 Github/Gitlab 等平台自动部署
    • 缺点:部署速度较慢,但不算太影响
  • Vercel
    • 服务器地理位置:美国 AWS
    • 推荐原因:部署速度快,支持自动部署
    • 缺点:被墙过一次,速度有可能出现不稳定

自动化

hexo 能让我们更专心写博客,但即使是如此,我们还是要先使用 hexo new "xxx" 命令来新建文档。而我们平时的笔记可能是写在 notion、语雀、飞书上。

写作同步工具 elog 能让我们的在 notion、语雀、飞书上的笔记自动部署到 github 上

elog 会在本地创建缓存,每次同步只会增量更新,包括图片上传也是。

域名

github pages 自带域名:xxxx.github.io,够用,但是有点 low

SSL

1. 阿里云付费 SSL
image.png

2. 阿里个人测试证书,有效期 3 个月
image.png

3.Let’s Encrypt:提供免费 TLS 证书的非营利证书颁发机构,就个人博客而言足以

DNS

阿里云 DNS:DNS 解析与域名服务捆绑,声誉一般

cloudflare:

  • 支持 CDN(国内减速)
  • 自带 DDos 防御服务
  • 支持解析 A、AAAA、CNAME、MX、LOC、SRV、SPF、TXT、NS、CAA、PTR、CERT、DNSKEY、DS、NAPTR、SMIMEA、SSHFP、TLSA、URI
  • 支持 DNSSEC
  • 免费版支持一部分其他地方收费的配套服务,例如 Worker,Page,访客规则

SEO

搜索引擎优化,让你的网站更好的被搜索引擎收录

google:https://search.google.com/search-console
bing:https://www.bing.com/webmasters
百度:https://ziyuan.baidu.com/site

以 google 为例:
登录到 Google Search Console,选择您要验证的网站。输入网址
image.png
将验证码复制到 DNS 记录中
image.png

站点分析

对网站流量访问进行分析

1.cloudflare
image.png

2.google
image.png

3. 百度统计
image.png

CDN

百度云 CDN:百度云加速分为免费版和付费版,免费版不支持 SSL 证书,海外网站也支持加速。

cloudflare CDN:
免费提供,对于国外的服务器还行,国内服务器反而减速。支持 SSL,无须备案

七牛云 CDN:
每个月可使用 10G 的免费存储量和 10G 的 CDN 流量与 100 万次的 Get 请求数,七牛云在海外也有众多加速节点,七牛云 TCP 压缩优化使网页中大图和样式等实现秒加载。但请注意使用七牛 CDN,须保证账户中有最低金额 10 元。国内必须备案,支持 SSL。

参考