![](https://img.haomeiwen.com/i11158618/4e2fff19df275e8b.png)
![](https://img.haomeiwen.com/i11158618/167f277da93af4fa.png)
![](https://img.haomeiwen.com/i11158618/1f67a57ea23b5177.png)
![](https://img.haomeiwen.com/i11158618/a36f2bd2fb7e5cda.png)
![](https://img.haomeiwen.com/i11158618/e99e3bd83811bcc2.png)
![](https://img.haomeiwen.com/i11158618/9bdbcf460586e6cc.png)
![](https://img.haomeiwen.com/i11158618/197fe53edd3e06a7.png)
在git bash输入ssh -T git@github.com
![](https://img.haomeiwen.com/i11158618/9a1195a9ce9111b1.png)
将hexo部署到GitHub
![](https://img.haomeiwen.com/i11158618/107ca8eeb3289628.png)
![](https://img.haomeiwen.com/i11158618/f0660f34ab5c237d.png)
![](https://img.haomeiwen.com/i11158618/c0a3432c49e526d1.png)
![](https://img.haomeiwen.com/i11158618/6717cff6dab3c2ae.png)
![](https://img.haomeiwen.com/i11158618/58a1689b18e86d3c.png)
然后输入hexo new post "article title",新建一篇文章。
你可以会直接在vscode
里面编写markdown
文件,可以实时预览,也可以用用其他编辑md
文件的软件的工具编写。
编写完markdown文件后,根目录下输入hexo g
生成静态网页,然后输入hexo s
可以本地预览效果,最后输入hexo d
上传到github
上。这时打开你的github.io
主页就能看到发布的文章啦。
- node_modules - public - scaffolds - source - _data - _posts - about - archives - categories - friends - tags - themes
![](https://img.haomeiwen.com/i11158618/99c007cf20431ca2.png)
在文件根目录下的_config.yml
,就是整个hexo
框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。
title网站标题subtitle网站副标题description网站描述author您的名字language网站使用的语言timezone网站时区。Hexo 默认使用您电脑的时区。时区列表。
参数描述layout布局title标题date建立日期updated更新日期comments开启文章的评论功能tags标签
Hexo有三种默认布局:post、page和draft
hexo new page newpage
draft是草稿的意思,也就是你如果想写文章,又不希望被看到,那么可以
hexo new draft newdraft
这样会在source/_draft中新建一个newdraft.md文件,如果你的草稿文件写的过程中,想要预览一下,那么可以使用
hexo server --draft
如果你的草稿文件写完了,想要发表到post中,
hexo publish draft newdraft
简单漂亮,文章内容美观易读
Material Design 设计
响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现
首页轮播文章及每天动态切换 Banner 图片
瀑布流式的博客文章列表(文章无特色图片时会有 24 张漂亮的图片代替)
时间轴式的归档页
词云的标签页和雷达图的分类页
丰富的关于我页面(包括关于我、文章统计图、我的项目、我的技能、相册等)
可自定义的数据的友情链接页面
支持文章置顶和文章打赏
支持 MathJax
TOC 目录
可设置复制文章内容时追加版权信息
可设置阅读文章时做密码验证
Gitalk、Gitment、Valine 和 Disqus 评论模块(推荐使用 Gitalk)
集成了不蒜子统计、谷歌分析(Google Analytics)和文章字数统计等功能
支持在首页的音乐播放和视频播放功能
https://blinkfox.github.io/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/
当然你也可以在你的 themes 文件夹下使用 Git clone 命令来下载:
git clone https://github.com/blinkfox/hexo-theme-matery.git
![](https://img.haomeiwen.com/i11158618/8401a2502eed4f46.png)
![](https://img.haomeiwen.com/i11158618/2e517f30d2b6dd92.png)
安装命令如下:
npm i -S hexo-prism-plugin
社交图标(如:fa-github
)你可以在 Font Awesome 中搜索找到。
Facebook: fa-facebook
Twitter: fa-twitter
Google-plus: fa-google-plus
Linkedin: fa-linkedin
Tumblr: fa-tumblr
Medium: fa-medium
Slack: fa-slack
新浪微博: fa-weibo
微信: fa-wechat
QQ: fa-qq
修改打赏的二维码图片
在主题文件的 source/medias/reward 文件中
name、artist、url、cover 分别表示音乐的名称、作者、音乐文件地址、音乐封面。
![](https://img.haomeiwen.com/i11158618/cd05d14eb633dc18.png)
简单使用方法:
网友评论