网上查资料总结,差不多就这样了。
步骤
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.然后下载主题并改配置文件
- 去github官网下载 hexo-theme-Kaze,不然可能没有搜索框
- 下载好hexo-theme-Kaze后把文件夹复制到blog\themes下。
- npm install hexo-asset-image -- save 然后下载这个
- npm install hexo-generator-json-content --save 然后下载这个
- npm i -S hexo-prism-plugin 下载代码高亮插件
- 在根目录加个.nojekyll文件(github的jekyll无法识别_开头文件)
- 改一下主题文件的_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写作者信息,友链等。
- 设置logo,作者图片,简介,结尾声明。
- 设置友链
- 给模板文件夹scaffolds里面的post.md加个categories:
- .md的开头设置多标签
tags: [标签1,标签2,标签3]
参考链接
hexo+github搭建个人博客_Eliaukufgnix的博客-CSDN博客
个人网站搭建保姆级教学:Hexo + Kaze + Gitee Pages superjava_