Butterfly主题使用及配置
官方主题链接:https://hexo.io/themes/
配置完成之后的网页效果链接:https://testhexo.pages.dev/
1. 主题选择点击上面的官方主题链接,可以看到有很多可以使用的主题,可以根据自己喜好选择,选定主题之后自己再进行相应的配置修改就好了。
主题里面个人比较喜欢的两个就是Butterfly, ParticleX,又因为Butterfly相对功能更多,所以最后就选定了Butterfly,该主题GitHub仓库地址:https://github.com/jerryc127/hexo-theme-butterfly
2. 主题使用在source目录下新建一个config目录,主要是为了后面我们有关于主题的一个配置,config目录下要有四个文件夹,目录结构如下所示:
1234├── css // 自定义的css文件├── img // 图片├── js // 自定义的js文件└── mouse // 鼠标主题
进入到themes目录下,输入以下命令下载主题文件:
1git clone git@github.com:jerryc1 ...
Hexo安装使用以及网页部署
官方文档链接:https://hexo.io/zh-cn/docs/
1. 介绍Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
2. 安装docsify的安装非常方便,只需要终端执行以下代码:
1npm install -g hexo-cli
3. 使用使用起来也非常简单,先执行下初始化命令:
1hexo init testhexo
完成后可以看到docs子目录下的文件列表。
1234567├── _config.yml // 配置文件├── package.json // 运行依赖文件├── scaffolds├── source| ├── _drafts| └── _posts└── themes // 主题文件
然后使用本地服务器运行,执行命令如下:
12hexo clean & hexo ghexo s
返回如下:
123456789101112131415161718192021222324yunke@yunkedeM ...


