Hexo 博客搭建
Hexo 安装与使用
Hexo 文档,安装 Hexo 需要先安装 Git 和 Node.js
1 | npm install hexo-cli -g |
使用命令依然看手册 hexo -h
先本地自定义建个文件夹
1 | mkdir ~/blog |
进行初始化操作
1 | hexo init |
最最简单的基础就搭建好了,之后写博客以及本地启动的操作一般都是一下步骤
1 | hexo new 'xxx' # 创建名为xxx的博客,在source/_post文件夹下 |
博客部署
腾讯云的部署现在都没有按量计费了,不缺钱的可以去试试
这里就部署在 GitHub 上
GitHub 新建仓库,名为 username.github.io
, username
是你 GitHub 的用户名,并勾选 Add a README file
1 | npm install hexo-deployer-git --save |
在该仓库的设置中打开 pages
配置页,其中 Source
选择 Deploy from a branch
,Branch
选项选择 main
,过一会儿该配置页的 GitHub Pages
会显示你的博客地址和上一次的部署时间
打开博客目录下的 _config.yml
,添加配置
1 | deploy: |
配置完成后,部署到 GitHub 上
1 | hexo d # hexo deploy |
打开博客地址 https://username.github.io/
即可
域名配置
如果自己有域名的话,可以配置域名,用域名来打开博客
在域名解析中,添加记录
主机类型 | 记录类型 | 记录值 |
---|---|---|
@ | CNAME | username.github.io |
WWW | CNAME | username.github.io |
在仓库 pages
配置页的 Custom domain
输入自己的域名保存
配置后要等一会儿才生效
Vercel 加速
前面是将 Hexo 博客部署在了 GitHub 上,但 GitHub 的访问速度你懂的
国内的腾讯云部署现在没有按量计费了,不缺钱的可以用腾讯云部署
这里用 Vercel 进行加速访问,用 GitHub 账号登录后
- 选择
Add New Project
Import Git Repository
栏选择自己的 GitHub 账户,Import
对应的博客仓库- 其他默认,
Deploy
重新部署后,可以在 Vercel 控制台看到部署后的内容
先删除上一步配置的两个域名解析记录,在设置中打开 Domain
配置页,添加自己的域名后,会出现需要添加的记录,仿照上一步添加即可
同样等几分钟生效
主题配置
默认的主题应该没人想用吧,本人使用的是 butterfly,官方右上方的文档里有配置教程
修改模板
1 | hexo new "xxx" |
该命令会自动在 _post
下生成 markdown 文件,但是 Front-matter 部分默认没有 categories
和 cover
等配置
可以去 scaffolds/post.md
下修改
其他工具
具体配置还是去 GitHub 搜吧
永久短链接
1 | npm install hexo-abbrlink --save |
目录自动生成
1 | npm install hexo-auto-category --save |
字数统计
1 | npm install hexo-wordcount --save |