一文玩转hexo框架,学会搭建个人博客网站

标题什么是 Hexo?

  • Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
  • 详情可看官方文档

如何使用hexo框架搭建个人博客网站

  • 根据官方指引的基本步骤,如下:
安装hexo脚手架
# npm install hexo-cli -g
初始化hexo项目并为文件夹命名
# hexo init name
进入文件夹
# cd name
安装依赖
# npm install
运行项目
# hexo server

这样我们的原始项目就跑起来了。
接下来讲解进一步的进阶操作:

在项目的根目录 创建新文章
# hexo new 文章名称
  • 然后打开name\source_posts目录,可以看见我们刚刚创建的文章以.md的格式放在这里。
  • Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
  • 个人建议文章先在CSDN上完成编辑,再直接复制到我们的项目中,实现两端同时编辑同时发布,岂不美哉

常用操作

接下来讲讲常用的一些操作:

  • 当我们更换主题或者修改了样式后可能无法立即生效,那是因为我们的本地缓存,这时候我们需要手动清除项目的缓存
清除缓存
# hexo clean
  • 当我们完成编辑后,想要部署到任意地方前,我们需要先打包生成静态资源
打包生成
# hexo g
  • 当我们想要借助gitee部署我们的博客网站时,我们需要先在gitee上创建一个新的仓库,然后在项目的根目录安装git部署插件
npm install --save hexo-deployer-git

然后修改项目配置文件_config.yml

-----
	# Deployment
	## Docs: https://hexo.io/docs/deployment.html
	deploy:
  		type: git
 		repo: https://github.com/YourGithubName/YourGithubName.github.io.git
  		branch: master
-----

接着只需要输入指令

hexo d  (按照提示输入账号密码)

即可完成代码上传
接着来到gitee进入对应的该项目的仓库中,点击pages服务在这里插入图片描述
选择好分支后进行部署在这里插入图片描述
这里是我的gitee博客链接https://continent_tyrant.gitee.io/zhoubaba
到这里,hexo搭建博客网站的操作就结束啦!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值