Hexo安装

前言: Hexo搭建之懒人版

Hexo安装考虑方面

  1. 本地配置github的ssh key。
    2.域名指向
    3.hexo相关命令
    4.hexo搭建
    5.网站加入百度、360等搜索引擎,下载文件放在主题source然后验证激活网站,并推送自己的网站,通过site:xxx.com判断网站是否加入了搜素引擎
    6.rss订阅
    7.背景和点击效果的js
    js放入主题source中,然后让layout.ejs调用js
    1
    2
    3
    4
    <!-- 点击爱心效果 -->
    <script src="/js/love.js"></script>
    <!-- 背景动画 -->
    <script src="/js/particle.js"></script>

8.修改默认的新建文章的格式

1
2
3
4
5
6
7
8
9
scaffolds目录下post.md
---
title:
date:
categories: Py交易
tags: python
keywords: python
commens: true
---

9.修改hexo的_config.yml主要注意点

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
permalink: posts/:title/
deploy:
type: git
repo: git@github.com:xx/xx.github.io.git
branch: master

# Disqus #Disqus评论系统
disqus_shortname:

feed:
type: atom
path: atom.xml
limit: 20

sitemap:
path: sitemap.xml

baidusitemap:
path: baidusitemap.xml

search:
path: search.xml
field: all
# hexo-tag-cloud
tag_cloud:
textFont: Trebuchet MS, Helvetica
textColour: \#333
textHeight: 25
outlineColour: \#E2E1D1

10.安装baidusitemap:,sitemap
11.文章添加图片可以本地src引用添加或者七牛图床方式。
12.hexo调用方式:首先渲染主题,然后渲染hexo的source文件夹,scaffolds是用来存默认模板,
public是渲染好了,然后生成公开的页面,他是公开页面所以每次生成都会覆盖,修改什么的话在
public里面操作没什么用的,一切主要修改在主题和hexo的source。
13.404页面
14.网易云音乐添加,如果想隐藏音乐框直接所有参数都修改成0
15.创建你需要的页面,hexo page xxx,比如想要一个工具集页面 hexo page tools;创建文章用hexo xxx,然后修改
source目录下那个md,sublime text书写上传,想添加音乐直接末尾添加,想添加图片就七牛等。
16.hexo source创建CNAME,robots.txt

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# hexo robots.txt
User-agent: *
Allow: /
Allow: /archives/

Disallow: /vendors/

Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/

Sitemap: http://www.coco413.cn/sitemap.xml

Sitemap: http://www.coco413.cn/baidusitemap.xml

17.UA
18.多说评论,人数统计
19.主页添加音乐
20修改主要内容
21.修改主题config
22

1
2
3
4
5
6
7
问题:如果hexo不能解析文件,直接页面显示代码怎么处理。
解决: 执行如下命令
npm install hexo-renderer-ejs --save

npm install hexo-renderer-stylus --save

npm install hexo-renderer-marked --save

22 seo
23 npm update更新hexo 切换到主题下git pull更新主题
24.如果备份hexo时候放在其他电脑再启动可能出现git等错误,重新配置下ssh key即可。
25.访客记录
26
gif 生成使用mac 自带的 QuickTime Player 录屏,然后使用 ffmpeg 工具处理得来的。

具体操作步骤:

  • QuickTime Player 录屏/ 新版 qq 5.3.1 录屏
  • ffmpeg 工具对原视频每秒抽一帧
  • ffmpeg 将每秒抽的帧以 5fps(每秒5帧) 进行合成从而得到的 gif

ffmpeg 安装:
$ brew install ffmpeg

命令:
$ ffmpeg -ss 0 -t 40 -i test.mp4
test.avi -r 1 -s 1280x720 -f image2 input-%03d.jpeg
从 test.mp4 中第 0 秒开始到第 40 秒每秒抽一帧生成一组.jpeg 的图片

$ ffmpeg -f image2 -framerate 5 -i input-%03d.jpeg output.gif
将刚才生成的一组.jpeg 图片,以 5fps(每秒五帧) 的帧率生成一个名为 output.gif 的 gif

27

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

几个url
www.cnblogs.com/tenderwx/p/5783432.html
http://login926.top/2016/07/20/HexoMedia/
http://www.kuwoku.com/2015/12/29/Hexo%E4%B9%8B%E5%A4%9A%E8%AF%B4%E8%AE%BF%E5%AE%A2%E8%AE%B0%E5%BD%95%E5%AE%9E%E7%8E%B0/
http://www.jianshu.com/p/db7e64d86067
http://www.jianshu.com/p/35e197cb1273
http://www.tuicool.com/articles/umEBVfI
http://www.cnblogs.com/tengj/p/5357879.html
http://ibruce.info/2013/11/22/hexo-your-blog/
http://www.cnblogs.com/xsilence/p/6001938.html
http://rebootcat.com/2016/06/10/%E6%88%91%E7%9A%84%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E8%AE%B0%E5%BD%95/
http://www.jianshu.com/p/7103fbbe1eba

如果还不够,建议看官网,看知乎hexo,看v2ex,三个看完hexo差不多了,然后针对主题再折腾几乎ok了,然后重心就可以放在写文章上了

28.文章置顶
29.感谢@基友带我入的坑。。拖了好久好久,以及@Svend给我带来帮助!
30.我这个主题是yelee,有点懒。。。随笔记录下,想到哪写到哪了= =。。

  1. 1
    2
    3
    4
    <video width="480" height="320" controls>
    <source src="movie.mp4">
    </video>
    或者gif
文章目录
  1. 1. Hexo安装考虑方面