hexo+github免费部署自己的博客

小猿L

已于 2022-04-08 09:06:25 修改

阅读量1k

点赞数

文章标签： github

于 2022-04-08 08:57:50 首次发布

本文链接：https://blog.csdn.net/enhenglhm/article/details/124004030

版权

本文详细介绍了如何使用FastGithub部署Hexo博客，包括仓库初始化、主题选择与安装、菜单配置、Typora写文章、图片处理、字数统计、搜索功能实现以及评论功能的设置。特别提到了在配置过程中遇到的问题及解决方案，如 Algolia 搜索和评论服务器URL的设置。

摘要由CSDN通过智能技术生成

1.宝贝

首先上神器：fastgithub 双击运行即可

链接：https://pan.baidu.com/s/1TYdYwKR3qblrfD_bNZ9Nmw
提取码：mone

2.部署

部署参考文章

创建仓库

记得先初始化username.github.io（根据仓库的提示，初始化且创建分支main,上传,成功看到）

hexo部署到github参考

更改hexo博客主题参考

更换主题

1---去官网选择自己喜欢的主题 Themes | Hexo

主题更换参考

2---下载主题: 比如说喜欢shoka主题进入下载 themes/shoka表明下载位置

打开博客当前文件夹—— 打开git命令窗口 —— 输入下面命令——进入themes的shoka目录-----------------在_congif.yml中修改主题配置修改配置参考参考自己选的主题说明文档修改

下载主题命令:git clone https://github.com/amehime/hexo-theme-shoka.git themes/shoka

更改导航栏菜单

在自己选的主题里面的_config.yml中修改menu属性

menu:
  home: / || home
  about: /about/ || user
  posts:
     default: / || feather
     archives: /archives/ || list-alt
     categories: /categories/ || th
     tags: /tags/ || tags
  # friends: /friends/ || heart
  # links: /links/ || magic

有些没有的页面比如关于则

（1）npm new page about

（2）则在根目录的source文件夹下有about about下md文件就是about内容

typora写文章

（1）图片问题处理

typora + hexo博客中插入图片__吟游诗人的博客-CSDN博客_hexo typora 图片

00---md 保存在source文件夹_posts下

01---图片偏好设置和格式好已经设置成功

02--成功显示

（2）博客编写

当然还有很多很多属性！

添加分类和标签

！！编写博客注意！！！在所有冒号后一定要空格！！！同一级别一定要对齐！！不然也报错！！

博客字数统计时长

字数和阅读时间配置

配好上述后改主题配置的_config.yml

成功！

搜索实现

参考

搜索功能

搜索实现好文

根目录_config.yml配置

algolia:
  appId: 7A1BHXQJ75
  apiKey: d55ba860d072f5524abf6f23a13db838
  adminApiKey: 5aa8115dd00f8c8774b9e3b9a119ab5e
  chunkSize: 5000
  indexName: "hexo"
  fields:
    - title #必须配置
    - path #必须配置
    - categories #推荐配置
    - content:strip:truncate,0,2000
    - gallery
    - photos
    - tags

主题_config.yml配置

# Algolia Search
algolia_search:
  enable: true
  hits:
    per_page: 10
  labels:
    input_placeholder: Search for Posts
    hits_empty: "We didn't find any results for the search: ${query}"
    hits_stats: "${hits} results found in ${time} ms"

详细介绍点但是没用。。

Hexo-Shoka主题功能介绍补充点 |ReverseSacle-Blog = 逆转天平 = 执着过去的人,无法迈向未来

气死气死，是自己改的webpack文件的static 应该为/ 就没问题了