标题什么是 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搭建博客网站的操作就结束啦!