Hexo+Github免费搭建个人博客

文摘   科技   2024-07-12 13:54   上海  

前面一直用公众号写文章,但发现比较散,不利于自己做知识管理。所以想搞个免费博客,私域,技术,经济都可以写。后面再用gitbook搞个在线书。

就选了比较流行的hexo,然后免费部署到github pages上。很快就搭起来了,可以通过 元芳的博客 (https://iyuanfang.github.io/) 访问。

这里主要讲原理和相关命令。如git,node的安装和使用可以自行搜索。

Hexo

Hexo原理是通过node将Markdown文件最后打包生成html和js/css 静态文件,然后将这些静态文件放到免费托管就可以网络访问了。

Hexo使用见Hexo 官方入门文档

安装Hexo,然后运行,就可以浏览器查看站点了。

Hexo-admin

我使用了Hexo-admin插件,这样可以可视化创建和修改文章。


Markdown 语法很简单,参考这里 Markdown语法

这个后台支持直接拷贝图片进来,但生成的Markdown文字有些问题,要改成”/“才能够正常显示图片。

主题

比较了很多hexo主题,最后选择了fluid主题,比较好看,又能配置很多东西。

Github Pages

github pages 是github提供的免费静态文件托管站点。我开始想用vercel,但发现生成的网站国内无法访问,所以还是用pages了。

步骤就是先在github创建一个名为”iyuanfang.github.io”仓库(这里iyuanfang替换成你自己的github账号),然后将hexo的文件直接通过”hexo d” 部署到这个仓库,然后github会检测到文件变化,自动部署站点。github pages还支持其它很多action,但比较复杂,以后再研究,先用最基础的”Deploy from a branch”。


hexo生成静态文件并部署到github pages上

1
hexo g && hexo d
BASH

然后等待github pages自动构建,就可以看到新发布或修改的文章了

总结

Hexo启动,然后在admin后台用Markdown写文章,同时可以预览效果,最后生成静态文件并一键deploy到github pages。挺简单的,你也试试吧!


我是元芳,原支付宝架构师。技术出身的私域顾问,服务过波司登、张裕、冷酸灵、元祖等上百家企业。分享对私域的感悟,最近也关注AI。微信:pesome,一起成长。

元芳聊私域
分享感悟