Hexo搭建博客

以下命令都在管理员身份的 GitBash 中敲

本地生成博客文件，并访问 ：

先找一个存博客的目录，新建目录blog，进去打开GitBash。再执行以下命令

1
2
3
4
5
6
7
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 严格要求是这个名字

1
npm install --save hexo-deployer-git 				#在blog目录下安装git部署插件

配置Hexo配置文件_config.yml， 在blog目录下

1
2
3
4
5
deploy:
	type: git
    repo: https://github.com/你的GitHub账户名/你的GitHub账户名.github.io.git
	branch: master
注意：冒号后面有空格的！！ 如果懒得注意，建议直接复制

部署博客到 GitHub，就可以远程访问了

1
2
3
hexo d         部署
或者
hexo clean && hexo g && hexo d      清理缓存+生成静态文件+部署

https://你的GitHub账户名.github.io 大功告成！ 这就是你的博客了

注意点：

  1. 报错，可能是没有以管理员模式打开GitBash ，有时候一些让人生气的bug，就是这种细节，知道是这个原因之后，更让人生气了！
  2. 部署不上GitHub，以下解决办法，都可以试试
    • 改repo 后面的为 git@github.com:你的GitHub账户名/你的GitHub账户名.github.io.git
    • 改branch值为 main
    • 网太烂了，拨打10086升级宽带
    • 单纯连不上GitHub，寻求周围 程序猿/媛 帮助
  3. Git 没绑定 GitHub 账号，查看前文Git安装配置

Butterfly主题

进到Hexo博客根目录，打开GitBash，下载 Butterfly 主题 。

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

改Hexo博客根目录下的 _config.yml

1
2
3
theme: landscape
改为
theme: butterfly

清理缓存、生成静态文件、部署到 GitHub

1
hexo clean && hexo g && hexo d

主题美化

官网权威文档：Butterfly 安裝文檔(一) 快速開始 | Butterfly

参考链接：butterfly主题修改_bt-sonny的博客