title: Hexo&Butterfly搭建博客
date: 2022-1-05 23:58:34
tags:
- Hexo
- GitHub
- Tutorial
- Butterfly
categories: - Tool
- Git
aplayer: true
keywords: - Hexo
- GitHub
- Butterfly
Hexo搭建博客
以下命令都在管理员身份的 GitBash
中敲
本地生成博客文件,并访问 :
先找一个存博客的目录,新建目录blog,进去打开GitBash。再执行以下命令
npm install -g hexo-cli npm全局安装hexo
hexo init 初始化目录,生成一堆乱七八糟的文件和文件夹
hexo s 本地运行,本地访问,默认端口4000, 地址是http://localhost:4000/
Ctrl+C 取消运行
hexo n "第一篇MarkDown格式的博客" 在blog下source\_posts下,用typora等md编辑软件编辑,随便写点字,写点格式进去
hexo clean 清理
hexo g 生成静态文件
GitHub托管博客,所有人都可以访问 :
Github创建一个新的public仓库 你的GitHub账户名.github.io 严格要求是这个名字
npm install --save hexo-deployer-git #在blog目录下安装git部署插件
配置Hexo配置文件_config.yml, 在blog目录下
deploy:
type: git
repo: https://github.com/你的GitHub账户名/你的GitHub账户名.github.io.git
branch: master
注意:冒号后面有空格的!! 如果懒得注意,建议直接复制
部署博客到 GitHub,就可以远程访问了
hexo d 部署
或者
hexo clean && hexo g && hexo d 清理缓存+生成静态文件+部署
https://你的GitHub账户名.github.io
大功告成! 这就是你的博客了
注意点:
- 报错,可能是没有以管理员模式打开
GitBash
,有时候一些让人生气的bug,就是这种细节,知道是这个原因之后,更让人生气了! - 部署不上GitHub,以下解决办法,都可以试试
- 改
repo
后面的为git@github.com:你的GitHub账户名/你的GitHub账户名.github.io.git
- 改
branch
值为main
- 网太烂了,拨打10086升级宽带
- 单纯连不上GitHub,寻求周围 程序猿/媛 帮助
- 改
- Git 没绑定 GitHub 账号,查看前文Git安装配置
Butterfly主题
Hexo默认主题是landscape,太过朴素,换成好看一点的Butterfly
主题。
进到Hexo博客根目录,打开GitBash,下载 Butterfly
主题 。
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
改Hexo博客根目录下的 _config.yml
theme: landscape
改为
theme: butterfly
清理缓存、生成静态文件、部署到 GitHub
hexo clean && hexo g && hexo d
主题美化