Hello World & hexo notes

Catalogue
  1. 1. 原模板自带简介
    1. 1.1. Quick Start
      1. 1.1.1. Create a new post
      2. 1.1.2. Run server
      3. 1.1.3. Generate static files
      4. 1.1.4. Deploy to remote sites
  2. 2. 以下为个人记录
    1. 2.1. 常规操作类
      1. 2.1.1. 生成并部署
      2. 2.1.2. 清空本地生成
      3. 2.1.3. 字号
    2. 2.2. 图片视频类
      1. 2.2.1. 视频:iframe标签、或者video标签:
      2. 2.2.2. 加入置顶功能
      3. 2.2.3. 加入gallery功能,每次更新文件时需运行
      4. 2.2.4. 关于asset-img文件夹的解决方案之一
      5. 2.2.5. 增加swf-flash文件作为banner功能:
    3. 2.3. front-matter相关修改
      1. 2.3.1. noshare属性
      2. 2.3.2. 关于favicon.ico
      3. 2.3.3. fancybox
      4. 2.3.4. 题外话:关于pip

记录使用hexo与自定义的相关历程。
Record the process of the development of this page.

原模板自带简介

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

first things first 我爱MATLAB [hw.png] [first things first]

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment


以下为个人记录

常规操作类

生成并部署

1
$ hexo generate --deploy

清空本地生成

1
$ hexo clean

字号

调整_variables.styl文件

图片视频类

视频:iframe标签、或者video标签:

1
2
3
4
5
6
7
<embed type="video/mp4" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" quality="high" height="300" width="480" src="http://7.com/3.mp4"/>
<iframe height=498 width=510 src=" " frameborder=0 allowfullscreen></iframe>
<video width="498" height="510 " src=" " poster=" " autoplay="autoplay"></video>
<embed src="/cht/css/images/banner-flash.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

加入置顶功能

node_modules/hexo-generator-index/lib/generator.js

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
'use strict';
var pagination = require('hexo-pagination');
module.exports = function(locals){
var config = this.config;
var posts = locals.posts;
posts.data = posts.data.sort(function(a, b) {
if(a.top && b.top) { // 两篇文章top都有定义
if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排
else return b.top - a.top; // 否则按照top值降序排
}
else if(a.top && !b.top) { // 以下是只有一篇文章top有定义,那么将有top的排在前面(这里用异或操作居然不行233)
return -1;
}
else if(!a.top && b.top) {
return 1;
}
else return b.date - a.date; // 都没定义按照文章日期降序排
});
var paginationDir = config.pagination_dir || 'page';
return pagination('', posts, {
perPage: config.index_generator.per_page,
layout: ['index', 'archive'],
format: paginationDir + '/%d/',
data: {
__index: true
}
});
};

加入gallery功能,每次更新文件时需运行

1
2
3
4
5
6
7
python pcp.py
node tool.js
cd photos/page-backup
git add .
git commit -m 'upload'
git status -s
git push

关于asset-img文件夹的解决方案之一

http://www.tuicool.com/articles/umEBVfI
目前自己解决的办法是放到css/thumbnail绝对路径下,肯定没错就是有点不优雅

增加swf-flash文件作为banner功能:

·添加post/swf.ejs文件

1
2
<a href="<%- url_for((post.link ? post.link : post.title)) %>" target="_blank" itemprop="url" class="flash"></a>
<embed src="<%- post.swf %>" allowFullScreen="true" quality="best" width="100%" height="100%" align="middle" allowScriptAccess="always" scale="noborder" type="application/x-shockwave-flash" class="flash-banner"></embed>

·修改article.ejs文件:

1
2
3
<% if (post.swf) { %>
<%- partial('post/swf') %>
<% } %>

front-matter相关修改

noshare属性

1
2
<% if (!post.noshare) { %>
<% } %>

这样加入noshare属性并设置为true即可关闭分享功能

关于favicon.ico

这年代缩略图标各家差别太大
为了适配安卓和苹果,找到了一个好用的网站:http://realfavicongenerator.net/
可以生成对应的html代码和图片文件。
有兴趣可以把本网站“添加到主屏幕”试试;-)
对了,还要修改_config.yml ,以及head.ejs文件相应位置哦

fancybox

http://fancyapps.com/fancybox/#docs
有众多属性可以使用,还可以点击播放swf

题外话:关于pip

easy_install -U pip

Share Comments
多说已于2017年6月1日到期,此处不再提供评论功能。如需评论请使用About页面的disqus(GFW)或提交issue。
The previous duoshuo comment system stopped service. Please use disqus or submit issues to comment.