使用Hexo从笔记仓库搭建自己的博客

Hexo

Official Doc

成果 : blog.kuangcp.top

参考 博客 | 部署Hexo

  • 在docker中下拉笔记仓库, 然后构建, 然后推送到github的page上
  • 其实可以更为简单, 使用travi.ci 进行构建和发布 参考

安装 hexo

  1. npm install -g hexo
  2. 新建一个目录然后初始化 hexo init
  3. 根据md生成静态资源文件 hexo generate | hexo g
  4. 本地试运行 hexo server | hexo s
  5. 清除静态文件hexo clean
  6. 发布到远程 hexo deploy | hexo d

主配置文件

官网配置说明

  • 当前目录下的_config.yml是主配置文件

  • Site 部分

    • subtitle: 对自己的描述或者对网站的描述
    • description: 对网站的描述,提供给搜索引擎看的
    • author: 作者
    • language: 中文是zh-CN
    • timezone: 不填就好,系统自己会计算时区
  • URL

    • url: 填写你自己网站的域名
    • root: 如果你的网站首页就在你github仓库的根目录下,则不用修改,否则改成你网站首页所在目录即可。
    • 后面默认。
  • Extensions

    • theme 填写/thems文件夹下的主题文件夹名字 官方主题
    • 选好对应的主题只要 git clone/themes文件夹下即可
    • 例如 next主题 官方使用文档
  • Deployment

    • type: git
    • repo: 仓库URL
    • branch: master 分支,一般是master
  • 安装 工具 npm install hexo-deployer-git --save

更多发布方式

插件

indigo 一个Material Design风格的Hexo主题

next

文章相关

配置

tags

source/tags/index.md

---
title: "tags"
type: tags
layout: "tags"
---
categories

source/categories/index.md

---
title: "categories"
type: categories
layout: "categories"
---

新建文章

  • hexo new "postName" #postName是文章的名字
    • 文章的开头具有 时间,标题,分类, 标签等信息
  • 然后生成hexo g 发布 hexo d
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值