本文介绍从零开始搭建自己的个人博客,使用hexo框架可以有效节省时间,当然最主要的是众多美观的主题可供我们选择!
0x01 准备工作
安装nodejs与npm
hexo需要使用NodeJs,去官网下载Node.js
Node.js集成了npm(默认的包管理工具无需自己安装)
在命令行查看自己是否安装成功
FJLMac ~> node -v
v14.2.0FJLMac ~> npm -v
6.14.4
0x02 安装hexo
主角登场!!!
先在想建博客的地方新建文件夹,今后所有的博客相关全都放在这里,遇到问题了删了重来就完事了。
安装hexo-cli
国外资源,国内好像下载起来很有问题。参考别人的做法。使用淘宝的国内镜像仓库中的资源。即安装cnpm,使用cnpm作为包管理器
npm install -g cnpm –registry=https://registry.npm.taobao.org
检查是否安装完成
FJLMac ~> cnpm -v
cnpm@6.1.1 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.14.5 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@14.2.0 (/usr/local/bin/node)
npminstall@3.27.0 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local
darwin x64 19.3.0
registry=https://r.npm.taobao.org
使用cnpm安装hexo
cnpm install -g hexo-cli
检查安装完成
FJLMac ~> hexo -v
hexo-cli: 3.1.0
os: Darwin 19.3.0 darwin x64
node: 14.2.0
v8: 8.1.307.31-node.33
uv: 1.37.0
…
使用hexo初始化
去新建的文件夹下hexo init
0x03 本机测试
hexo的几个命令
hexo clean #可以清除缓存
hexo g #generate, 生成文件
hexo s #server,在本机4000端口运行,可以查看预览效果
hexo d #deploy,部署到github上
每次修改的话先clean 然后generate后server看一下,没问题了再deploy嗷。
查看效果即输入localhost:4000查看
0x04 托管到github上
新建仓库
在自己的github上建立一个新仓库,仓库名为yourname.github.io(这个一定不能弄错,会哭的)
安装部署插件
cnpm install –save hexo-deployer-git
配置_config.yml
vim打开hexo根目录下的_config.yml
deploy:
type: git
repo: 你的仓库的https地址
branch: master
可以在建立仓库的时候直接把https地址复制了,也可以建完之后进入仓库主页的clone按钮下去复制
部署
一定要在hexo s之后确认没啥毛病了再部署上去
hexo d
之后就可以去自己的站点访问了。yourname.github.io
如果有需要自己去购买一个域名去备案就可以了。
0x05 总结
hexo真的是神奇,首先感谢b站up主CodeSheep的教程。自己弄起来这个的过程还是挺有意思的,hexo的功能还很强大等待我们去发掘,自己以后慢慢瞎折腾吧。主题什么的之后自己再写博客好了。
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!