hexo博客搭建记录


概述

hexo是一款静态博客搭建框架,好处是不需要服务器,就可以实现一个博客的构建。你可以将博客托管在一众免费的服务商上面

hexo有许多主题可以选择,我这里选用的是
https://github.com/blinkfox/hexo-theme-matery/blob/master/README_CN.md

以下步骤就以hexo-theme-matery主题为例

安装

首先安装nodejs 官网

# layouts.download.codeBox.installsNvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# layouts.download.codeBox.downloadAndInstallNodejsRestartTerminal
nvm install 20
# layouts.download.codeBox.verifiesRightNodejsVersion
node -v # layouts.download.codeBox.shouldPrint
# layouts.download.codeBox.verifiesRightNpmVersion
npm -v # layouts.download.codeBox.shouldPrint

然后按官网的步骤,执行hexo的安装

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

然后安装主题

步骤详见https://github.com/blinkfox/hexo-theme-matery/blob/master/README_CN.md

cd themes
curl https://codeload.github.com/blinkfox/hexo-theme-matery/zip/master -o hexo-theme-matery.zip
unzip hexo-theme-matery.zip -d hexo-theme-matery
rm hexo-theme-matery.zip

修改 根目录的_config.yml 的 theme 的值:

theme: hexo-theme-matery

然后进入theme/hexo-theme-matery
创建tags\categories\archives等页面,注意按官网步骤,在里面页面生成的文件中,添加type, layout属性为对应值

使用

编写新文章

直接在source/_posts里面新建markdown文件即可
页头为元数据信息

---
title: hexo博客搭建记录
tags: 'hexo'
categories: "hexo"

---

比如上边的信息,就制定了文章标题,tags,categories, 这样文章就可以在分类和标签中看到

部署

快速部署

详见官网步骤 https://hexo.io/zh-cn/docs/github-pages#%E4%B8%80%E9%94%AE%E9%83%A8%E7%BD%B2

上述步骤给的例子是用github,即在_confg.yml中设置如下配置即可

deploy:
type: git
repo: https://github.com/<username>/<project>

然后就可以通过https://<username>.github.io/<project> 访问博客了

实际除了git/github之外,还支持其他的type, 如对象存储,ftp之类的,只要对方服务上开一个http服务就行,详见
https://hexo.io/zh-cn/docs/one-command-deployment

注意,如果用这种方式上传github,如果要去配置自定义域名后,重新deploy会丢失掉自定义域名配置,解决方式详见谷歌

github page

详见官网步骤 https://hexo.io/zh-cn/docs/github-pages

注意的是这种方式需要github仓库保持public的状态才行

然后就可以通过https://<username>.github.io/<project> 访问博客了

cloudflare

选择在cloudflare部署的好处,相对于github page,速度更快,且不需要仓库是保持公共的状态

详见这篇文章
https://www.jgduhao.xyz/2023/08/06/%E6%8A%8Ahexo%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%88%B0Cloudflare-Pages/

插件

统计分析

谷歌分析

注册谷歌分析 https://analytics.google.com/analytics/

然后获取追踪id,填入主题的配置文件themes/hexo-theme-matery/_config.yml中即可
alt text

googleAnalytics:
enable: true
id: 上边的追踪id

Hexo 主题推荐

Awesome Hexo Theme


Author: deepwzh
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint policy. If reproduced, please indicate source deepwzh !
  TOC