hexo搭建个人博客_搭建hexo博客

一直以来博客用的都是CSDN和简书,今天简单介绍一下使用hexo和码云搭建自己博客的流程

基本搭建:

1. 使用vscode编译器编辑

2. 配置搭建博客的环境 hexo 官网链接 https://hexo.io/

npm install hexo-cli -ghexo init blogcd blognpm installhexo server

3. 使用码云创建项目

4. 项目里修改_config.yml文件

deploy:  type: 'git'  repo: 'https://gitee.com/chen_xl/blog.git'

在项目路径下执行

npm install hexo-deloyer-git --save

安装完毕之后,执行

hexo deploy

成功后刷新码云, 打开Gitee Pages服务

050e358b884a1b38f84852a22e5da6b2.png

启动服务,打开网址


配置样式:

修改项目里_config.yml文件

# URL## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'url: http://chen_xl.gitee.io/blog/root: /blog/

在码云中更新当前仓库,重新部署

7ed857e39280e65cd6ab4cf306211f58.png


重新执行:

可通过修改配置文件,将build指令融合到deploy指令中

"deploy": "hexo generate & hexo deploy",
npm run serve

使用主题:

挑选喜欢的主题风格 主题网站:https://hexo.io/themes/

首先需要进到项目里theme文件夹中,clone该主题的地址

需要注意该主题有没有依赖其他的库,如果有需要进行安装 npm install 插件地址

最后重新执行一下


初步就已经搭建成功了,之后可以在vscode里安装markdown插件,这样就可以使用更简洁,直观的形式看到博客的预览了~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值