hexo个人博客搭建

作为第一篇文章，那么网站搭建的教程就最适合不过，记录过程，也记录自己踩的坑。

环境准备

安装Node.js和Git

GitHub

  • 首先注册一个『GitHub』帐号，已有的默认默认请忽略
  • 建立与你用户名对应的仓库，仓库名必须为『your_user_name.github.com』
  • 添加SSH公钥到『Account settings -> SSH Keys -> Add SSH Key』

初始化

  • 建立一个空文件夹，比如D:\3-Projects\Blog
npm install -g hexo
hexo init
hexo cl && hexo g && hexo s -p 8888

访问本地页面（http://localhost:8888/）

  • 修改-config.yml文件
deploy:
 type: git
 repository: https://github.com/yourname/yourname.github.io.git
 branch: master
#yourname：修改为你的
  • 安装hexo-deployer-git 自动部署发布工具
npm install hexo-deployer-git --save
  • 生成页面
hexo g
  • 本地文件上传到Github上面
hexo d

Butterfly 主题

  • 主题安装
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git
themes/butterfly
  • 这里如果报错，执行如下命令后再安装主题
git config --global --unset http.proxy
git config --global --unset https.proxy
  • 应用主题

在-config.yml文件中

theme: butterfly

  • 安装插件

  • pug 以及 stylus 的渲染器

npm install hexo-renderer-pug hexo-renderer-stylus --sav
  • 生成文章唯一链接
npm install hexo-abbrlink --save
  • _config.yml 找到 permalink：
# permalink: :year/:month/:day/:title/
#修改为
permalink: post/:abbrlink.html # post为自定义前缀
abbrlink:
	alg: crc32   #算法： crc16(default) and crc32
    rep: hex     #进制： dec(default) and hex

  • 发布博客

npm i hexo-deployer-git
hexo new post "新建博客文章名"
hexo cl && hexo g && hexo s -p 8888
  • 博客头
title: hexo个人博客搭建
date: 2023-09-11 14:15:14
tags:
  - '#hexo'
  - '#教程'
  - '#博客搭建'
categories:
  - hexo

后续美化

Butterfly 安裝文檔(三) 主題配置-1 | Butterfly

标签: hexo | 海拥 (haiyong.site)

分类: 魔改教程 | Fomalhaut🥝

butterfly 重装日记 | 安知鱼 (anheyu.com)