hexo博客系统搭建简易教程

本文最后更新于:2023年8月15日 下午

博客系统搭建

Hexo传送门

hexo博客系统可以部署在github上,写的md文件部署后全部转化为静态html文件,不需要服务器,实乃懒人穷鬼之首选

安装node

过程略

安装Git

过程略

安装Hexo

1
npm install -g hexo-cli

用 hexo -v 查看一下版本

初始化Hexo项目

找个合适的地方初始化项目

1
2
3
4
hexo init [name] 
cd [name]
yarn
hexo s #本地运行

至此,你的博客系统本地版本就完成了,你可以在source/_posts下写文章,hexo s本地运行。
这时候你也可以选择生成静态文件,然后部署到自己的服务器上,生成静态文件命令如下:

1
hexo g

部署到github(可选)

  • 注册github账号
  • 添加ssh key
  • 在github上新建项目
  • 注意你的项目名为 [username].github.io 其中[username]是你github的账户名
  • 配置本地项目发布地址,修改配置文件:项目根目录/_config.yml
    1
    2
    3
    type: git
    repository: [gitUrl] #发布到github
    branch: master
  • 推送文章上去
    1
    2
    hexo g  //生成静态部署文件
    hexo d //发布
    现在你可以用[username].github.io访问你的博客了

配置私有域名(可选)

  • 首先你要买个域名
  • 域名指向你github域名的ip
  • source文件夹下新建 CNAME 文件,没有后缀,里面写上你的域名(不需要带http://,示例: bestkele.cn)
  • 发布项目后,过一会你就可以通过自己的域名访问了(实际上就是通过域名访问了github静态项目的ip)

主题系统

默认的hexo长得太丑了,我们需要一个好看的主题,这里我选择了next主题,还有很多其他的主题,可以自己去找找看,这里不做介绍了
NEXT传送门
有一点注意的地方是,使用了next主题,项目的language配置要和theme/next里面一致,没有用主题前中文是 zh-Hans ,next主题下是 zh-CN

底部动漫插件

博客系统的灵魂

参考链接:
https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html


hexo博客系统搭建简易教程
http://bestkele.cn/2020/08/08/other/start/
作者
kele
发布于
2020年8月8日
许可协议