博客

image.png

安装Git, 安装nodeJS

image.png

image.png

image.png

image.png

image.png

image.png

在git bash输入ssh -T [email protected]

image.png

将hexo部署到GitHub

image.png

image.png

image.png

image.png

image.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

image.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

image.png

image.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 分别表示音乐的名称、作者、音乐文件地址、音乐封面。

image.png

简单使用方法：

1. star 本项目
2. 安装Git, 安装nodeJS
3. 你可以直接fork一份源码到你的仓库，clone到本地
4. 在本地博客仓库运行npm i命令安装依赖包
5. 修改配置信息，改成自己的信息
6. 运行命令hexo clean（清除生成文件），hexo g（生成网页）， hexo s（本地预览），hexo d（部署）