参考链接
https://yafine-blog.cn/posts/4ab2.html 感谢此博主详细的教材!!!

前期准备

1、安装git
2、安装node.js

安装hexo

1、使用淘宝镜像npm config set registry https://registry.npm.taobao.org

2、npm install hexo -g 全局安装
途中可能报错、有可能node.js环境变量没有设置好(设置好环境变量就行)、
有可能出现errno: -4048, npm ERR! 试试删除 文件在C:\Users{账户}\下的.npmrc文件
hexo 个人博客搭建

3、进入存放博客的文件夹 hexo init myblog (初始化网站)
这里反应挺慢的,大家耐心等待十分钟左右(等了很久都没有反应有可能克隆失败可以等第二天试试)
hexo 个人博客搭建

4、进入 myblog 文件夹(博客根目录) cd myblog
写第一个博客 hexo new “第一个博客”
启动服务 hexo serve //local host:4000 就是初始博客了
hexo 个人博客搭建

部署到码云上

创建仓库 创建完我们需要修改一些配置
hexo 个人博客搭建

1、修改_config.yml

hexo 个人博客搭建

2、添加git 插件

npm install hexo-deployer-git --save

3、hexo deploy

hexo 个人博客搭建

码云创库

选择page,这时候网站只有文字没有样式的
添加域名到_config.yml

码云部署

修改好后、我们需要重新推送到码云
hexo clean (先清理推送)
hexo deploy

码云上更新一下
hexo 个人博客搭建

可以看见页面了
hexo 个人博客搭建

选择主题

下载主题

git clone https://github.com/blinkfox/hexo-theme-matery.git

修改配置文件 _config.yml
thems修改为新的主题
hexo 个人博客搭建
per_page 改为六的倍数 6、12、18…

改为中文
hexo 个人博客搭建

author 作者可以改为自己昵称

在source 里面新建文件夹(因为这时候只有首页,标签、归档那些都没有)
hexo 个人博客搭建

使用命令创建会自动生成 md文件
hexo 个人博客搭建
md文件需要修改为如下格式(这里以firends为例,其他文件的 修改对应的type和layout)
hexo 个人博客搭建

修改指南链接https://yafine-blog.cn/posts/4ab2.html

以下记录我自己博客修改的地方

1、修改代码高亮

2、修改页脚
修改前
hexo 个人博客搭建

访问量好像上传到码云、github就会正常显示

3、修改荧光绿导航栏
4、动态标题
5、添加线条背景
6、樱花飘落
7、鼠标星星
8、404页面
9、图片懒加载
hexo 个人博客搭建

我使用的懒加载图片
https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1927006281,635010982&fm=26&gp=0.jpg

写文章

创建方法

1、命令创建 hexo new “文章题目”

2、直接新建md 文件
文章目录
hexo 个人博客搭建

相关文章: