博客

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(部署)

你可能感兴趣的:(博客)