Hexo 的创建和部署

Hexo 的创建和部署根据【2021最新版】保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili进行操作

更加关于Hexo详细的可以参考新建标签页 (tcloudbaseapp.com)

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成静态网页
hexo s == hexo server #启动服务预览
hexo d == hexo deploy#开始部署

hexo g 操作会在 /Blog下产生一个public文件，而 hexo clear 后 该public文件就会消失

/Blog/deploy_git 目录下的文件 就是github仓库的文件，可以在该目录下 git bash 进行添加文件

更换主题

安装主题

更换主题可参考hexo博客换主题 - 知乎 (zhihu.com)

实际更换主题时可根据 主题官方 的提示要求下进行操作

https://gitee.com/immyw/hexo-theme-butterfly?_from=gitee_search

美化主题

根据 主题官方文档进行操作

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

添加图片

如果想要在仓库中上传照片，想要现在 /Blog 目录下的 source 文件夹中 创建一个文件

然后将照片放入文件夹中，然后同步到github中

同步方法

1
2
3
git add .
git commit -m "这里面随便填"
git push

也可以直接在github中添加新文件 进行同步

之后想要添加的文件或者图片就能上传到github上的仓库上了

新建博客

可根据使用hexo新建、编辑并预览文章 - 知乎 (zhihu.com)

主要操作是

1
$ hexo n "文件名"

然后在 /Blog/source/_posts会产生同名的 .md 文件，再里面写博客即可，其中上面的Front-matter 可以根据 上面更换主题 的内容进行操作

然后就 hexo三连

1
2
3
hexo clean
hexo g
hexo d
1
hexo g -d

设置预设初始

E:\真.学习资料\个人博客github\Blog\scaffolds中的``post.md`文件

博客图片显示问题

打开博客所在文件夹 blog，找到_config.yml文件，修改post_asset_folder: true

git bash安装插件：

1
npm install https://github.com/7ym0n/hexo-asset-image --save

安装前可以先换源

之后新建博客时，Hexo会自动建立一个与文章同名的文件夹，这样就可以把与该文章相关的所有资源（图片）都放到那个文件夹里方便后面引用

tu

插入图片使用方式：

  1. {% asset_img 3.png %} 3.png为图片名
  2. ![这里写图片描述](./文件夹名/图片名)

无法上传github问题

端口问题

由于睿智校园网 无妨访问22端口号，上传就开热点吧

不想想端口了（主要是没改成），反正上传文章偶尔定时统一上传到github上就可以了

也可以更改SHH的端口号

https://www.jianshu.com/p/c3aac5024877

访问权限问题

but GitHub does not provide shell access

针对github权限导致hexo部署失败的解决方案 - silencetea - 博客园 (cnblogs.com)

npm换源

.先清除缓存

1
npm cache clean --force

安装淘宝镜像cnpm，用cnpm来安装依赖

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

之后就用cnpm代替npm