使用hexo在github page上搭建kaze主题博客总结

网上查资料总结,差不多就这样了。

步骤

1.可以参考链接1完成操作

大致流程如下:

github上建立repository,整个hexo分支,并设置默认为main分支

repository命名为  你的用户名.github.io

下载node.js

下载git,并设置用户和邮箱

git config --global user.name "GitHub的用户名"(注意前边是“--global”,有两个横线)
git config --global user.email "注册GitHub使用的邮箱"
git config --global core.autocrlf false  #windows系统要加这行代码

 下载hexo,并初始化博客

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server 可以在本地预览,一般会有点问题,先别急
ssh-keygen -t rsa -C "你的邮箱"
#没有.ssh文件夹则运行上面这行代码,或者你可以删掉.ssh再运行

生成密钥文件,并在github添加SSH KEY(填id_rsa.pub里的内容),实现SSH免密登录。

ssh -T git@github.com #测试一下,一般要关掉代理。

2.然后删除一些文件

大致流程:

删除根目录下的.deploy_git和.git文件夹

删除public目录下的.git文件夹

3.然后下载主题并改配置文件

  1. 去github官网下载 hexo-theme-Kaze,不然可能没有搜索框
  2. 下载好hexo-theme-Kaze后把文件夹复制到blog\themes下。
  3. npm install hexo-asset-image -- save   然后下载这个
  4. npm install hexo-generator-json-content --save 然后下载这个
  5. npm i -S hexo-prism-plugin 下载代码高亮插件
  6. 在根目录加个.nojekyll文件(github的jekyll无法识别_开头文件)
  7. 改一下主题文件的_config.yml,把search下面改成enable: true

   6. 改一下blog\_config.yml

language: zh-CN.yml | en 

post_asset_folder: true #之后hexo new一个md会多一个同名文件夹存放图片


# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-Kaze    #找到这行改成我们的主题

prism_plugin:
  mode: 'preprocess'    # 加上这段代码,realtime/preprocess
  theme: 'tomorrow'
  line_number: false    # default false
  custom_css:

highlight:
  enable: false #找到这行改为false

 7. 在blog文件夹里开cmd,hexo new 示例文件,之后在\blog\source\_posts里面就可以找到新建的md文件,打开编辑。

注意:1.之后在markdown里面引入图片的方式  ![](图片名.jpg),只保留"图片名.jpg"

           2. 图片应该放在不是以.assets结尾的同名文件夹里

虽然在markdown里面看不到图片,但是在网页上可以看到。

然后

hexo cl  清理缓存

hexo g  生成

hexo s  可以在本地建网页预览,按ctrl然后点链接

hexo d  上传

然后去访问一下你的网站,看看有没有成功

4.简单用法

大致需要做的:

\blog\source\img放logo,作者图片,友链图片。

\blog\themes\hexo-theme-kaze\_config.yml写作者信息,友链等。

  1.  设置logo,作者图片,简介,结尾声明。
  2.  设置友链
  3.  给模板文件夹scaffolds里面的post.md加个categories:
  4. .md的开头设置多标签
tags: [标签1,标签2,标签3]

参考链接

hexo+github搭建个人博客_Eliaukufgnix的博客-CSDN博客

个人网站搭建保姆级教学:Hexo + Kaze + Gitee Pages superjava_

hexo最简单的入门教程 - 知乎

GitHub教程 SSH keys配置_LolitaSian-CSDN博

hexo+github搭建个人博客_Eliaukufgnix的博客-CSDN博客

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值