0x01 配置Node.js环境
https://nodejs.org/dist/v12.16.3/node-v12.16.3-x64.msi
安装好后命令行node -v和npm -v,若如图则安装成功
0x02 配置Git环境
PATH选项选这个
安装好后命令行git --version,若如图则安装成功
0x03 新建仓库
打开https://github.com/登录,点击页面右上角的加号,选择New repository新建仓库
点击Settings,来到Github Pages,点击source--master branch,刷新即可
0x04 配置Hexo
在本地建一个文件夹,cd到目录,npm install -g hexo-cli安装,hexo -v查看版本
hexo init myblog初始化
cd到myblog文件夹,npm install安装组件
node_modules: 依赖包
scaffolds:生成文章的模板
source:存放文章
themes:主题
_config.yml: 配置文件
0x05 初次体验Hexo
输入hexo g
输入hexo s
访问http://localhost:4000/看一下效果
0x06 使用Hexo
①添加ssh-keygen.exe所在文件夹的环境变量,一般在Git\usr\bin,否则后面会报错
配置身份信息
git config --global user.name "yourname"
git config --global user.email "youremail"
连接公钥,ssh-keygen -t rsa -C "youremail",然后输入密码
查看是否成功,ssh -T git@github.com
修改配置文件_config.yml,将hexo和GitHub关联起来
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master
②写文章
在source\_posts文件夹里,随便写一篇文章
安装deploy-git部署命令,npm install hexo-deployer-git --save
清除之前生成的东西,hexo clean
生成静态文章,hexo g
部署文章,hexo d
访问https://yourname.github.io/看一下效果
③更换主题
官网主题: https://hexo.io/themes/,下载后解压放到themes文件夹
这里以主题hexo-theme-yilia-plus为例,在_config.yml里修改theme属性
hexo clean,hexo g,hexo d,看一下效果
在主题文件夹里修改_config.yml,让它更美观
hexo g,hexo d,看一下效果
④文章加密
安装插件:npm install --save hexo-blog-encrypt
快速使用:
高级设置:
⑤RSS订阅
安装rss插件 ,npm install hexo-generator-feed
配置_config.yml文件,启用插件
生成RSS订阅文件,hexo g& hexo d
⑥插入本地图片
npm install https://github.com/CodeFalling/hexo-asset-img --save
配置_config.yml文件:
然后新建一篇文章,这样同时会创建一个名为ceshi的文件夹,将你要插入文章的图片放入这个文件夹即可,图片名随意,例如图片test.jpg
在文章中需要插入图片的地方输入:![](ceshi/test.jpg)即可
⑦幻灯片
https://blog.csdn.net/weixin_42073018/article/details/89600035
⑧插入哔哩哔哩视频
npm i hexo-tag-bili --save
添加文章标签:{% bili video_id %} 或 {% bili video_id page %} 即可
hexo加载慢怎么办:https://www.jianshu.com/p/9c087e19df3c
网友评论