搭建hexo博客

本文详细介绍了如何使用Visual Studio Code(VSCode)和Hexo搭建个人博客的过程,包括安装Hexo CLI,初始化博客,配置部署到码云GiteePages,选择并应用主题,以及预览和发布博客的步骤。通过这一系列操作,你可以在码云上拥有自己的静态博客网站。
摘要由CSDN通过智能技术生成

基本搭建:

使用vscode编译器编辑

配置搭建博客的环境 hexo 官网链接 hexo官网

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
  1. 使用码云创建项目,获取仓库地址

  2. 打开生成好的项目,在项目的_config.yml文件里配置deploy,
    repo填写为刚创建好的仓库地址

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

在项目路径下执行

npm install hexo-deloyer-git --save

安装完毕之后,执行

hexo deploy

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

已开启 Gitee Pages 服务,网站地址: 博客地址


配置样式:

修改项目里_config.yml文件

url: 仓库地址
root: /blog/

# 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/

重新执行:

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

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

​使​用主题:

挑选喜欢的主题风格 主题网站:主题地址

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

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


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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值