面试|搭建个人博客 git|npm|github

前置
文章图片

文章图片

文章图片

搭建创建文件夹

文章图片

进入，初始化

文章图片

访问
hexo server
部署先创建仓库
【面试|搭建个人博客】注意一定要
username.github.io
不然会出现404

文章图片

安装
npm install hexo-deployer-git --save
配置

deploy: type: git repo: git@github.com:hongming88/hongming88.github.io.git branch: master

先配置ssh（略）
可参考
https://blog.csdn.net/weixin_46168350/article/details/116310549
主题 git clone https://github.com/iissnan/hexo-theme-next themes/next
也可以
git clone https://github.com.cnpmjs.org/iissnan/hexo-theme-next themes/next
修改站点的配置文件

文章图片

增加标签页和分类页 E:\blog\themes\next\_config.yml文件下

文章图片

注意空格消除，上面没有消除
创建分类标签

13113@ming MINGW64 /e/学习/笔记/blog $ hexo n page tags INFOValidating config INFOCreated: E:\学习\笔记\blog\source\tags\index.md13113@ming MINGW64 /e/学习/笔记/blog $ hexo n page categories INFOValidating config INFOCreated: E:\学习\笔记\blog\source\categories\index.md13113@ming MINGW64 /e/学习/笔记/blog

文章图片

文章图片

修改里面的index文件

文章图片

文章图片

参考 https://blog.csdn.net/jessieeeeeee/article/details/118935409
设置

文章图片

修改中文
添加统计功能注意找到Next/layout/_third-party/analytics/busuanzi-counter.swing下的
把域名改成:https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
注意
之间不能有空格

文章图片

隐藏底部

文章图片

问题 hexo使用theme出现“ {% extends ‘_layout.swig‘ %} {% import ‘_macro/post.swig‘ as post_template %}“问题
原因是hexo在5.0之后把swig给删除了需要自己手动安装

npm i hexo-renderer-swig

写文章为了可以上传图片

文章图片

安装插件
npm install hexo-asset-image --save
source创建文件夹images
npm i --save hexo-wordcount
创建文章
hexo n t
写文章

文章图片

部署发布在站点文件夹中打开 git bash，输入如下命令部署和发布文章
$ hexo g -d
建议：在使用 hexo g ，可以先使用 hexo s 运行本地站点，然后在浏览器输入地址 http://lacolhost:4000/ 查看运行结果，检查无误后再使用 hexo d 发布
hexo generate(Hexo g) 命令执行完就可以生成静态文件
hexo deploy(hexo d) 部署
访问：
https://hongming88.github.io/