⭐零基础搭建Hexo个人博客!
⭐本文主题以Butterfly为例!
⭐Hexo官网:Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
npm install -g hexo-cli
# 进入项目目录
cd <项目名>
# 安装项目依赖
npm install --registry=https://registry.npm.taobao.org
# 预览项目
hexo s
hexo init <项目名>
# 进入项目目录
cd <项目名>
# 安装依赖包
npm install
# 下载速度慢可使用淘宝镜像加速
npm install --registry=https://registry.npm.taobao.org
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
_posts
文件夹之外,开头命名为 _
(下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public
文件夹,而其他文件会被拷贝过去。# Site
title: 雪人的小屋 # 标题
subtitle: '无 限 进 步 !' # 子标题
description: '希望我的分享能帮助到大家' # 描述
keywords:
author: LonelySnowman # 作者
language: zh-CN # 语言配置
# 简体中文:zh-CN
timezone: 'Asia/Shanghai' # 时区配置
# 纽约:America/New_York 日本:Japan 上海:Asia/Shanghai
hexo init # 初始化项目
hexo g # 生成静态文件
hexo clean # 清楚静态文件
hexo d # 推送静态文件至 git远程仓库
hexo s # 本地预览项目
# -- 在Hexo项目根目录下
# -- 选择任意一种方式安装即可
# github 安装
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
# gitee 安装
git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly
# npm 安装
npm i hexo-theme-butterfly
_config.yml
为主题配置文件夹# Hexo的 _config.yml 修改主题
theme: butterfly
# butterfly使用需要安装 pug 以及 stylus 的渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save
# Hexo根目录下的 _config.yml 配置文件
# Site
title: 雪人的小屋 # 博客标题
subtitle: '无 限 进 步 !' # 子标题 展示到title下方 打字动画显示
description: '希望我的分享能帮助到大家' # 侧边栏作者下方显示的描述
keywords:
author: LonelySnowman # 作者名
language: zh-CN # 语言配置
timezone: 'Asia/Shanghai' # 时区配置
subtitle:
# 开启subtitle
enable: true
# 打字动画展示
effect: true
# Effect Speed Options (打字效果速度參數)
startDelay: 300 # 动画开始延迟 ms
typeSpeed: 150 # 打字速度 ms
backSpeed: 50 # 回到初始状态的速度 ms
loop: true # 循环打字
source: false
sub:
# 配置中的路径均以 主题问价夹中的source为根目录
index_img: /img/404.jpg
menu:
首页: / || fas fa-home
归档: /archives/ || fas fa-archive
标签: /tags/ || fas fa-tags
分类: /categories/ || fas fa-folder-open
清单||fas fa-list:
音乐: /music/ || fas fa-music
电影: /movies/ || fas fa-video
友链: /link/ || fas fa-link
关于: /about/ || fas fa-heart
# 生成静态文件
hexo g
# 预览页面
hexo s
npm install hexo-deployer-git --save
# 更改
deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
# 注意这里的分支
# 看看自己Github使用的分支模板 是 master 还是 main
branch: main
# 上传静态文件
hexo d
近日将博客从Django+Vue更改为了Hexo,自己写的主题水平还是差了很多,暂时也没有精力去维护😣。
欢迎大家一起交流:雪人的小屋 - 无 限 进 步 ! (snowhouse.space)(我的博客)
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。