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

本文详细介绍了如何使用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 = 逆转天平 = 执着过去的人,无法迈向未来

Sign in | Algolia

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

评论实现

评论实现

卡住卡住主要是上面配置的 serverURLs!!!需要填写

 serverURLs: https://(appid前八位).api.lncldglobal.com  #记得去掉括号

当然,卡了方方面面才得以成功的。。太不容易了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值