写博客的好处是我们用博客表达自己、升华自己。平时学习新知识总是经常性会遗忘部分内容,使用过有道云,印象笔记,公众号,缺金社区,csdn,Github,码云等等记录了零零散散一些内容。所以准备使用hexo做一个归纳
主题的效果图 很精美
快速开始
首选安装好node.js和npm
安装 Heox
$ npm install -g hexo-cli
初始化博客
$ hexo init# 会生成如下文件├── .deploy #需要部署的文件├── node_modules #Hexo插件├── public #生成的静态网页文件├── scaffolds #模板├── source #博客正文和其他源文件,404、favicon、CNAME 都应该放在这里| ├── _drafts #草稿| └── _posts #文章├── themes #主题├── _config.yml #全局配置文件└── package.json
More info: Writing
启动
$ hexo server
More info: Server
发表草稿。
$ hexo publish [layout]
创建文章
$ hexo new [layout]
生成静态文件
$ hexo generate
More info: Generating
部署网站
$ hexo deploy#打包并上传的github$ hexo d -g
More info: Deployment
清除缓存文件
$ hexo clean
一个简答博客就部署好了。默认的主题比较单一不好。所以要选择一款合适的主题来美化自己的博客。这里我选择的hexo-theme-matery这款主题。文档齐全很方便部署
我的博客预览地址
https://blog.qinxuewu.club/
这是一个采用Material Design和响应式设计的 Hexo 博客主题。
特性
简单漂亮,文章内容美观易读Material Design设计响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现每天动态切换Banner图片瀑布流式的博客文章列表(文章无特色图片时会有24张漂亮的图片代替)时间轴式的归档页词云的标签页和雷达图的分类页丰富的关于我页面(包括关于我、文章统计图、我的项目、我的技能、相册等)可自定义的数据的友情链接页面支持文章置顶和文章打赏支持MathJaxTOC目录可设置复制文章内容时追加版权信息可设置阅读文章时做密码验证Gitalk、Gitment、Valine和Disqus评论模块(推荐使用Gitalk)集成了不蒜子统计、谷歌分析(Google Analytics)和文章字数统计等功能
下载
当你看到这里的时候,应该已经有一个自己的Hexo博客了,如果还没有的话,不妨使用 Hexo 和Markdown来写博客和文章。
点击 这里 下载master分支的最新稳定版的代码,解压缩后,将hexo-theme-matery的文件夹复制到你 Hexo 的themes文件夹中即可。当然你也可以在你的themes文件夹下使用Git clone命令来下载:
git clone /blinkfox/hexo-theme-matery.git
配置
切换主题
修改 Hexo 根目录下的_config.yml的theme的值:theme: hexo-theme-matery
`_config.yml`文件的其它修改建议:
请修改_config.yml的url的值为你的网站主URL(如:http://xxx.github.io)。建议修改两个per_page的分页条数值为6的倍数,如:12、18等,这样文章列表在各个屏幕下都能较好的显示。如果你是中文用户,则建议修改language的值为zh-CN。
新建分类 categories 页
categories页是用来展示所有分类的页面,如果在你的博客source目录下还没有categories/index.md文件,那么你就需要新建一个,命令如下:
hexo new page "categories"
编辑你刚刚新建的页面文件/source/categories/index.md,至少需要以下内容:
---title: categoriesdate: -09-30 17:25:30type: "categories"layout: "categories"---
新建标签 tags 页
tags页是用来展示所有标签的页面,如果在你的博客source目录下还没有tags/index.md文件,那么你就需要新建一个,命令如下:
hexo new page "tags"
编辑你刚刚新建的页面文件/source/tags/index.md,至少需要以下内容:
---title: tagsdate: -09-30 18:23:38type: "tags"layout: "tags"---
新建关于我 about 页
about页是用来展示关于我和我的博客信息的页面,如果在你的博客source目录下还没有about/index.md文件,那么你就需要新建一个,命令如下:
hexo new page "about"
编辑你刚刚新建的页面文件/source/about/index.md,至少需要以下内容:
---title: aboutdate: -09-30 17:25:30type: "about"layout: "about"---
新建友情连接 friends 页(可选的)
friends页是用来展示友情连接信息的页面,如果在你的博客source目录下还没有friends/index.md文件,那么你就需要新建一个,命令如下:
hexo new page "friends"
编辑你刚刚新建的页面文件/source/friends/index.md,至少需要以下内容:
---title: friendsdate: -12-12 21:25:30type: "friends"layout: "friends"---
同时,在你的博客source目录下新建_data目录,在_data目录中新建friends.json文件,文件内容如下所示:
[{ "avatar": "/1_qq_2792.jpg