本文介绍从零开始搭建自己的个人博客,使用hexo框架可以有效节省时间,当然最主要的是众多美观的主题可供我们选择!

0x01 准备工作

安装nodejs与npm

hexo需要使用NodeJs,去官网下载Node.js

http://nodejs.cn/download/

Node.js集成了npm(默认的包管理工具无需自己安装)

在命令行查看自己是否安装成功

FJLMac ~> node -v
v14.2.0

FJLMac ~> 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

image-20200610002829385

0x03 本机测试

hexo的几个命令

hexo clean #可以清除缓存

hexo g #generate, 生成文件

hexo s #server,在本机4000端口运行,可以查看预览效果

hexo d #deploy,部署到github上

每次修改的话先clean 然后generate后server看一下,没问题了再deploy嗷。

查看效果即输入localhost:4000查看

image-20200610003659342

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按钮下去复制

image-20200610003659342

部署

一定要在hexo s之后确认没啥毛病了再部署上去

hexo d

之后就可以去自己的站点访问了。yourname.github.io

如果有需要自己去购买一个域名去备案就可以了。

0x05 总结

hexo真的是神奇,首先感谢b站up主CodeSheep的教程。自己弄起来这个的过程还是挺有意思的,hexo的功能还很强大等待我们去发掘,自己以后慢慢瞎折腾吧。主题什么的之后自己再写博客好了。


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!

Java中的String类 上一篇